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 从网页抓取 Twitter Card 元数据、缓存并生成时间线链接预览的过程
X 链接卡片从网页到时间线解释元数据抓取、图片验证、平台缓存与最终卡片的先后关系

如何让 X 与其他平台共享内容但不重复维护

标题、描述和图片可以由统一内容模型生成,再针对 X 提供 card 类型和账号字段。这样能保持品牌信息一致,同时允许不同平台按自身比例和文本长度展示。图片主体应位于安全区,避免宽图裁切后关键信息消失。

如果只依赖 Open Graph,X 可能生成可用预览,但卡片类型和细节控制会减少。反过来只配置 Twitter Card,则其他平台未必采用。模板应分别输出并保持内容语义一致。

实际应用与信息解读

可以展示已声明的卡片类型、标题、描述、图片和账号,并模拟 X 预览。字段存在表示页面做了平台专用配置,实际线上卡片仍可能受缓存、平台政策和图片访问影响。

页面成功取得且 twitter:* 为空时可写暂未发现专用卡片;页面抓取或 head 数据不完整时应显示未知,而不是断言网站未配置。

重点关注

专用标签能减少不同平台回退规则造成的预览差异。

常见问题

没有 Twitter Card,X 还会显示预览吗?

可能会回退使用 Open Graph 或页面信息,但卡片类型和最终字段不一定符合预期。

为什么图片更新后 X 仍显示旧图?

平台通常缓存预览。应确认新图可公开访问并使用验证工具重新检查,缓存传播仍可能需要时间。

summary 与 summary_large_image 怎么选?

前者更紧凑,后者突出宽幅图片。应根据页面内容和图片是否承担主要信息选择。

权威资料