关于此工具
X(原 Twitter)会读取自己的一套 meta 标签——twitter:card、twitter:title、twitter:description、twitter:image 和 twitter:site——用来生成他人分享你的链接时显示的预览卡片。这与 Open Graph 是两套独立的标准,卡片有两种布局:summary_large_image 在顶部显示一张宽图,下方是一小段文字;summary 则在标题和描述旁边显示一个紧凑的方形缩略图。博客文章和文章类页面适合用大图布局,而文字比视觉更重要的工具类页面适合用 summary。
如果找不到对应的 twitter: 属性,X 会回退使用匹配的 og: 标签——og:title、og:description 和 og:image 可以补上缺口——所以只设置了 Open Graph 标签的页面依然会生成卡片,只是无法进行 X 专属的精细控制。为了获得完整覆盖,可以用配套的 Open Graph 生成器生成你的 Open Graph 标签,再与本页生成的 twitter: 标签搭配使用;两者合起来覆盖了绝大多数平台——X、Facebook、LinkedIn、Slack、Discord 以及大多数聊天应用——用于生成丰富链接预览所依赖的两大标准。
常见问题
summary 和 summary_large_image 有什么区别?
summary 在文本旁显示一个小的正方形缩略图,而 summary_large_image 则在文本上方显示一张全宽横幅图片——对于博客文章或产品等视觉内容,建议使用大图版本。
添加了 Twitter 卡片标签后,我还需要 Open Graph 标签吗?
需要——对于你省略的任何 twitter: 字段,X/Twitter 会回退使用 Open Graph 标签,因此同时保留两者能在各平台上获得最可靠的效果。