社交分享卡片预览
看看你的页面分享到 Twitter/X、Facebook、LinkedIn 时长什么样,实时读取 Open Graph 与 Twitter Card 标签。
原始元标签
什么是社交分享卡片?
当你把一个 URL 粘贴到 Twitter、Facebook 或 LinkedIn 时,平台的爬虫会访问该页面、读取它的元标签,并渲染出一张富文本预览卡片——展示页面标题、描述和一张图片。这些卡片会极大地影响点击率,以及别人对你内容的第一印象。
控制这一切的有两套标准:Open Graph(Facebook、LinkedIn 以及大多数平台都在用)和 Twitter Cards(Twitter 自家的扩展)。本工具会同时检测两者,并模拟出每个平台会展示的卡片。
需要设置的关键元标签
og:title—— 卡片中显示的标题(建议控制在 60–70 个字符以内)og:description—— 一段简短的描述(建议控制在 200 个字符以内)og:image—— 预览图片的 URL(推荐尺寸:1200×630px,大小不超过 8MB)og:url—— 页面的规范化(canonical)URLtwitter:card—— 设为summary_large_image可获得大尺寸横幅图片
如何使用本工具
- 粘贴任意可公开访问的 URL,然后点击 检测。
- 在 Twitter/X、Facebook、LinkedIn 标签页之间切换,查看每个平台的卡片效果。
- 展开 原始元标签,即可看到提取出的所有 Open Graph 与 Twitter Card 值。
- 检测完成后,页面 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 或任何其他方。