【问题标题】:Facebook preview image not showing for wordpress blog postFacebook 预览图像未显示为 wordpress 博客文章
【发布时间】:2017-10-09 08:49:05
【问题描述】:

我有一篇博文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 的大小限制。我试过缩小它,但没有运气。

我尝试设置为特色图片和帖子中的第一张图片。没有任何帮助。

【问题讨论】:

标签: wordpress facebook-opengraph


【解决方案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 更改指向其调试器的链接。您还需要更改它。 此外,“the_permalink()”部分是您放置指向您正在使用的网站页面的 url 的位置。我在此链接中插入的代码会自动为您执行此操作。

您可能已将您的答案标记为解决方案,但请记住它不是,它可能会在最糟糕的时刻咬住您(想想病毒式的帖子......)

干杯

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

【讨论】:

    【解决方案2】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-05-22
      • 1970-01-01
      相关资源
      最近更新 更多