Twitter 卡片验证器和预览

预览您的网站在 Twitter/X 上分享时的外观。测试 summary 和 summary_large_image 卡片类型。

0/70
0/200
预览
无图片
example.com
页面标题
页面描述将显示在这里...
生成的 Meta 标签
<meta name="twitter:card" content="summary_large_image" />

实时预览

实时预览更新，精确查看您的内容在 Twitter/X 上分享时的外观。

两种卡片类型

预览 Summary（小缩略图）和 Summary Large Image（全宽图片）两种卡片类型。

即用标签

获取即用的 meta 标签 HTML 代码，可直接粘贴到页面的 head 部分。

如何使用 Twitter 卡片验证器

  1. 1.选择卡片类型：Summary（小图）或 Summary Large Image（全宽）。
  2. 2.填写页面的标题、描述和图片 URL。
  3. 3.可选添加您的 @用户名和页面 URL以获取完整标签。
  4. 4.点击复制 Meta 标签，将生成的 HTML 粘贴到页面的 <head> 部分。

常见问题

什么是 Twitter 卡片？

Twitter 卡片是您添加到网页的 meta 标签，用于控制内容在 Twitter/X 上分享时的显示方式。它们可以为链接到您网站的推文附加富媒体（图片、标题、描述）。

summary 和 summary_large_image 有什么区别？

"summary" 卡片在标题和描述旁边显示一个小的正方形缩略图（120x120 到 144x144px）。"summary_large_image" 卡片在文字上方显示全宽图片（最小 300x157px，推荐 1200x628px）。

Twitter 卡片应该使用什么尺寸的图片？

对于 summary_large_image 卡片，使用至少 1200x628px（2:1 比例）的图片。对于 summary 卡片，使用至少 144x144px（1:1 比例）的图片。最大文件大小为 5MB。支持的格式有 JPG、PNG、WEBP 和 GIF。

这是真正的 Twitter 卡片验证器吗？

本工具根据您配置的 meta 标签提供本地预览。如需官方验证，您可以使用 cards-dev.twitter.com 上的 Twitter Card Validator 测试您的实际 URL。