Question

我正在尝试将Facebook“赞”或“推荐”按钮添加到我们网站上某些内容页面的底部，这样当有人点击它时，它会立即发布在他们的FB墙上 - 传播这个词关于页面等。

我找到了这个代码：

<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 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徽标 - 不太理想！）。

当有人喜欢这个页面时，任何人都知道如何让它在链接旁边显示相关图片吗？

谢谢，

克莱尔

Answer 1

我尝试通过linter工具（https://developers.facebook.com/tools/debug）运行http://amathus.staging.screenpages.net/moillardproducerpage，但没有出现任何问题。这是正确的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：标签，您将重新开始营业：）

将Facebook“赞”按钮添加到外部页面时的图像问题

1 个答案: