goTOP
March 10, 2014

秀出 FaceBook 動態消息的縮圖

| |
網頁語言 » facebook | 閱覽(18944) | Posted by apao at 16:55
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中按讚同時「顯示」之重要的標籤
Facebook twitter LINEk
文章来自: 本站原創
2 Comment(s)
jordan 7代 Homepage
2014/08/20 15:23
謝謝分享
回覆內容 (^_^)
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.meta http-equiv="expires" content="0"
指定網頁暫存期間,過期後須到伺服器重新讀取,而不使用快取網頁,須使用GMT時間格式。
2.您有試過嗎?試過就知道了...照理說會縮小,但是會自動在FB裡面裁切喔
3.關於meta 我整理到以下頁面過ㄛ:
http://blog.apao.idv.tw/read.php/642.htm
分頁: 1/1 第一頁 1 最後頁
我要發表評論
暱稱
密碼 [ 訪客無需密碼 ]
電郵
網址
開啟HTML 開啟UBB 開啟表情 隱藏 記住我