无需登录 数据私有 本地保存

Twitter Card预览器 - 推文卡片效果验证

15
0
0
0
Twitter/X Card 预览器
推文卡片效果验证
预览模式：
背景：
twitter:card twitter:title twitter:description twitter:image
卡片信息填写
0/200
0/400
推荐尺寸：小图 ≥120x120px | 大图 ≥1200x628px (2:1比例)
前往 Twitter 官方 Card Validator 验证
从HTML源码解析Meta标签

如果无法通过URL自动获取，请粘贴网页的HTML源码，工具将自动提取Twitter Card相关meta标签。

常见问题与知识点
什么是 Twitter Card？

Twitter Card（现称X Card）是一种元数据协议，通过在网页的 <head> 中添加特定的 <meta> 标签，当用户在Twitter/X上分享链接时，推文中会展示富媒体卡片，包括标题、描述和图片，提升点击率和传播效果。

Twitter Card 有哪几种类型？

主要有4种类型：Summary Card（小图+文字）、Summary Card with Large Image（大图卡片，最常用）、App Card（移动应用推广）、Player Card（视频/音频播放器）。绝大多数网站使用前两种。

如何设置 Twitter Card？

在网页 <head> 中添加 meta 标签即可。核心标签包括：twitter:card（指定类型）、twitter:title（标题）、twitter:description（描述，建议≤200字符）、twitter:image（图片绝对URL）、twitter:site（网站Twitter账号）。

Twitter Card 和 Open Graph 有什么区别？

两者都是社交媒体元数据协议。Open Graph（og:）由Facebook推出，适用范围更广（Facebook、LinkedIn、Slack等）；Twitter Card（twitter:）专为Twitter/X优化。如果页面只设置了OG标签，Twitter也会回退使用OG标签来生成卡片。建议两者都设置以覆盖所有平台。

图片尺寸要求是什么？

Summary Card：图片至少 120×120px，建议 1:1 比例，不超过 1MB。Summary Large Image：建议至少 1200×628px（宽高比约 2:1），最小 300×157px，不超过 5MB。支持 JPG、PNG、WebP、GIF（非动图）格式。图片必须是绝对URL。

设置后如何验证卡片是否生效？

可使用 Twitter官方Card Validator（cards-dev.twitter.com/validator）输入URL进行验证。验证后Twitter会刷新缓存。也可在本工具中预览效果，确认meta标签配置正确后再提交官方验证。注意：Twitter会缓存卡片信息，修改后需重新验证。

为什么设置了meta标签但卡片不显示？

常见原因：1) 图片使用了相对路径（必须用绝对URL）；2) 图片尺寸不符合要求；3) 网站有robots.txt限制；4) Twitter缓存未刷新（需使用Card Validator重新验证）；5) meta标签拼写错误；6) 页面加载太慢导致Twitter爬虫超时；7) 网站屏蔽了Twitter爬虫（Twitterbot）。

Twitter Card 对SEO有帮助吗？

虽然Twitter Card meta标签本身不直接影响搜索引擎排名，但富媒体卡片能显著提升推文的点击率（CTR）和分享量，间接为网站带来更多流量和反向链接。此外，设置完善的meta标签体现了网站的专业性，对整体SEO策略有积极贡献。建议同时设置Open Graph标签以获得更广泛的社交平台支持。

🔧 相关工具