社交分享

如何在 X(Twitter)分享时获得真正的链接预览

X 使用它自己独立的标签来做链接预览——单靠 Open Graph 标签并不总是足够。

这是什么

「Twitter Card」(该功能在改名为 X 之前平台自己的叫法)是链接在 X 上被分享时显示的富媒体预览——通常包括图片、标题和描述,而不是一个朴素、无任何装饰的纯文字链接。它由一个特定的元标签控制,最简单的形式是 <meta name="twitter:card" content="summary_large_image">,它专门告诉 X 构建这种更大、以图片为主的预览格式。

在很多情况下,X 确实会退回读取标准的 Open Graph 标签(og:title、og:description、og:image)来获取预览的实际内容——但如果没有这个特定的 twitter:card 标签存在,它可能根本不会构建富媒体预览,而是默认显示一个裸链接。

为什么重要

在 X 上分享的链接如果没有可用的卡片,就会在充满其他帖子、争夺注意力的信息流中,显示为朴素、不起眼的文字——很容易被直接划过去。带有图片和标题的可用卡片明显更吸引眼球,能让被分享对象在读到周围任何评论文字之前,就对点击进去会看到什么有一个真实、直接的感受。

这是在你可能已经为 Facebook 和 LinkedIn 设置好的 Open Graph 标签之上,增加的一行非常小的代码——一旦那些都已经设置好,基本上没有理由跳过这一步。

如何解决

  1. 确认你的页面上已经设置了 Open Graph 标签(og:title、og:description、og:image),因为 X 主要从这些标签中读取预览内容。
  2. 在页面 <head> 部分中添加 <meta name="twitter:card" content="summary_large_image">,这会请求更大、以图片为主的预览样式。
  3. 如果你使用的是网站建设工具或 SEO 插件,这经常会与你其他的社交分享设置一起自动包含——先检查那里,再考虑手动添加。
  4. 使用 X 的 Card Validator 工具(或者在私密草稿帖子中分享该链接)测试结果,确认预览按预期显示。
  5. 重新运行你的 Launch Readiness 检查,确认该标签现在已被检测到。

看看你自己的网站是否也有这个问题

Launch Readiness 会在几秒内检测你的网站是否存在此问题以及其他约 50 个上线前的问题——免费,无需注册。

立即免费检测