在Facebook上分享 - 缩略图未首次显示

时间:2013-06-21 01:30:54

标签: facebook thumbnails share opengraph

  

https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.frcc.us%2F1197%3Fv%3D3422%26f%3D5

你现在应该看到它有缩略图。但每次我从我的网站发布一个新链接(配置如上例所示)时,缩略图将不会首次显示。我必须刷新,然后缩略图显示。

我应该包含有效的og标签。当我在https://developers.facebook.com/tools/debug

上测试我的链接时

有时它会给我一个错误说og:图像应该更大。然后我只需要再次调试它然后错误就消失了。

og:我所有链接的图片都是一样的。我提供了最大的图片1500x1500。链接到图像时没有重定向。

为什么?

4 个答案:

答案 0 :(得分:34)

原因是幕后的FB仍在抓取你的页面并缓存图像。事实上,下一次你也有了这个形象。 怎么解决?手动预缓存:https://developers.facebook.com/docs/sharing/best-practices#precaching

或只是添加

<meta property="og:image:width" content="450"/>
<meta property="og:image:height" content="298"/>

答案 1 :(得分:9)

根据Facebook错误跟踪器中的bug

  

这是设计使然,我们无法保证在您出于性能原因共享链接时立即获取正确的图片。

     

现在,如果您想确保在发布之前使用正确的图像,请确保通过调试器触发刮擦,或者只需加载预览窗格两次(一次触发刮擦,然后一次预览)完全刮下的份额)。

     

从下周(11月11日)起,您还可以通过使用og:image描述图像来确保立即拾取正确的图像。需要定义宽度和高度才能使用它。

答案 2 :(得分:0)

<强>更新

这个iframe 的解决方案不再适用了!自2017年2月6日起工作。 Facebook只是将 X-Frame-Options 设置为 DENY ,因此您无法在iFrame中加载共享网址。 我正在弄清楚另一种解决方法。

不幸的是添加og:image:width和og:image:height并不适合我。

我发现这个facebook bug的解决方法有效:我在页脚中添加了一个隐藏的iFrame和sharer链接;以这种方式,facebook抓取器检查页面一旦加载。

隐藏的iFrame示例:

<iframe style="width: 0px; height: 0px; margin: 0px; padding: 0px;" src="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.example.com"></iframe>

答案 3 :(得分:0)

  1. 转发here
  2. 输入您的YouTube视频的网址
  3. 点击“获取新的抓取信息”
  4. 回到Facebook
  5. 重新加载页面
  6. 再次输入网址
  7. 它应该可以正常工作