<![CDATA[A.PAO designSTUDIO BLOG]]> https://blog.apao.idv.tw/index.php zh-tw https://blog.apao.idv.tw/post/1020/ <![CDATA[秀出 FaceBook 動態消息的縮圖]]> apao <apao@www.apao.idv.tw> Mon, 10 Mar 2014 08:55:12 +0000 https://blog.apao.idv.tw/post/1020/ 1.作出OG語法標籤
在html head裡面加註以下標籤
<link href="圖片連結網址" rel="image_src" type="image/jpeg">


2.使用Facebook有清除快取的Debug工具
https://developers.facebook.com/tools/debug

點擊在新視窗中瀏覽此圖片

3.回到Facebook確認。
如果出現以下圖片，就算是成功囉。

點擊在新視窗中瀏覽此圖片

其他 OGP標籤 ( Open Graph Protocol )標籤：
<meta property="og:site_name" content="Your Site 網站名稱">
<meta property="og:title" content="Your Site 網頁標題">
<meta property="og:description" content="Your Site 網站敘述">
<meta property="og:image" content="Your Site 縮圖連結 (image.jpg)">
<meta property="og:url" content="Your Site 網址>
<meta property="og:email" content="Your Site 信箱">
<meta property="og:phone_number" content="Your Site 電話">

除了縮圖之外，
og:title：網頁標題
og:name：網站名稱
也是 facebook中按讚同時「顯示」之重要的標籤
Tags - , , , , , ]]> https://blog.apao.idv.tw/post/1020/#blogcomment69348 <![CDATA[[評論] 秀出 FaceBook 動態消息的縮圖]]> woti <citcitcit2002@gmail.com> Tue, 24 Jun 2014 12:08:21 +0000 https://blog.apao.idv.tw/post/1020/#blogcomment69348 https://blog.apao.idv.tw/post/1020/#blogcomment69808 <![CDATA[[評論] 秀出 FaceBook 動態消息的縮圖]]> jordan 7代 <user@domain.com> Wed, 20 Aug 2014 07:23:30 +0000 https://blog.apao.idv.tw/post/1020/#blogcomment69808