Facebook OG Image 突然行为不端答案

【问题标题】：Facebook OG Image suddenly misbehavingFacebook OG Image 突然行为不端
【发布时间】：2017-08-08 06:28:34
【问题描述】：

我们已经将新闻文章正确分享到 facebook 很长时间了，但从上周末开始，我们开始在分享到 facebook 时看到错误的 og:image。使用调试器工具，第一次获取它时，我收到一个警告“图像太小”，这可能是它默认为另一个图像的原因。但是有问题的图像并不太小。这可能是我在 Amazon Bucket 中的图像标题的问题吗？还不能确定问题所在。

再按两次刮，我得到正确的 og:image

为了解决这个问题，我添加了 og:image:width 和 og:image:height 但到目前为止无济于事。

调试器网址：https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Fwww.maltatoday.com.mt%2Fnews%2Fworld%2F79568%2Fsicily_firefighters_caused_fires_for_cash

【问题讨论】：

实际上添加 og:image:width 和 og:image:height 可能已经解决了。奇怪的是，我们从未拥有过这些，而且它以前也能正常工作。如果解决了，会将问题标记为已解决，可能对其他人有帮助

标签： facebook amazon-s3 facebook-opengraph

【解决方案1】：

增加高度和宽度对每个人来说都不够。 我为我的网站做了同样的事情，但没有修复它。它总是需要第二次抓取，然后它会重新获取正确的图像。即使添加了所有元 OG 标签也没有改善这种情况。我注意到很多其他人遇到了同样的问题，添加高度和宽度元数据并不能解决它。

在这种情况下，您需要在页脚中添加一个 iframe，并将其设置为不可见并在页面加载时转到 facebook 调试器，并再次抓取 url你自动。 这是 Facebook 的解决方案。您需要再次抓取（参考“预缓存图像”下的best practises）。手动完成会适得其反，因此只需在页脚中添加以下代码即可。

<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>

注意几点：

此调试器工具链接在撰写本文时（2017 年 8 月）有效。之前看到链接不一样了，所以如果以后链接变了，只要适当的改一下iframe里面的链接就行了。
“?q=”之后的 URL 部分是您放置要发布到 Facebook 的链接的位置。我使用了 the_permalink() 因为它会自动检查页面的 url 并将其放入链接中。如果您想为单个帖子执行此操作，则只需将其替换为您的实际链接。这是一个 WordPress php 页面。如果这不是您页面的正确代码，请将其更改为您使用的语言。

我希望这可以帮助大家寻找这个奇怪的 Facebook 错误的答案。它本可以挽救我大约 6 小时的生命。干杯

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

【讨论】：

他们真的建议刮第二次吗？ iframe 虽然可以工作，但听起来是个坏主意，因为它会为每个请求执行此操作。对于一个流量很大的网站，我认为 facebook 最终会将我们标记为恶意域或其他东西。
对我来说幸运的是，我们的大多数文章在 OG 的高度和宽度上都很好。希望这是 Facebook 很快会解决的问题
您可以在“预缓存图像”部分下查看 facebook 的推荐 link 我知道，这看起来很奇怪，对于高流量网站来说并不是很好，但是现在我正在使用这个。一旦有更好的解决方案，我将更改我的网站。

【解决方案2】：

添加 og:image:width 和 og:image:height 作为附加元标记解决了我的问题。用户 nunsy_grey 提到，对于某些用户来说，这并不能解决问题，因此值得一看 alternative solution

【讨论】：