當 FACEBOOK 的讚 一點都不讚 時 (無法在塗鴉牆上顯示縮圖與文章標題…)

許多人喜歡按 『讚』 ( LIKE) , 經營一個網站, 通常都會放上這些小按鈕, 讓使用者表露心聲, 或是將文章分享出去, 帶進流量,

但是當人家在你的文章頁面上按讚時, po 到他們塗鴉牆 (wall) 的資訊該如何決定呢? FACEBOOK 是如何決定要截取什麼資訊呢?

客制化 按讚 的縮圖

客制化 按讚 的縮圖

也許這只是個小事, 不用太在意, 但是, 當網站使用者很多時, 或是企業網站的產品資訊, 那就顯得很重要了 (業務們 很在意…),

如果需要指定 PO 到 FACEBOOK 的資訊,  需要知道下面這些:

1. 在每一篇文章或是產品頁面, 指定以下HEAD標籤:

網頁最上方開頭改為:

<html xmlns="http://www.w3.org/1999/xhtml"        
xmlns:og="http://ogp.me/ns#"        
xmlns:fb="http://www.facebook.com/2008/fbml">    

在 <HEAD> 與 </HEAD>之間放入:  
<meta charset="utf-8" />  
<meta property="og:title" content="標題文字(可從資料庫撈出來)" />  
<meta property="og:url" content="文章網址(可從資料庫撈出來)" />  
<meta property="og:image" content="圖片縮圖網址(可從資料庫撈出來)" />  
<meta property="og:description" content="文章描述(可從資料庫撈出來)"/>  
<meta property="og:site_name" content="網站名稱" />  

這樣就可以了, 由於FACEBOOK 會 CACHE(暫存) 之前的資訊, 所以你加上這些標籤後,  可能無法即時反映現況,別氣餒,
可先用此工具測試:     http://developers.facebook.com/tools/lint/ 輸入你的文章網址, 看 FACEBOOK  
即時解析的結果! (此工具已經更名為: Debugger)

當文章或是產品頁面被按 『讚』 時, 你只能被動的由 FACEBOOK 決定要顯示什麼文字(或是縮圖) 在別人的塗鴉牆上嗎?
我們可以讓您在後台設定每篇文章(每個產品) 的 標題,描述,與縮圖, 讓您可以置入 價格 與 其它訊息.

請參閱:  http://www.anson.com.tw/social.html


分享這篇文章的網址這篇文章的網址(可分享到FB、LINE)：

用LINE分享給朋友: