首页›文本·编码·数据›Open Graph 分享卡片预览

Open Graph 分享卡片预览

读取页面的 Open Graph 与 Twitter Card meta 信息,模拟链接在社交软件中被分享时展示的标题、描述与缩略图效果。

永久免费本地计算 · 零上传

🔒 全程在浏览器内计算,输入内容不会离开您的设备。

怎么用

  1. 填入待检测网页的 URL,或直接粘贴含 og 标签的 HTML 片段
  2. 工具解析 og:title、og:image、og:description 等字段
  3. 查看生成的分享卡片预览,核对图片尺寸与文字截断
  4. 根据提示补齐缺失标签后重新预览

典型场景

运营发布前检查文章分享卡片是否美观
开发者调试新页面的 og 元数据配置
排查缩略图不显示或标题被截断的问题

常见问题

为什么要看 Open Graph 标签?

它决定链接被分享到社交平台时展示的标题、图片和摘要,配置不当会让卡片显得空洞。

没有 og:image 会怎样?

多数平台会退化为抓取页面首图或干脆不显示图片,卡片点击率明显下降。

预览和真实分享效果一样吗?

预览基于标签内容近似还原,具体渲染仍由各社交平台决定。

相关工具