分享文章时 WordPress 的 OG 图片未显示
在 WordPress 上,Open Graph 标签通常来自 SEO 插件或主题。两个来源冲突、页面缓存或图片尺寸过小是常见的原因。
最后更新
快速修复
为什么 WordPress 图像未显示
两个插件同时输出了 Open Graph 标签。Yoast 警告称,重复的标签会导致 Facebook、X 和 LinkedIn 抓取错误的文本或图像。
您的 SEO 插件中关闭了 Open Graph 输出。
缓存仍在提供旧的 HTML。服务器、主题、插件和 CDN 缓存都包含在内。
文章没有特色图片或社交媒体图像,因此插件会回退到默认设置或不显示任何内容。
相应平台缓存了旧的预览。
如何解决
在 Meta 标签检查器中打开该文章,并计算
og:image标签的数量。应该只有一个。在 Yoast SEO 中,转到“设置”>“网站功能”>“社交分享”,然后开启“Open Graph 数据”。在其他任何也会输出该数据的插件中将其关闭。
设置一张特色图片,或在 Yoast 侧边栏的“社交媒体外观”选项卡中设置一张特定图像。
清除所有缓存层,包括 Cloudflare 或主机的缓存。
在 Facebook 的分享调试器(Sharing Debugger)和 LinkedIn 的文章检查器(Post Inspector)中运行该 URL。
插件应该输出的标签
og:title、og:description、og:url、og:image文章对应的
og:type为articlearticle: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 缓存图片。请将新图片作为新文件上传,然后在分享调试器中点击“再次抓取”。