Open Graph 预览：五种链接卡片一次看完
同一套 og: 标签，五种不同结果。Facebook 把域名放在最前，X 去掉站点名称，LinkedIn 干脆丢掉描述，Slack 把整块内容缩进一条彩色竖线之后，而 Google 无视你的 og:image，改用元描述。标题、描述、网址和图片只填一次，就能按各自的截断规则检查全部五种。
如何使用此工具
填入页面网址
卡片上显示的是主机名，协议、www 前缀和路径都会像各平台那样被剥掉。粘贴完整网址，剩下的交给预览处理。
补上标题和描述
它们就是你的 og:title 和 og:description。每个目标套用自己的预算，所以在 X 上放得下的标题，到 Facebook 会被截断，到 Google 又在另一个位置被截断。
拖入 og:image
上传你设为 og:image 的那张 1200 × 630 图片。卡片会像各平台一样把它按 1.91:1 摆好，让你看清图上的文字能不能扛过裁切。
逐个查看目标
依次看 Facebook、X、LinkedIn、Slack 和 Google。如果一个标题只有完整时才说得通，那你最在意的目标往往正是把它砍得最狠的那个。
导出 PNG
把卡片下载为二倍分辨率的 PNG，用在工单、质检清单或交接说明里，表明这个链接应该长成什么样。
常见问题
og:title 应该写多长？
尽量控制在 60 个字符以内。Facebook 大约在那里截断，X 允许约 70 个，LinkedIn 宽松一些，大约 119 个，Google 的搜索标题同样在 60 附近被截断。按最短的那个来写，标题在任何分享场景下都能保住。
og:image 应该用什么尺寸？
1200 × 630 像素，也就是 1.91:1 的比例，是所有主流目标都接受的尺寸。把重要文字放得离边缘远一些：某些界面在紧凑版式下会裁成更接近方形的样子，顶到边框的标题总是第一个被裁掉的。
LinkedIn 为什么忽略我的描述？
LinkedIn 的信息流卡片只显示图片、标题和域名，会把 og:description 整个丢掉。这也是本工具的 LinkedIn 标签里没有描述字段的原因：如果你的卖点写在描述里，LinkedIn 上的分享一点都带不走，全部工作只能由标题来完成。
它会去抓取我线上网址的标签吗？
不会，这是有意为之。抓取一个网址意味着要把它发送到服务器，这与本站其余部分的做法相矛盾。把你已经设好或打算设的值粘进来，预览就会告诉你它们上线后会呈现成什么样。
Google 的结果为什么和其他的不一样？
Google 在搜索结果里并不使用 Open Graph。它用你的页面标题和元描述拼出摘要，并且不显示 og:image，所以 Google 标签画的是一段文字摘要而不是一张卡片。把它放进来，是因为同一份文案通常要同时服务这两边。
你可能还需要
有问题吗？ 报告问题