分享文章时 WordPress 的 OG 图片未显示

在 WordPress 上,Open Graph 标签通常来自 SEO 插件或主题。两个来源冲突、页面缓存或图片尺寸过小是常见的原因。

最后更新

快速修复


  1. 使用元标记检查器检查文章,查找重复的 og:image 标记。

  2. 只允许一个插件输出 Open Graph,并在其他插件中将其关闭。

  3. 清除您的页面缓存、插件缓存和 CDN 缓存。

  4. 使用刷新工具在各个平台上刷新链接。


为什么 WordPress 图像未显示

  • 两个插件同时输出了 Open Graph 标签。Yoast 警告称,重复的标签会导致 Facebook、X 和 LinkedIn 抓取错误的文本或图像。

  • 您的 SEO 插件中关闭了 Open Graph 输出。

  • 缓存仍在提供旧的 HTML。服务器、主题、插件和 CDN 缓存都包含在内。

  • 文章没有特色图片或社交媒体图像,因此插件会回退到默认设置或不显示任何内容。

  • 相应平台缓存了旧的预览。

如何解决

  1. 在 Meta 标签检查器中打开该文章,并计算 og:image 标签的数量。应该只有一个。

  2. 在 Yoast SEO 中,转到“设置”>“网站功能”>“社交分享”,然后开启“Open Graph 数据”。在其他任何也会输出该数据的插件中将其关闭。

  3. 设置一张特色图片,或在 Yoast 侧边栏的“社交媒体外观”选项卡中设置一张特定图像。

  4. 清除所有缓存层,包括 Cloudflare 或主机的缓存。

  5. 在 Facebook 的分享调试器(Sharing Debugger)和 LinkedIn 的文章检查器(Post Inspector)中运行该 URL。

插件应该输出的标签

  • og:title、og:description、og:url、og:image

  • 文章对应的 og:type 为 article

  • article:published_time 和 article:modified_time(由 Yoast 添加)

  • 适用于 X 的 twitter:card

图片尺寸规范

  • Facebook:最小 200 x 200 像素,推荐 1200 x 630 像素,最大 8 MB

  • LinkedIn:最小 1200 x 627 像素,最大 5 MB

  • WhatsApp:小于 600 KB

Yoast 自身的帮助页面建议将图像保持在 2 MB 以下,且不超过 2000 x 1600 像素。使用 OG 图像尺寸检查器检查您的图像。

如何强制刷新

先清除 WordPress 缓存,然后刷新各个平台。Facebook 需要在分享调试器中点击“再次抓取(Scrape Again)”,LinkedIn 需要使用文章检查器,而 X、Slack 和 Discord 则需要使用带有新查询字符串的 URL 进行分享。刷新工具链接了所有这些平台。

来源

常见问题

为什么 Facebook 会显示我 WordPress 文章的错误图片?

通常是两个插件或主题同时输出了 og:image 标签。请只保留一个 Open Graph 标签来源,并清除缓存。

我在 Yoast SEO 中哪里设置分享图片?

在文章侧边栏 Yoast 的“社交媒体外观”选项卡中设置。如果不设置,Yoast 将默认使用特色图片。

我更换了特色图片,但 Facebook 仍然显示旧图片。这是为什么?

Facebook 会根据 URL 缓存图片。请将新图片作为新文件上传,然后在分享调试器中点击“再次抓取”。

检查您的页面,然后刷新预览

将您的网址粘贴到免费检查器中,查看各个应用程序读取的具体标签。标签确认无误后,使用刷新工具清除旧的预览。