分享链接出去没图、标题错、描述乱,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 可以吗?
可以,平台取第一张。建议只留一张最优的,避免随机。