2011-06-15 29 views
1

我試圖將Facebook「贊」或「推薦」按鈕添加到我們網站上某些內容頁面的底部,以便當有人點擊時它,它會立即張貼在他們的FB牆 - 傳播有關的頁面等將Facebook「贊」按鈕添加到外部頁面時的圖片問題

這個詞,我發現這段代碼做到這一點:

<div id="fb-root">&nbsp;</div> 
<script src="http://connect.facebook.net/en_US/all.js#appId=174289559298553&amp;xfbml=1"></script> 
<p><fb:like send="true" show_faces="true" action="recommend" font="arial" href="http://amathus.staging.screenpages.net/moillardproducerpage" width="450"></fb:like></p> 

但是,當我把它放在網頁上,並對其進行測試「喜歡/推薦」它,當它通過我的臉書時,用鏈接代表頁面的圖像並不好。

然後我試圖把meta標籤的編碼,以便它拿起正確的圖像,像這樣:

<meta property="og:title" content="Domaine Moillard" /> 
<meta property="og:type" content="drink" /> 
<meta property="og:url" content="http://amathus.staging.screenpages.net/moillardproducerpage" /> 
<meta property="og:image" content="http://www.amathusdrinks.com/skin/frontend/default/default/Agro-de-Bazanc.jpg" /> 
<meta property="og:site_name" content="Amathus Drinks" /> 
<meta property="fb:admins" content="61406146" /> 

但它再次拿起了底部的小額支付標誌僅適用於圖像( sagepay徽標 - 不理想!)。

任何人都知道如何讓它在鏈接旁邊顯示相關圖片,當有人喜歡該頁面時?

感謝,

克萊爾

回答

0

我試圖運行http://amathus.staging.screenpages.net/moillardproducerpage通的棉短絨工具(https://developers.facebook.com/tools/debug)和一無所獲。這是正確的網址嗎?

從上面給出的圖片url中,我看到它是從http://www.amathusdrinks.com/開始的,所以我通過linter工具運行了http://www.amathusdrinks.com/moillardproducerpage。得到了一些成果,但仍存在一些問題是固定的:

Inferred Property: The og:url property should be explicitly provided, even if a value can be inferred from other tags. 
Inferred Property: The og:title property should be explicitly provided, even if a value can be inferred from other tags. 
Inferred Property: The og:image property should be explicitly provided, even if a value can be inferred from other tags. 

我說,修復OG:標籤在該網頁上,你會回來的業務:)

相關問題