Twitter Card 生成器

生成要放在页面 <head> 中的 Twitter Card 元标签,以控制在 X(Twitter)上分享时显示的预览。

示例:

工作原理

没有 Twitter Card 标签时,在 X 上分享的链接只会显示通用预览,没有可控的图片和描述。填写各字段即可生成元标签,粘贴到页面的 <head> 中,获得精致且与品牌形象一致的分享预览。

summary 和 summary_large_image 有什么区别?

summary 会在文字旁边显示一个小的方形缩略图,适合普通的博客文章。summary_large_image 则在文字上方显示整幅宽度的大图,视觉效果更强,通常更适合有醒目封面图的内容。

这些标签对 Facebook 或 LinkedIn 也有效吗?

无效,twitter:* 标签只会被 X(Twitter)读取。Facebook 和 LinkedIn 依据的是 Open Graph 标签(og:title、og:image……),如果您也面向这些平台,需要另外添加。

100% 本地处理:生成过程通过 WebAssembly 完全在您的浏览器中运行,您的数据不会离开您的设备。