本页面由 AI 翻译,尚未经过母语人士审校。 阅读英文版

Twitter / X 卡片预览

X 读取 twitter: meta 标签(缺失时回退到 Open Graph)来显示链接卡片。选择卡片类型,输入文本和图片,然后复制标签。预览是中性的近似效果,并非应用的像素级复制。

…或预览本地图片
大致预览。实际的搜索和社交平台显示效果会因设备、语言和平台更新而不同。

完全在浏览器中运行。你的输入内容和文件不会上传到任何服务器。

使用方法

  1. 选择“Summary”或“Summary with large image”。
  2. 输入标题、描述、图片和你的 @账号。
  3. 将生成的 twitter: 标签复制到你的页面。

示例

博客文章

使用 1200 × 628 主图的大图卡片。

文档页面

使用方形徽标的 summary 卡片。

隐私

完全在浏览器中运行。你的输入内容和文件不会上传到任何服务器。 浏览器中保存了哪些内容(仅收藏和历史记录),请参阅隐私政策。 隐私政策

你可以自己验证:打开浏览器的开发者工具,选择“网络”(Network)标签,然后使用工具。你的文件不会出现在任何上传请求中。此页面保存为离线可用后,你还可以断开网络继续使用。 广告和匿名访问统计在启用时会发出各自的请求,但绝不会接收你的文件或文本。

常见问题

有了 Open Graph 还需要 twitter: 标签吗?

X 会回退使用 og:title、og:description 和 og:image,但必须有 twitter:card 才能指定卡片类型。

为什么我的卡片没有更新?

平台会缓存链接预览。更新页面后,变更可能需要一段时间才会显示。

相关工具

全部SEO 工具
Open Graph 预览根据 og:title、og:description 和 og:image 预览链接卡片,检查图片尺寸和文本长度,并复制 Open Graph 标签。
Meta 标签生成器为页面生成规范的 HTML meta 标签:标题、描述、canonical、robots、Open Graph 和 Twitter Card,并提供长度建议。
网站图标生成器从一张图片或一个字母生成完整的网站图标套件:favicon.ico、16–512 px 的 PNG、Apple Touch 图标、Web 清单和 HTML 标签,打包为一个 ZIP。

搜索工具