社交分享卡片预览

看看你的页面分享到 Twitter/X、Facebook、LinkedIn 时长什么样,实时读取 Open Graph 与 Twitter Card 标签。

什么是社交分享卡片?

当你把一个 URL 粘贴到 Twitter、Facebook 或 LinkedIn 时,平台的爬虫会访问该页面、读取它的元标签,并渲染出一张富文本预览卡片——展示页面标题、描述和一张图片。这些卡片会极大地影响点击率,以及别人对你内容的第一印象。

控制这一切的有两套标准:Open Graph(Facebook、LinkedIn 以及大多数平台都在用)和 Twitter Cards(Twitter 自家的扩展)。本工具会同时检测两者,并模拟出每个平台会展示的卡片。

需要设置的关键元标签

如何使用本工具

  1. 粘贴任意可公开访问的 URL,然后点击 检测
  2. Twitter/XFacebookLinkedIn 标签页之间切换,查看每个平台的卡片效果。
  3. 展开 原始元标签,即可看到提取出的所有 Open Graph 与 Twitter Card 值。
  4. 检测完成后,页面 URL 会带上 ?url= 参数,方便你分享或收藏检测结果。

常见问题

什么是社交分享卡片?
当你把一个 URL 分享到 Twitter/X、Facebook、LinkedIn 等社交平台时,平台会抓取该页面的元标签并渲染出一张预览卡片——展示图片、标题和描述。本工具会为每个平台模拟出这张卡片,让你在发布前就能确切看到链接的展示效果。
Open Graph 协议是什么?
Open Graph(og:)是 Facebook 提出的一组元标签,用来控制页面被分享时的展示方式。og:title、og:description、og:image、og:site_name 等标签会被 Facebook、LinkedIn 以及大多数其他平台读取,用来构建分享卡片。
Twitter Card 元标签是什么?
Twitter Card 标签(twitter:card、twitter:title、twitter:image 等)是 Twitter 专用的元标签,用来控制链接在推文中的展示方式。如果存在 Twitter Card 标签,Twitter 会优先使用它们;否则就回退到 Open Graph 标签。twitter:card 的值决定卡片布局:"summary" 显示一张小缩略图,"summary_large_image" 显示一张大尺寸横幅图片。
为什么图片在 Facebook 上正常,却在 Twitter 上不显示?
Twitter 和 Facebook 对图片的要求可能不同。Twitter 要求图片可公开访问、小于 5MB,且至少为 144×144px(summary)或 300×157px(summary_large_image)。此外,请检查你的服务器是否屏蔽了 Twitter 爬虫的 user agent。你可以用 Twitter 开发者平台里的 Twitter Card Validator 进行验证。
我输入的 URL 会被发送给第三方吗?
不会。该 URL 由本站自己的 Cloudflare Worker 服务器抓取以读取元标签,不会分享给 Twitter、Facebook、LinkedIn 或任何其他方。