Twitter卡片Meta生成器

在线生成 Twitter Card 和 Open Graph 社交分享 meta 标签,预览分享卡片效果,设置标题、描述、图片,提升链接在社交平台的展示。

请输入信息生成预览
生成后将在此显示卡片预览效果

工具介绍

Twitter卡片Meta生成器可以快速生成符合Twitter要求的Twitter卡片Meta标签,同时生成对应的Open Graph(og)标签,用于在Twitter分享链接时展示美观的预览卡片,提升分享点击率。生成后可以直接预览卡片效果,并复制标签放入网站HTML的head区域。

使用方法

  1. 选择卡片类型:摘要卡片(小图左侧展示)或大图摘要卡片(大图通栏展示)。
  2. 填写页面标题、页面描述、分享图片URL、网站域名。
  3. (可选)填写Twitter作者账号(带@符号)。
  4. 点击「生成Meta标签」按钮即可获得代码,同时右侧显示手机预览效果。
  5. 点击「复制结果」即可将生成的Meta标签复制到剪贴板。

卡片类型说明

类型适用场景图片要求
summary(摘要)博客文章、普通网页最小120x120像素,最大4096x4096像素,文件小于5MB,支持JPG、PNG、GIF格式。
summary_large_image(大图摘要)文章头图、横幅内容、视觉内容最小300x157像素,最大4096x4096像素,文件小于5MB,推荐使用1200x630像素。

注意事项

什么是Twitter卡片?

Twitter卡片是Twitter平台提供的富媒体展示功能,当你在Twitter分享一个网页链接时,会自动从网页提取Meta信息,生成带有标题、描述、图片的预览卡片,比纯文字链接更吸引点击。

为什么需要同时生成og标签?

Open Graph(og)标签是Facebook推出的通用开放图谱协议,Twitter也支持读取og标签的内容作为备用,同时生成可以提升兼容性和展示一致性,避免信息缺失。

我的卡片为什么在Twitter不显示?

可能原因:1. 图片URL不是HTTPS可公网访问;2. 图片尺寸不符合当前卡片类型要求;3. Meta标签没有正确放置在head区域;4. 网页未上线或Twitter无法抓取。可以使用Twitter官方的卡片验证工具检测问题。

大图卡片和小图卡片怎么选?

如果你的内容有醒目的头图或封面图,推荐使用summary_large_image(大图卡片),在时间线中展示效果更好,点击率通常更高;如果只是普通网站首页、工具页,可以使用summary(小图卡片)。