23

可能重复:
Facebook Sharer 如何选择图片?

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

我们目前有这个元标记:

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

我们找不到任何建议如何执行此操作的信息。有人有什么想法吗?

4

3 回答 3

30

一段时间以来,我一直在使用多个图像。像这样使用多个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不会显示所有图像的预览——它只显示最后一个(我相信它在下面确实提到了它已经通过了哪些图像)但是它确实有效。

于 2011-04-06T14:56:45.750 回答
17

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

来自Facebook Developers,在 og:image 下:

我们支持 PNG、JPEG 和 GIF 格式。您可以包含多个 og:image 标签以将多个图像与您的页面相关联。

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

编辑:如果您在 Facebook 显示相同图像时遇到问题,即使您更改了 OG 标签,这可能是因为 Facebook 已经缓存了它。如果是这种情况,请在此处使用 Facebook 的 OG 调试器检查您的标签。

于 2011-04-01T18:38:49.473 回答
1

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

<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 属性,则从正文中获取缩略图,即使隐藏它也可以工作。您可能可以删除宽度,高度等来整理它,但我想为什么当它被隐藏时两者都浪费时间,我只是剪切并粘贴并将其隐藏。

希望这可以帮助。

于 2010-10-31T00:17:59.483 回答