🐦 Twitter Card 生成器
为Twitter分享创建完整的Card meta标签代码
Ad Space
📝
Summary
小图卡片,适合文字内容
🖼
Summary Large Image
大图卡片,更吸引眼球
📋 生成的Twitter Card代码
👁 Twitter预览效果
E
Example Site
@example
示例文章标题
这是一篇关于Web开发的精彩文章...
example.com › article
Ad Space
Frequently Asked Questions
什么是Twitter Card?
▼
Twitter Card是Twitter提供的让推文包含富媒体内容的功能。通过在网页中添加特定的meta标签,当链接被分享到Twitter时,可以显示预览卡片,包含标题、描述和图片,提升推文的视觉效果和点击率。
Summary和Summary Large Image有什么区别?
▼
Summary卡片图片较小(约280x150像素),适合以文字内容为主的分享;Summary Large Image卡片图片占据更大空间(约1200x628像素),视觉效果更震撼,适合图片内容较多的页面,如产品展示、文章配图等。
图片尺寸要求是什么?
▼
Twitter要求图片最小尺寸为300x157像素,最大不超过4096x4096像素。建议使用16:9比例的图片以获得最佳显示效果。对于Summary Large Image类型,推荐使用1200x628像素。
如何验证Twitter Card是否生效?
▼
可以使用Twitter官方的Card Validator工具(https://cards-dev.twitter.com/validator)来检查和预览您的卡片效果。该工具还可以清除Twitter的缓存,确保您看到最新版本。
twitter:site和twitter:creator的区别?
▼
twitter:site用于指定网站官方的Twitter账号;twitter:creator用于指定内容作者/文章作者的Twitter账号。如果只是个人网站,使用twitter:site即可;如果有多个作者,建议同时添加两个标签。