有事沒事就把鋼彈天線掛在頭上的中年男子
如同無止境華爾滋那句台詞一樣,『畫圖就像無止盡的華爾滋一般;永遠隨亂畫、拖稿、補坑三個拍子起舞!』
當初因為人設作業畫了機器人之後,從大學開始到現在都一直被稱為鋼彈,喜歡日系機人系列不過不是完全的機人宅。本網誌純粹只是個人連笑威的地方,感謝各位海涵也感謝各位光臨!

2016年1月24日 星期日

【筆記】記錄網頁一些眉眉角角_01

記錄一下關於網頁製作的相關小工具:臉書分享時的資料抓取。

每次幫忙公司貼一些文章上臉書總是覺得抓的圖不太對...所以就使用偉哉大菇狗來找找相關的資料研究一下。以下資料來自於兩個網站:1.威廉王子不在家、2.樂在設計-網頁設計向前走。以下就是資料整理囉~




首先先複製下面這段meta~

<meta name="og:description" content="網站內容描述"/>
<meta property="og:title" content="網站標題"/>
<meta property="og:type" content="網站類型"/>
<meta property="og:url" content="網址;
<meta property="og:image" content="分享時網頁縮圖(可設定多圖,讓分享者選擇)"/>
<meta property="og:site_name" content="網站名稱" />
<meta property="fb:app_id" content="填入應用程式 ID" />
<meta property="fb:admins" content="管理者 fid"/>


fb:app_id 跟 fb:admins 這兩個目前倒是沒有用到(小弟理解差,找了資料不知道在恭蝦咪...(來源,可以參考一下)。上面那段meta是放在網頁標籤內,詳細設定就是後面中文解釋。

如果加上上面的語法在臉書貼文時還是會有問題的話,那麼就到臉書的Debug頁面去做處理吧!連結在此!聽說這個東西不好找,藏在很隱密的地方XD...


步驟01:在進去的頁面輸入要更新抓取資料的網頁,然後按下Debug。


步驟02:確認更新之後的資訊,如果沒有刷新就按Fetch new scrape information這個按鈕吧!


因為ID跟ADMINS那部分沒有做設定,在上面那個結果頁面也會提醒一些沒抓到的資料。
補充一下其他資料:連結01連結02