我们正在使用 Facebook 的 sharer.php 服务来共享我们网站上的页面。现在这很好用，但我们现在很难找出如何为用户提供多个缩略图以供选择（sharer.php 页面提供了一个用于多个图像的 UI，因此它必须以某种方式实现）。
我们目前有这个元标记：
<meta property="og:image" content="http://www.mysite.com/myimage.jpg" />
我们找不到任何建议如何执行此操作的信息。有人有什么想法吗？
【问题讨论】：
我使用多张图片已经有一段时间了。像这样使用多个 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 将不显示所有图像的预览 - 它只显示最后一个（我相信它在下面确实提到了它已经拉过哪些图像）但是它确实有效。
【讨论】：
我带着同样的问题来到这里。经过一番挖掘，我发现你可以有多个 og:image 标签。
来自Facebook Developers，在 og:image: 下
我们支持 PNG、JPEG 和 GIF 格式。 您可以包含多个 og:image 标签以将多个图像与您的页面相关联。
请记住，Facebook 可能需要一些时间来识别您已将新图像添加到元数据中，因为蜘蛛会缓存。您已经使用“赞”按钮分享或复制到您的状态中的链接会受此影响。
编辑：如果您在 Facebook 显示相同的图像时遇到问题，即使您更改了 OG 标签，这可能是因为 Facebook 已经缓存了它。如果是这种情况，请使用 Facebook 的 OG Debugger here 查看您的标签。
【讨论】：
我找到了一个解决方案，将图像添加到正文而不是元信息中，然后像这样隐藏它们；
<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 属性，则从正文中获取缩略图，即使隐藏它也可以工作。您可能可以删除宽度、高度等来整理它，但我想为什么当它被隐藏时两者都浪费时间，我只是剪切并粘贴并将其隐藏。
希望这会有所帮助。
【讨论】：