为什么Facebook分享拉错了缩略图？

Question

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

谢谢， 詹姆

Answer 1

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

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

输入微型网站的网址，该工具应告诉您最新情况。

Answer 2

似乎OGP只喜欢尺寸相同或超过200px的缩略图。如果您上传图像并将其设置为缩略图（默认情况下，默认情况下为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主页或单个帖子分享正确的链接和正确的图像。

Answer 3

扩展@Andy的答案，你当然可以使用Debugger工具来查看facebook如何查看你的URL。它会准确地告诉您og:tags遗失/畸形的内容。

需要注意的一点是，facebook对已经共享的URL og:tags进行了一些缓存;但使用调试器工具将刷新您的URL的facebook缓存。

Answer 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

刚尝试过，就像魔法一样！