TL
Tool Lab
💰捐赠
💰捐赠

Twitter Card Preview

Preview Twitter Cards and generate meta tags for social sharing.

预览

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Page Title for Social Sharing">
<meta name="twitter:description" content="A compelling description that appears in the Twitter card preview. Keep it under 200 characters for best display.">
<meta name="twitter:site" content="@mywebsite">

关于本工具

Twitter / X 卡片预览显示您的页面在 Twitter(现在的 X)上分享时的外观,并生成要添加到 HTML 中的正确元标签。

支持两种卡片类型:带大图的摘要(全宽横幅)和摘要(小方形缩略图,适合文章和播客)。

使用方法

  1. 选择摘要或带大图的摘要卡片类型。
  2. 填写标题、描述和可选的图片 URL。
  3. 预览实时更新以显示卡片的外观。
  4. 复制生成的元标签并粘贴到 HTML head 中。

使用场景

内容营销人员在活动前预览 Twitter 卡片。开发者为博客文章和产品页面添加元标签。SEO 团队审查现有页面的缺失或错误配置的卡片。

常见问题

  • 应该使用什么图片尺寸?带大图的摘要:1200×628 px(2:1 比例)。摘要:至少 144×144 px 正方形。最大 5 MB。
  • 需要在 Twitter 注册吗?Twitter / X 不再需要开发者卡片审批。只需添加元标签,卡片就会显示。
  • 可以对 LinkedIn 和 Facebook 使用相同的标签吗?LinkedIn 和 Facebook 使用 Open Graph 标签(og:title、og:image 等),而不是 Twitter 卡片标签。请使用 OG 标签生成器工具。