2017-08-08 49 views
0

我们已经有很多新闻文章正确分享到Facebook,但截至上周末我们开始看到错误的og:image分享到Facebook。使用调试工具,第一次获取时,我会得到一个警告“图像太小”,这可能是为什么它默认为其他图像。但是这个图片并不是很小。这可能是一些与我的图像在亚马逊桶中的标题问题?无法指出问题呢。Facebook OG图片突然行为不端

enter image description here

按刮又2次,然后我得到正确的OG:图像

enter image description here

为试图解决这个问题我已经添加OG:图像:宽度和OG:图片:高度,但迄今无济于事。

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

+0

实际上添加og:image:width和og:image:height可能已经解决了它。奇怪的是,我们从来没有这些,以前工作。 将标记问题解决如果这可能会对别人有帮助 –

回答

0

添加og:image:width和og:image:height作为附加元标记为我解决了这个问题。用户nunsy_grey提到,这并不能解决它对一些用户如此值得看看这alternative solution

1

添加高度&宽度不够给大家。 我为我的网站做了同样的事情,它没有修复它。它总是需要第二次刮擦,然后它会重新获取正确的图像。 即使添加所有meta 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提供关于如何解决这个问题的线索。

+0

他们真的建议第二次刮? iframe,虽然它的工作,听起来像一个坏主意,因为它会为每个请求做到这一点。在网站拥有大量流量的情况下,我认为Facebook会将我们标记为恶意网域或最终发布。 –

+0

幸运的是,我们大部分的文章都是在OG的高度和宽度上进行刮擦。 希望这是facebook即将修复的问题 –

+1

您可以在此处查看Facebook上的建议[链接](https://developers.facebook.com/docs/sharing/best-practices)“**预缓存图片**“我知道,这似乎很奇怪,并不适合高流量的网站,但现在我正在使用它。只要有更好的解决方案,我会改变我的网站。 –