BLOG · 2026-09-06 Blog · 7 min

Open Graph 调试指南

og:image 失效的7种原因与一键检测,含 Facebook/Twitter/Slack 预览。

分享链接出去没图、标题错、描述乱,99% 是 Open Graph 标签问题。别猜,按这 7 个原因从上往下查,10 分钟定位。

文末有一键检测清单,修完逐项打勾。

核心结论
  • 最高频:og:image 缺失或相对路径
  • 最隐蔽:CDN/缓存里还是旧标签
  • 最易忘:twitter:card 没配大图
  • 验证:Facebook 分享调试 + X Card 验证各刷一次缓存

7 种失效原因

  • ·没写 og:image:只有标题没有图
  • ·相对路径:爬虫不认 /og.png,必须绝对 URL
  • ·尺寸太小:至少 1200×630,小图直接不展示
  • ·被 robots 挡住:图片 URL 恰好被 Disallow
  • ·非 HTTPS:部分平台拒绝 http 图片
  • ·缓存旧标签:改完要用官方工具刷新
  • ·twitter:card 缺失:X 上只显示小卡

最小可用标签组

<meta property="og:title" content="标题">
<meta property="og:description" content="一句话描述">
<meta property="og:image" content="https://example.com/og.png">
<meta property="og:url" content="https://example.com/post">
<meta name="twitter:card" content="summary_large_image">

排查顺序

  • ·先看源码有没有这 5 行
  • ·再确认图片 URL 能直接打开且 ≥1200×630
  • ·然后去官方调试工具刷新缓存
  • ·最后检查 robots 和 HTTPS
上线前检查清单
  • 01og:title/description/image 是否齐全
  • 02图片是否为绝对 HTTPS 地址
  • 03图片是否 ≥1200×630
  • 04twitter:card 是否为大图
  • 05调试工具是否已刷新缓存

常见问题

改完多久生效?

刷新缓存后即时生效;不刷新可能要等数天自然过期。

微信分享不显示?

微信用自有抓取逻辑,保证标题+描述+首图齐全,并用真机测。

多张 og:image 可以吗?

可以,平台取第一张。建议只留一张最优的,避免随机。