社交分享
预览
在分享之前,先看看你的链接在 WhatsApp、X、LinkedIn 和 Facebook 上会怎样显示。输入你的网址,或粘贴 HTML / 手动输入标签。我们会安全地抓取你的页面,其余的都不会离开你的浏览器。
你的链接如何传播?
或粘贴 HTML / 手动输入标签
检查,各平台会挑什么毛病
| 标签 | 状态 | 备注 |
|---|
Yetty 自动在每个页面提供 Open Graph 和 Twitter cards,尺寸正确、URL 绝对、无需插件。
四个平台共有的
六条规则
og: 是通用语
WhatsApp、Facebook、LinkedIn 和 X 都先读取 Open Graph。把 og:title、og:description 和 og:image 做对,你就完成了 90%。
1200 x 630,绝对 URL
一种图片尺寸就能满足所有人。像 /hero.jpg 这样的相对 URL 会悄悄失败,爬虫根本不知道你指的是哪个网站。
所有平台都裁向 1.91:1
过高或方形的图片,顶部和底部会被裁掉。把人脸和文字放在图片的中间带。
标题截断方式各不相同
X 显示约 70 个字符,Facebook 约 88 个,WhatsApp 两行短行。把重要的词放在前面。
预览会被缓存
修好了标签但旧卡片还在显示?是平台缓存了它。用 Facebook 的 Sharing Debugger 或 LinkedIn 的 Post Inspector 刷新,或用 ?v=2 破除缓存。
twitter:card 解锁大卡片
X 的文字会回退到 og: 标签,但只有 twitter:card = summary_large_image 才能保证全宽图片布局。
大家也在问
为什么我的链接在 WhatsApp 上不显示图片?
几乎总是这三件事之一:缺少 og:image 标签、它的 URL 是相对路径而非绝对路径(WhatsApp 无法解析 /hero.jpg),或图片太大,WhatsApp 会跳过约 600KB 以上的图片。为一张大小合理的图片加上绝对的 https URL 再重新分享;WhatsApp 会缓存预览,所以请用一个全新的 URL 测试,或加上 ?v=2。
og:image 应该多大?
1200 x 630 像素是稳妥的答案,也就是 Facebook、LinkedIn 和 X 都会裁向的 1.91:1 比例。把它控制在 5MB 以下(若你在意 WhatsApp,则控制在 600KB 以下),不要把重要内容放在外缘,那部分在某些平台会被裁掉。
如果我已经有 og: 标签,还需要单独的 twitter: 标签吗?
大多不需要,X 会回退到 og:title、og:description 和 og:image。你确实想要的唯一标签是设为 summary_large_image 的 twitter:card;没有它,X 可能显示小的方形卡片而不是大卡片。