Facebook 和图像突然行为不端
Facebook OG Image suddenly misbehaving
我们已经将新闻文章正确分享到 facebook 很长时间了,但从上周末开始,我们开始看到分享到 facebook 时出现错误 og:image。使用调试器工具,第一次获取它时,我收到警告 "image too small",这可能是它默认为另一个图像的原因。但是有问题的图像并不太小。这可能是我在 Amazon Bucket 中 headers 图像的问题吗?还不能确定问题所在。
再次按 scrape 2 次然后我得到正确的 og:image
为了解决这个问题,我添加了 og:image:width 和 og:image:height 但到目前为止无济于事。
添加高度和宽度对每个人来说都不够。
我对我的网站做了同样的事情,但没有解决。它总是需要第二次 Scraping,然后它会重新获取正确的图像。
即使在添加所有元 OG 标签后,情况也没有改善。
我注意到很多其他人遇到了同样的问题,添加高度和宽度元数据并不能解决问题。
在这种情况下,您需要在页脚中添加一个 iframe,并将其设置为不可见,并在页面加载时转到 facebook 调试器,并抓取url自动为你多来一次。
这是根据 Facebook 提供的解决方案。您需要第二次抓取 (参考 "Pre-caching images" 下的 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>
注意几点:
通往调试器工具的 link 在撰写本文时(2017 年 8 月)有效。我以前看到 link 不一样了,所以如果以后 link 有变化,只要适当地改变 iframe 中的 link 即可。
url 紧跟在“?q=”之后的部分是您将link post 发送到 Facebook 的地方.我使用了 the_permalink(),因为它会自动检查页面的 url 并将其放入 link。如果您想为单个 post 执行此操作,则只需将其替换为您的实际 link。这是一个 WordPress php 页面。如果这不是您页面的正确代码,请将其更改为您正在使用的语言。
我希望这可以帮助每个人寻找这个奇怪的 Facebook 错误的答案。它本可以挽救我大约 6 小时的生命。
干杯
感谢用户 Dan 提供了解决此问题的线索。
添加 og:image:width 和 og:image:height 作为附加元标记为我解决了这个问题。用户 nunsy_grey 提到这并不能解决某些用户的问题,因此值得一看
我们已经将新闻文章正确分享到 facebook 很长时间了,但从上周末开始,我们开始看到分享到 facebook 时出现错误 og:image。使用调试器工具,第一次获取它时,我收到警告 "image too small",这可能是它默认为另一个图像的原因。但是有问题的图像并不太小。这可能是我在 Amazon Bucket 中 headers 图像的问题吗?还不能确定问题所在。
再次按 scrape 2 次然后我得到正确的 og:image
为了解决这个问题,我添加了 og:image:width 和 og:image:height 但到目前为止无济于事。
添加高度和宽度对每个人来说都不够。 我对我的网站做了同样的事情,但没有解决。它总是需要第二次 Scraping,然后它会重新获取正确的图像。 即使在添加所有元 OG 标签后,情况也没有改善。 我注意到很多其他人遇到了同样的问题,添加高度和宽度元数据并不能解决问题。
在这种情况下,您需要在页脚中添加一个 iframe,并将其设置为不可见,并在页面加载时转到 facebook 调试器,并抓取url自动为你多来一次。 这是根据 Facebook 提供的解决方案。您需要第二次抓取 (参考 "Pre-caching images" 下的 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>
注意几点:
通往调试器工具的 link 在撰写本文时(2017 年 8 月)有效。我以前看到 link 不一样了,所以如果以后 link 有变化,只要适当地改变 iframe 中的 link 即可。
url 紧跟在“?q=”之后的部分是您将link post 发送到 Facebook 的地方.我使用了 the_permalink(),因为它会自动检查页面的 url 并将其放入 link。如果您想为单个 post 执行此操作,则只需将其替换为您的实际 link。这是一个 WordPress php 页面。如果这不是您页面的正确代码,请将其更改为您正在使用的语言。
我希望这可以帮助每个人寻找这个奇怪的 Facebook 错误的答案。它本可以挽救我大约 6 小时的生命。 干杯
感谢用户 Dan 提供了解决此问题的线索。
添加 og:image:width 和 og:image:height 作为附加元标记为我解决了这个问题。用户 nunsy_grey 提到这并不能解决某些用户的问题,因此值得一看