March 10, 2014
1.作出OG語法標籤
在html head裡面加註以下標籤
2.使用Facebook有清除快取的Debug工具
https://developers.facebook.com/tools/debug
3.回到Facebook確認。
如果出現以下圖片,就算是成功囉。
其他 OGP標籤 ( Open Graph Protocol )標籤:
除了縮圖之外,
og:title:網頁標題
og:name:網站名稱
也是 facebook中按讚同時「顯示」之重要的標籤
在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 電話">
<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中按讚同時「顯示」之重要的標籤
2 Comment(s)
woti
2014/06/24 20:08
<meta http-equiv="expires" content="0" /><meta property="og:title" content="" /><meta property="og:url" content=" " /><meta property="og:description" content=""/><meta property="og:image" content=""><meta property="og:site_name" content="" />這是當你在fb貼網址時會出現的標題、網址、描述、縮圖....1.第一行是什麼意思?<meta http-equiv="expires" content="0" />2.<meta property="og:image" content="">有關圖片大小有限制嘛?如果我連結的圖片是1000x900,那fb會自動將圖片縮小成適當尺寸還是只顯示大圖片當中的一部分?
分頁: 1/1 1