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

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

你应该看到它现在有缩略图了。但是每次我从我的网站上发布一个新链接（配置如上面的例子），缩略图不会第一次出现。我必须刷新，然后缩略图显示出来

我应该包括有效的og标签。当我在上测试我的链接时

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

og：我所有链接的图像都是一样的。我提供了最大的图像

1500x1500

。链接到图像时没有重定向

为什么？

根据Facebook bug追踪器中的这一点：

这是出于设计考虑，出于性能原因，我们不保证在您共享链接时立即拾取正确的图像。

现在，如果要确保在发布之前使用正确的图像，请确保通过调试器触发刮取，或者只需加载两次预览窗格（一次触发刮取，然后一次预览完全刮取的共享）

从下周（11/11）开始，您还可以通过使用

og:image

描述图像来确保立即拾取正确的图像。需要同时定义宽度和高度才能使用

---

原因是FB在幕后仍在抓取您的页面并缓存图像。下一次，事实上，你也有图像。 如何解决？手动预缓存：

或者简单地加上

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

---

更新

此带有iframe的解决方案不再工作了！从昨天开始工作，2017年2月6日。 Facebook只是将X-Frame-Options设置为DENY，这样你就不能在iFrame中加载共享url了。 我在想另一个解决办法

---

不幸的是，添加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>

去

输入YouTube视频的URL

单击“获取新的刮取信息”

回到Facebook

重新加载页面

再次输入URL

---

它应该可以正常工作

我也有同样的问题。但是我注意到，如果你点击“发布”，它可能会将图像添加到文章中，即使在发布之前它没有在“预览”中显示。另外需要注意的是，使用Pinterest pin URL共享也有同样的问题-第一次我在预览中没有看到图像，但在我点击“发布”后它会显示出来.在网站中有一个很好的例子，可以尝试计算年龄并检查结果页面的源代码：在第275行中，你可以看到隐藏的iFrame，它强制Facebook爬虫。这个答案不起作用，因为Facebook.com上的“X-Frame-Options”设置为“DENY”，这意味着你不能在自己的网站上打开iframe内的任何facebook页面。非常感谢Alexy让我知道！从昨天开始，这个解决方案就很有效。他们在今天添加了选项X-Frame-Options=DENY。这似乎对我今天起作用。它和问题中提到的问题一样，但指定宽度和高度对我来说解决了这个问题。对我来说很有效。谢谢。我有og:image:width和：height元标记属性，不适合我