Twitter Card生成器 - 创建Twitter Meta标签

生成Twitter Card Meta标签以控制推文预览效果,支持summary、summary_large_image、app和player卡片类型。

0/70

0/200

使用说明

  • 选择卡片类型:对于有视觉吸引力的文章,推荐使用"大图摘要"。
  • 输入twitter:title(最多70个字符)和twitter:description(最多200个字符)。
  • 添加twitter:image URL——summary_large_image图片应至少为800×418像素。
  • 添加twitter:site(网站的Twitter账号)和twitter:creator(内容作者账号)。
  • 点击"生成Twitter Card"创建代码,然后粘贴到HTML的<head>部分。

关于Twitter Cards

Twitter卡片类型解析

Twitter支持四种卡片类型:摘要(带标题和描述的小方形缩略图——大多数页面的默认值)、大图摘要(全宽矩形图片——最适合文章和博客)、应用(用于推广附带安装链接的移动应用)和播放器(直接在推文中嵌入视频或音频播放器)。大图摘要卡片的互动率显著高于基础摘要卡片。

twitter:image要求

摘要卡片图片应至少为144×144像素,宽高比为1:1。大图摘要卡片应使用至少800×418像素,宽高比为2:1。最大文件大小为5MB。支持的格式:JPG、PNG、WEBP和GIF。Twitter会抓取图片并创建自己的缓存版本——发布前使用Twitter Card验证器预览卡片效果。

twitter:site与twitter:creator

twitter:site是发布内容的网站Twitter @用户名(如@YourCompany)。twitter:creator是内容创作者或作者的@用户名(如@AuthorName)。对于多作者出版物,twitter:creator随文章变化,而twitter:site保持不变。两个字段都帮助Twitter正确归因内容,并可提高内容的可发现性。

回退到Open Graph

如果没有Twitter Card标签,Twitter会自动使用Open Graph(og:)标签作为回退。但明确设置Twitter Card标签能让您对卡片外观有更多控制。例如,twitter:image:alt允许为卡片图片添加无障碍文本。同时使用Twitter Card和Open Graph标签是实现最大兼容性的推荐做法。

主要特性

  • 支持所有四种Twitter卡片类型:summary、summary_large_image、app、player
  • 实时预览显示卡片在Twitter上的外观
  • 标题(70字符)和描述(200字符)的字符计数器
  • 生成twitter: Meta标签,并优雅地回退到og:标签

常见应用场景

  • 优化文章和博客分享在Twitter上的互动效果
  • 为电子商务产品页面设置Twitter Cards
  • 通过Twitter App Cards推广移动应用
  • 确保品牌资产和信息在Twitter分享中正确显示