3

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

谢谢,杰米

4

4 回答 4

8

尝试使用 Facebook Linting 工具(现在是调试器)

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

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

于 2012-01-10T16:45:41.917 回答
1

似乎 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 主页或单个帖子共享正确的链接和正确的图像。

于 2014-01-25T09:52:56.220 回答
0

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

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

于 2012-01-10T18:00:09.580 回答
0

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

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

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

刚试了一下,它就像魔术一样工作!

于 2016-10-10T01:21:08.850 回答