Question

当我想在Facebook上分享网站并想要添加自定义图片时，它不起作用。它总是给出相同的图像（网页上的某个图像）。

这是我用过的代码：

<html>
<head>
<meta property="og:title" content="Title" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.the-website.com" />
<meta property="og:image" content="http://url-to-image.com" />
<meta property="og:site_name" content="The content" />

</head>
<body>
<h1> Facebook Like </h1>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.the-website.com%2F&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>

</body>
</html>

Answer 1

如果您尝试通过Facebook linter运行页面 - http://developers.facebook.com/tools/lint/ - 它可能会显示一些问题。

Answer 2

你看过了吗？ http://developers.facebook.com/docs/reference/plugins/like/ 有一个“代码生成器”可以为您完成所有编码。试试吧，然后复制并粘贴代码......

至于你的代码： - 在这种情况下 - 在页面上有类似的东西 - 不需要元素（不需要你的示例元）。 - 你在src标签里面可能有问题：我的猜测是删除“font＆amp;”部分，但这可能是错误的......

无论如何......只需使用我提供的链接......

Answer 3

我遇到了同样的问题。我做的是，我刚删除了整行“<meta property="og:image" content="xxxxxxx" />”。这将推动facebook抓取工具扫描页面中的每个图像。现在将要添加的图像放在页面中宽度= 1且高度= 1的位置。用户无法在您的页面中识别出这一点。但是这个图像将由爬虫扫描，您可以选择它以在我们的页面上显示它。这对我有用。我不知道它是否适合你。

注意：这只是一种解决方法，而不是一个好的解决方案

Facebook上的按钮等自定义图像不起作用

3 个答案: