KNOWLEDGE ARTICLE
Twitter Card 是什么?
X 分享卡片
为 X/Twitter 链接预览提供平台专用元数据。
核心解释
Twitter Card 可声明卡片类型、标题、描述和图片。缺少专用字段时,平台有时会回退使用 Open Graph。
Twitter Card 如何为 X 定义链接预览
Twitter Card 元数据让网页为 X 的链接预览声明卡片类型、标题、描述、图片和账号归属。常见 summary 与 summary_large_image 采用不同图片权重;播放器和应用卡片还需要额外字段与平台规则。
平台抓取页面时会优先读取支持的 twitter:* 字段,并可能回退到 Open Graph 或页面信息。最终展示仍由平台决定,包括文字截断、图片裁切、缓存和安全审核,因此标签是可控输入,不是像素级渲染保证。
一张卡片从抓取到展示经历什么
- 页面公开可访问后,抓取器取得 HTML head,读取 twitter:card、title、description 和 image 等字段。
- 图片 URL 需要可抓取、格式和尺寸合适;重定向、鉴权、防盗链或 robots 限制可能让预览无法取图。
- 平台按卡片类型组合内容并缓存结果,分享者之后发布相同 URL 时可能继续使用缓存版本。
- 页面更新后可用官方验证工具检查抓取,但历史帖子是否刷新以及缓存时机仍由平台控制。
如何让 X 与其他平台共享内容但不重复维护
标题、描述和图片可以由统一内容模型生成,再针对 X 提供 card 类型和账号字段。这样能保持品牌信息一致,同时允许不同平台按自身比例和文本长度展示。图片主体应位于安全区,避免宽图裁切后关键信息消失。
如果只依赖 Open Graph,X 可能生成可用预览,但卡片类型和细节控制会减少。反过来只配置 Twitter Card,则其他平台未必采用。模板应分别输出并保持内容语义一致。
实际应用与信息解读
可以展示已声明的卡片类型、标题、描述、图片和账号,并模拟 X 预览。字段存在表示页面做了平台专用配置,实际线上卡片仍可能受缓存、平台政策和图片访问影响。
页面成功取得且 twitter:* 为空时可写暂未发现专用卡片;页面抓取或 head 数据不完整时应显示未知,而不是断言网站未配置。
重点关注
专用标签能减少不同平台回退规则造成的预览差异。
常见问题
没有 Twitter Card,X 还会显示预览吗?
可能会回退使用 Open Graph 或页面信息,但卡片类型和最终字段不一定符合预期。
为什么图片更新后 X 仍显示旧图?
平台通常缓存预览。应确认新图可公开访问并使用验证工具重新检查,缓存传播仍可能需要时间。
summary 与 summary_large_image 怎么选?
前者更紧凑,后者突出宽幅图片。应根据页面内容和图片是否承担主要信息选择。