在 facebook 上分享链接会显示错误的图片

Posted

技术标签:

【中文标题】在 facebook 上分享链接会显示错误的图片【英文标题】:sharing a link on facebook displays the wrong image 【发布时间】:2015-05-10 21:19:32 【问题描述】:

我在 facebook 上共享链接时遇到问题,它多次显示错误的图像,有时它使用这样的代码显示正确的图像

<meta property="og:title" content="webpage title" /> 
<meta property="og:url" content="http://www.domain.com/webpage_url.php?id=17515278817738945084phb">
<meta property="fb:app_id" content="app id here"/>
<meta property="og:type" content="website" />
<meta property="og:image" content="http://www.domain.com/large/image.jpg" />

在调试页面时我得到了这个

The 'og:type' property is required, but not present.

此图片为 1000*317 像素,但仍未显示。我网站的所有链接都会发生这种情况。我必须去 url 调试器并清除缓存,这样 facebook 才能获得正确的图像。那么如何解决这个问题并让facebook直接显示正确的图像呢? [更新] 使用 facebook 调试器我收到此通知

og:image was not defined, could not be downloaded or was not big enough. Please define a 
chosen image using the og:image metatag, and use an image that's at least 200x200px and 
is accessible from Facebook. Image 'http://www.domain.com/gallery1/01234.jpg' will 
be used instead.

但是 og:image 设置正确且图像尺寸大于 200*200 并且 Facebook 在清除 Facebook 缓存后显示正确的图像,尽管它一直显示此通知

【问题讨论】:

如果您之前没有正确实现 Open Graph 元标记,并且 Facebook 已经抓取了这些 URL,那么您需要重新抓取它们,以便 Facebook 现在可以获取正确的数据。你也可以trigger a re-scrape via API,如果你需要自动为很多链接做。 不,它们是带有上述 Open Graph 元标记的新 URL,Facebook 尚未缓存这些 URL 那么您应该先修复调试工具显示的所有错误。只要你收到The 'og:type' property is required, but not present,就好像有问题。 "og:image 未定义,无法下载或不够大。"但是图像在那里并且大于 200*200 并且 Facebookr 在使用调试器清除 Facebook 缓存后识别它 【参考方案1】:

尝试指向您的索引文件。例如使用 facebook 对象调试器时的 www.yourdomain.com/index.php。它为我修复了 og:name 错误。

【讨论】:

以上是关于在 facebook 上分享链接会显示错误的图片的主要内容,如果未能解决你的问题,请参考以下文章

如何设置将在 Facebook 上显示为预览的网站图像?

为 WhatsApp 链接分享提供图片

在 Facebook 上分享应用程序

图片未显示在 Facebook 分享中

在 Facebook 上分享 - 缩略图第一次没有显示

Facebook SDK - iOS - 分享 URL 失败(错误 102)