Facebook预览图像没有显示为wordpress博客文章

时间:2017-05-10 15:32:56

标签: wordpress facebook-opengraph opengraph open-graph-protocol

我有一篇博文here。当我在Facebook上分享这个时,预览图像不会显示。

我尝试使用the facebook developer tool重新抓取它没有错误并显示正确的og:image标记但不更新预览图像。

<meta property="og:image" content="http://gingerslist.com/blog/wp-content/uploads/2015/11/blossom-233838_1920.jpg" />

当前图像为1920 x 1276,远高于200x200的要求。它的容量为304KB,远不及8MB的容量限制。我试着勉强收缩它。

我尝试过设置是特色图片和帖子中的第一张图片。什么都没有帮助。

2 个答案:

答案 0 :(得分:1)

耐心对我的情况没有帮助。 一旦图像在没有图像预览的情况下发布,它们就再也没有回来了。这导致一个病毒邮件丢失图像的巨大问题......你可以想象。 Facebook调试工具中的重新抓取实际上是Facebook建议解决此问题的方法。 (查看开放图表的Facebook最佳实践文档)虽然,这不会带回旧帖子的预览图像(至少对我来说。我已经重新抓了几个月的帖子,仍然没有预览图像)。 Facebook提出了两个解决方案:

  • 首先是添加图像高度和宽度
  • 其次是在developer.facebook调试工具中抓取图像

第一种解决方案似乎不再起作用了。它对我不起作用,我一直在看到越来越多的人写这篇文章。它不再工作了。 第二种解决方案是唯一有效的解决方案。但是有一个问题。手动执行此操作可能没问题,但如果您希望事情顺利进行并且每天都有大量帖子在Facebook上运行,那么这不是一个解决方案。需要自动化。 所以为了使用Facebook建议的唯一解决方案,您可以在页面的页脚中添加一个iframe,这将在发布时为您进行报废,这样它总是会使用图片预览,它都是自动的。

只需将以下内容添加到您网站的footer.php文件中即可。

<iframe style="width:0; height:0; margin:0; padding:0; border:0; position:absolute;" src="https://developers.facebook.com/tools/debug/sharing/?q=<?php the_permalink(); ?>">‌​</iframe>

如果facebook更改了与其调试器的链接,您可能希望将来定期检查。你也需要改变它。 另外,&#34; the_permalink()&#34;部分是您放置网址的位置,该网址会指向您正在使用的网站页面。我在此链接中插入的代码会自动为您执行此操作。

你可能已经将你的答案标记为一个解决方案,但要记住它不是,并且它可能会在最糟糕的时刻咬你的a *(想想病毒式帖子......)

干杯

感谢用户Dan提供有关如何解决此问题的线索。

答案 1 :(得分:0)

耐心解决了这个问题。这可能是浏览器的缓存问题。

感谢@brasofile让我知道它正在运作。