所有图像都不会显示在Facebook分享按钮中

时间:2013-09-24 12:53:45

标签: facebook facebook-opengraph

我在Facebook分享按钮中遇到一个问题。

我当前帖子中有8张图片,所有图片都大于200x200。

但是当我点击Facebook分享按钮时,它只显示8张中的3张图片,我们可以从中选择缩略图。

我也搜索了这个问题,并根据许多建议我也审查了

https://developers.facebook.com/tools/debug链接用于调试问题。但是,所有8张图像都正确显示。

任何帮助都会很明显。

感谢。

1 个答案:

答案 0 :(得分:4)

这是一个很好的问题,但我认为答案会令你失望。

简答:远我知道并搜索,你不能这样做。
答案很长:您可以使用一些优秀的静态图片优化此方案 - 或者如果您可以使用更具创意的动态图像。

<小时/>

第一个提示

将静态图片添加到每个共享。您可以在HTML的head部分中添加Open Graph Meta Tags:

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

使用上面的代码,您将对Facebook 总是表示此图像作为“共享”按钮中的选项显示。根据{{​​3}}推荐使用至少1200 x 640像素的图像,因为这将与大图像共享一个帖子。

以下是一篇推荐维度的帖子: enter image description here

现在有一张小图片的帖子 enter image description here

第二个提示

Facebook documentation中,我发现了一个可行的解决方案。作者使用了前一篇技巧的相同原理,但他用另一种实用的方法来做到这一点。

他使用了以下标记:

<link rel="image_src" href="http://myawesomesite.com/logo.png" />

此标记与前一个标记几乎相同,但我认为rel="images_src"可能是一件有趣的事情。 link标记也应用于网站的主题部分(根据this post),但我认为你可以欺骗Facebook,因为他们是坏人并且没有提供良好的API 。

我在想 - 这只是一个假设 - 为什么不尝试将image_src作为你的帖子/网站图片的ID?我目前无法测试,但现在是我能想到的最好的事情。


结论:

Facebook在很多方面并不是很好,而且它们并不能提供我们需要的一切 - 就像这个有趣的功能一样。但也许我们可以使用一些奇怪的技术欺骗Facebook。

如果您不想要这样的测试,那么您可以选择要分享的图像的唯一方法是为您的页面提供第一个提示的静态OpenGraph元标记。

我希望它有所帮助 - 遗憾的是我认为这是你问题的最佳答案。