Facebook sharer.php,如何拥有多个og:图像标签?

cod*_*oid 22 facebook facebook-sharer

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

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

我们目前有这个元标记:

<meta property="og:image" content="http://www.mysite.com/myimage.jpg" />
Run Code Online (Sandbox Code Playgroud)

我们找不到任何暗示如何做的事.有人有什么想法吗?

小智 28

我一直在使用多个图像.og:image像这样使用多个元标记:

<meta property="og:image" content="http://www.example.com/image01.jpg">
<meta property="og:image" content="http://www.example.com/image02.jpg">
Run Code Online (Sandbox Code Playgroud)

任何已经共享的页面(带有一个图像)都可以通过在调试器/ linter中加载链接来更新:https://developers.facebook.com/tools/debug/

调试器/ linter将显示所有图像的预览 - 它只显示最后一个(我相信它下面确实提到了它已经通过的图像)但它确实有效.


Wor*_*man 17

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

来自Facebook开发者,在og:image下:

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

请记住,Facebook可能需要一些时间来识别您已经在蜘蛛缓存时向元添加了新图像.您已使用"赞"按钮共享或复制到您的状态的链接会受此影响.

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


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

希望这可以帮助。