Twitter Card Preview
Preview Twitter Cards and generate meta tags for social sharing.
预览
无图片
My Page Title for Social Sharing
A compelling description that appears in the Twitter card preview. Keep it under 200 characters for best display.
@mywebsite
<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 中的正确元标签。
支持两种卡片类型:带大图的摘要(全宽横幅)和摘要(小方形缩略图,适合文章和播客)。
使用方法
- 选择摘要或带大图的摘要卡片类型。
- 填写标题、描述和可选的图片 URL。
- 预览实时更新以显示卡片的外观。
- 复制生成的元标签并粘贴到 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 标签生成器工具。