为什么 Facebook Share 会拉错缩略图？答案

【问题标题】：Why does Facebook Share Pull the Wrong Thumbnail?为什么 Facebook Share 会拉错缩略图？
【发布时间】：2012-01-10 16:35:38
【问题描述】：

我有一个简单的问题，希望有人可以帮助我。我最近为一个客户制作了一个微型网站，除了一个 facebook 集成块外，一切都很顺利。当用户尝试共享站点时，为共享提取的缩略图反映了主站点的徽标，而不是微型站点。我很困惑，因为在页面上找不到这个标志。此外，我在文档的标题中包含了必要的元信息 <meta property="og:image" content="http://www.rethinkyourdrinknow.com/images/ryd/logo2.png" /> 但由于某种原因，它仍然会拉另一个图像。有没有人有更多的 Facebook 分享经验可以提供帮助？

谢谢，杰米

【问题讨论】：

标签： html facebook facebook-sharer

【解决方案1】：

尝试使用 Facebook Linting 工具（现在是调试器）

http://developers.facebook.com/tools/debug

输入您的微型网站的 URL，该工具应该会告诉您发生了什么。

【讨论】：

甚至他们的调试工具也有冲突的信息。 og:image 显示与其Here's what it looks like when shared 部分不同。

【解决方案2】：

似乎 OGP 只喜欢尺寸相同或大于 200 像素的缩略图。如果您上传图片并将其设置为缩略图（WP 默认尺寸为 150x150 像素），如果您将帖子的链接运行到 FB 调试器中，您将收到一条错误消息，如下所示：

应该修复的打开图表警告

Small og:image: All the images referenced by og:image should be at least 200px in both dimensions. Please check all the images with tag og:image in the given url and ensure that it meets the recommended specification.

所以我手动将一张图片放大到我之前的一篇文章中，使其达到实际的 200x200 像素大小和 tadadah！！！ Facebook 也从 WP 主页或单个帖子共享正确的链接和正确的图像。

【讨论】：

【解决方案3】：

扩展@Andy 的答案，您当然可以使用调试器工具查看 facebook 如何查看您的 URL。它会准确地告诉您 og:tags 缺少什么/格式错误。

需要注意的一件事是，facebook 对已共享的 URL 的og:tags 进行了一些缓存；但使用 Debugger 工具将刷新您的 URL 的 facebooks 缓存。

【讨论】：

【解决方案4】：

我在使用 LinkedIn 时遇到了同样的问题。我在 index.html 中添加了<meta property="og:image" content="https: 等，但 LinkedIn 一直拉错图片，因为它已经缓存了我的网站。

这是强制嵌入应用程序（LinkedIn、Facebook 等）将您的网站视为以前从未缓存过的技巧，因此从头开始完全阅读它，包括您的新 og:image。

当您输入社交媒体网站的完整链接时，请在其末尾添加?01。例如。 https://example.com?01 或 https://example.com/my_project/?01

刚刚试了一下，效果很神奇！

【讨论】：