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分享中正确显示