Yetty公开测试版
免费工具

社交分享
预览

在分享之前,先看看你的链接在 WhatsApp、X、LinkedIn 和 Facebook 上会怎样显示。输入你的网址,或粘贴 HTML / 手动输入标签。我们会安全地抓取你的页面,其余的都不会离开你的浏览器。

免费,无需注册 我们会安全地抓取你的页面,其余的都不会离开你的浏览器 四个平台 + 一张检查表
预览你的链接

你的链接如何传播?

或粘贴 HTML / 手动输入标签
私密,只抓取你的页面及其 og:image,其余的都不会离开你的浏览器。
WhatsApp
X (summary_large_image)
LinkedIn
Facebook

检查,各平台会挑什么毛病

标签状态备注
想让这些标签替你写好吗?

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 可能显示小的方形卡片而不是大卡片。

轮到你了

带上你已有的网站。

或者让每个链接都坐上头等舱。

在 Yetty,每个页面从首次发布起就带有正确的 Open Graph 和 Twitter cards,无需安装,也无需检查。