2010-10-15 32 views
22

可能重复:
How does Facebook Sharer select Images?Facebook的sharer.php,如何有多个og:图像标签?

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

我们目前有此meta标签:

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

我们找不到任何建议如何做到这一点。有人有任何想法吗?

+0

这很可能。请参阅:http://ogp.me/ – 2014-03-03 18:42:27

回答

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:在给定的图像属性,则缩略图从体内取出,并即使隐藏也是如此。你可能会删除宽度,高度等来整理它,但我想为什么当浪费时间,当它隐藏无论如何,我只是剪切和粘贴,并将其隐藏起来。

希望这会有所帮助。

17

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

Facebook Developers,下OG:图片:

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

请记住,Facebook可能需要一些时间才能识别出您已经向蜘蛛缓存中添加了新图像。您已经使用类似按钮分享的链接或复制到您的状态的链接受此影响。

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

24

我一段时间以来一直在使用多个图像。使用多个og:image meta标签是这样的:https://developers.facebook.com/tools/debug/

调试器/棉短绒:

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

已经被共享(一个图像)的任何页面可以通过加载在调试器/棉短绒这里的链接进行更新将而不是显示所有图像的预览 - 它只显示最后一个图像(我相信下面它提及它已经拉过了什么图像),但它确实工作。

+1

@Flimm我在一个页面中有多个图像,并且每个图像都有一个fb分享按钮。我需要每个分享按钮的自定义图像。 og:图片元标记只允许每页设置一个图片集。我如何让每个分享按钮拥有自己的图像? – anubhav16 2017-04-06 08:49:13

+1

@ anubhav16我不认为没有单独的页面就没有办法。 – Flimm 2017-04-14 07:21:39

相关问题