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

現在很流行的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前面喔
以上給大家做參考嚕~~

6 關於 “讓Facebook分享連結時可以顯示小圖示” 的評論

  1. mbdmt chino 文章作者

    你要的方式 可能要透過php或是asp等程式參數達到,比如網址多一個參數去改變圖片或是標題名稱,讓他區別不同的icon及標題,因為是給FB專用參數,不會影響到網頁內容。
    http://www.aaa.com/page.php?icon=1
    http://www.aaa.com/page.php?icon=2
    http://www.aaa.com/page.php?icon=3
    如果是要分享不同網址 就沒這問題在下面這個去指定連結即可。
    http://www.facebook.com/share.php?u=分享網址&t=網頁標題

  2. 柔仔

    您好,那如果我一頁分別有4個東西想要分享,每個分享的標題、圖檔都不一樣,這語法要怎麼改呢?
    謝謝^^

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


CAPTCHA Image

Reload Image