Facebook分享错误图片答案

【问题标题】：Facebook share wrong imageFacebook分享错误图片
【发布时间】：2018-01-16 04:08:37
【问题描述】：

我们在包含新闻文章的网站上使用 Facebook 分享选项。该网站使用 PHP 构建并使用 Smarty。我们生成一个唯一的 URL（像 /news/headline-of-the-article 一样剥离）并定义元属性。

当所有者与之前上传的图片共享链接时，一切都很好。当他上传一张新闻图片，将其插入文章并分享时，Facebook 会拍摄另一张照片，这是它首先在源代码中找到的照片。另外，在您发布之前的预览框中，它显示了正确的图像。一旦放置，它就是错误的。

Facebook 调试工具显示为 og:image 标签 > og:image domain/UserFiles/images/news/standard_14.jpg 但是当我查看原始标签 og:image 显示 > domain/UserFiles/images/news/bosuil_1.jpg

所以 og:image 标签完成了它的工作并生成了正确的 URL，但 facebook 仍然发布了错误的图像。当我（手动）强制 Facebook 再次抓取时，它显示一切都很好，并且分享正确。

我不明白...

【问题讨论】：

可能是缓存问题。如果您只是在开发阶段上传图片，并且一旦上线就不会更改，请不要担心。
该网站已经运行了一年，几天后一切正常。我已经邮寄了主机，看看他们是否更改了有关缓存的内容，因为我知道他们在该网站上缓存了很多。但是，如果托管不合作，也许有人知道另一种解决方案...... :)
有点旧但应该可以工作......或者你应该能够查找任何更改stackoverflow.com/questions/12100574/…

标签： facebook facebook-graph-api

【解决方案1】：

我遇到了同样的问题，并在 facebook 的开发者 wiki 上找到了这些最佳实践：https://developers.facebook.com/docs/sharing/best-practices#precaching

使用 og:image:width 和 og:image:height 打开 Graph 标签

使用这些标签将为爬虫指定图像尺寸，以便它可以立即渲染图像，无需异步下载并处理它。

在指定宽度和高度后，我们没有遇到facebook立即抓取正确图片的问题。

【讨论】：