讓Facebook分享連結時可以顯示小圖示

發表於 : 15-03-2010 | 作者 : mbdmt chino
分類 : HTML & JAVASCRIPT |
  • Share/Bookmark

1

現在很流行的Facebook ,現在幾乎要做活動網站或部落格幾乎都會有分享連結
Facebook通常是用如下的連結做推薦


http://www.facebook.com/share.php?u=分享網址&t=網頁標題

但是實際上連過去以後 FB會自動從分享網址搜尋 他要的訊息,不一定會顯示你指定的標題

所以你必須在頁面上做一些語法標示,可以出現標題、文案和圖示,用以下的語法可以做到

讓FB抓到你要的推荐資料,記得這些是加在</head>前面

<meta name="title" content="網頁標題會顯示粗體" />
<meta name="description" content="網頁說明文案" />
<link rel="image_src" type="image/jpeg" href="要顯示的圖檔網址.jpg" />

圖片的大小寬度是100px內,在大的話,FB會縮圖,圖片就可能會變形。

 

效果會像這樣
如果要多張圖的話
建議另外寫不同的方式來讓FB讀到圖片
就是將img圖片寫在<li></li>標籤裏面,效果是比較好的,且圖片要用全網址http://開頭,不要只用xxx.jpg
對於其他類似的像murmur.tw也可以抓的到,比較通用。
全Flash的話可以圖片把它定義在一個div區塊設隱藏css語法display:none;
圖片一定要在flash前面喔
以上給大家做參考嚕~~


Comments (1)

您好試過您的方法了一樣沒用…
請問還有哪邊有這類的教學

發表一個迴響

XHTML: 您可以使用以下HTML標籤: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <video>

(若看不到驗證碼,請按這裡更換一個。)