🐦 Twitter Card 生成器
生成 Twitter Card meta 标签。预览链接在 Twitter/X 上的显示效果——全部在浏览器中运行，无需上传，即时完成。
关于 Twitter Card 生成器
这个 Twitter Card 生成器完全在你的浏览器中运行。填写上方字段，生成可直接粘贴的 twitter: meta 标签，并预览链接被分享到 Twitter（X）时的显示效果。整个过程不会上传任何数据——生成通过 JavaScript 在你的设备上本地完成。
什么是 Twitter Card？
Twitter Card 是附加在包含链接的推文上的富媒体片段。在页面 <head> 中加入几个 twitter: meta 标签，就可以告诉 Twitter：当有人分享你的 URL 时，使用哪个标题、描述和图片。缺少这些标签时，Twitter 只会显示一个没有预览图的普通链接。
卡片类型
- summary —— 左侧小方形缩略图，右侧标题和描述。是多数页面的默认选择。
- summary_large_image —— 顶部大图，下方标题和描述。最适合带主图的博客文章和新闻。
- app —— 用于推广移动应用，附带直接安装按钮。
- player —— 可以在 Twitter 内联播放视频或音频的卡片。
如何使用生成器
- 选择卡片类型，填写需要的字段。
- 点击生成，输出 meta 标签并更新预览。
- 点击复制把标签复制到剪贴板，然后粘贴到 HTML
<head>内部。 - 用清空重置所有字段。
常见问题
这个工具会上传我的数据吗？ 不会。所有操作都在本地浏览器中完成，输入永远不会离开你的设备。
还需要 Open Graph 标签吗？ 当 twitter: 标签缺失时，Twitter 会回退到 og: 标签，所以两者都建议加上。可以用 Open Graph 生成器生成 og: 标签。
图片应该用多大尺寸？ summary_large_image 用 1200×628 像素。summary 用 512×512 方图较合适。图片必须小于 5MB。
如何验证真实卡片？ 部署后使用官方 Twitter Card Validator（现为 X 开发者门户的一部分）刷新缓存并查看实际渲染效果。