Question

可能重复：
How does Facebook Sharer select Images?

我们正在使用Facebook的sharer.php服务来共享我们网站上的网页。现在这很好用，但我们现在很难找到如何为用户提供多个缩略图供选择（sharer.php页面提供了多个图像的UI，因此必须以某种方式提供）。

我们目前有这个元标记：

<meta property="og:image" content="http://www.mysite.com/myimage.jpg" />

我们找不到任何暗示如何执行此操作的内容。有没有人有任何想法？

Answer 1

我一直在使用多张图片。像这样使用多个og:image元标记：

<meta property="og:image" content="http://www.example.com/image01.jpg">
<meta property="og:image" content="http://www.example.com/image02.jpg">

可以通过在调试器/ linter中加载链接来更新已共享的任何页面（包含一个图像）：https://developers.facebook.com/tools/debug/

调试器/ linter将不显示所有图像的预览 - 它只显示最后一个（我相信它下面确实提到它已经通过的图像）但它确实有效。 / p>

Answer 2

我带着同样的问题来到这里。经过一番挖掘，我发现你可以有多个og：image标签。

来自Facebook Developers，在og：image：

下

我们支持PNG，JPEG和GIF格式。 您可以添加多个og：图片代码，以便将多个图片与您的网页相关联。

请记住，Facebook可能需要一些时间来识别您在蜘蛛缓存时已将新图像添加到元数据中。您已使用“赞”按钮分享的链接或复制到您的状态的链接会受此影响。

编辑：如果您在Facebook上显示相同的图片时遇到问题，即使您已经更改了OG标签，也可能是因为Facebook已经缓存了它。如果是这种情况，请使用Facebook OG Debugger here。

查看您的代码

Answer 3

我通过将图像添加到正文而不是元信息中找到了解决方案，然后将它们隐藏起来，就像这样;

<body> ...

<img src="http://image1" width="41" height="41" border="0" alt="text describing the image" style="visibility:hidden" /><br/>

<img src="http://image2" width="41" height="41" border="0" alt="text describing the image" style="visibility:hidden" /><br/>

etc ... </body>

我刚从阅读中得知，如果没有给出og：image属性，则从身体中取出缩略图，即使隐藏它也能正常工作。你可以移除宽度，高度等以整理它，但我想为什么两个都浪费时间，当它被隐藏时，我只是剪切并粘贴并使其隐藏。

希望这有帮助。