这个工具有问题吗?

关于「Twitter 卡片 在线」

该工具为您的网页构建 Twitter Card 元标签,控制它们在 Twitter/X 上分享时的显示方式。选择卡片类型(summary、summary_large_image、app、player),填写标题、描述、图像 URL 和其他字段,工具输出 HTML 元标签以粘贴到您的页面 head 中。

没有 Twitter Card 标记,包含您 URL 的推文只显示裸链接。有了正确的卡片标签,它们会显示带图像、标题和描述的丰富预览——大幅提高点击率。

将卡片与 OpenGraph 标签(Facebook、LinkedIn)配对,以获得完整的社交媒体覆盖。大多数现代框架允许您按页面设置这些标签;该生成器帮助您在部署前预览卡片的外观。

如何使用这个工具

如何为页面拼一组 Twitter Card 元标签

  1. 选择卡片类型

    「Card」可选 `summary`(小缩略图)或 `summary_large_image`(大图)。多数博客和产品页用 `summary_large_image` 互动更好;空间紧凑的预览仍可用 `summary`。

  2. 标题与描述

    「Title」建议 70 字符以内(Twitter 大约在 70 处截断);「Description」200 字符以内。避免全表情或全大写——两者都会让不同客户端里的渲染效果变差。

  3. Image URL

    「Image URL」必须是绝对 HTTPS。`summary_large_image` 用 1200×600 或更大(2:1 比例);更小的图会被空白填充,比默认无图卡片还难看。

  4. 点击运行

    结果只有 `metaTags`:可直接粘到页面 `<head>` 的 `<meta name="twitter:…">` 标签。建议同时配一组 Open Graph(`og:`)——Facebook 与 LinkedIn 用,缺少 Twitter Card 时多数平台也会回落到 OG。