2011-06-15 46 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:标签在该网页上,你会回来的业务:)

相关问题