Open Graph 预览 — 检查社交分享卡片
Open Graph 标签决定页面每次被分享时长什么样——缺图或缺标题都会白白损失点击与转发。粘贴 og:/twitter:card 标签或输入 URL，预览 Facebook、X 与微信风格的分享卡片，找出缺失字段并修正图片比例。步骤：粘贴标签或抓取 URL，查看三张预览卡片与字段状态表，再补齐缺失项。粘贴模式在本机解析；URL 模式仅当次拉取页面、不存储。示例：一张带 1200×630 og:image 的页面以大图卡片分享。
工作原理
预览会解析你粘贴的 og:/twitter: 标签（或从抓取的 HTML 中提取），渲染三张分享卡片。Facebook 左侧显示 1.91:1 图片，下方是标题、描述与域名。X 依 twitter:card 而定：summary_large_image 顶部显示大图，summary 在文字旁显示小图。微信等即时通讯应用显示一张大卡片。字段状态表把 og:title、og:description 与 og:image 标为必备，并列出可选字段。
预览遵循的规则
以下是各平台使用的图片尺寸与回退规则，依据 Open Graph 协议与 X Cards 文档。
- 必备字段：og:title、og:description 与 og:image。缺失的会被标出，便于发布前补齐。
- og:image 用 1200×630 像素（1.91:1）在所有主流平台都能正常显示。Facebook 现也支持 2:1 与 1:1 裁剪；过小的图常被放大而发虚。
- twitter:card 的 summary_large_image 配大图，summary 配小图。未设置 twitter:card 时，平台从 og: 标签推断为 summary 卡片。
- og:title 或 og:image 缺失时，平台回退到页面 HTML 的 title、meta description 与第一张图片。
- 图片尺寸用浏览器加载图片来测量；图片无法加载（被拦截、离线或 URL 有误）时，比例检查会报告未知。
示例
样例标签描述一篇带 1200×630 og:image 与 twitter:card summary_large_image 的博客文章。预览显示 Facebook 左侧图片卡片、X 大图卡片、微信风格卡片，以及全部必备字段都齐全的字段状态表。
适用场景
- 发布文章或落地页前，粘贴一次标签，确认在 Facebook、X 与即时通讯应用里分享卡片显示正常。
- 分享链接没图或被裁切时，粘贴 og: 标签检查是 og:image 缺失还是比例不对。
- 升级 CMS 或主题后，抓取线上 URL，确认 og: 标签仍与页面匹配。
常见问题
页面没有 Open Graph 标签会怎样？
Facebook、X 与微信会用 HTML 标题、meta description 和页面第一张图片拼卡片。卡片可能不完整或显示错图，这正是 og: 必备字段存在的原因。
og:image 应该多大？
最稳妥的是 1200×630 像素，即 1.91:1，所有主流平台都接受。Facebook 现在还支持 2:1 与 1:1 裁剪。很小的图片常被放大而模糊。
twitter:card 与 og: 标签是什么关系？
twitter:card 决定布局：summary_large_image 显示宽图，summary 显示小图。twitter:title、twitter:description 或 twitter:image 缺失时，X 会回退到对应的 og: 标签。
og:image 缺失时平台会怎么处理？
平台回退到页面 HTML 中的第一张图片，或显示无图卡片。og:image 缺失是分享链接没有预览图的最常见原因。
为什么比例检查报告“未知”？
预览会用浏览器图片加载读取 og:image 的真实尺寸。图片被拦截、离线、响应慢或服务器拒绝请求时，尺寸读不到，检查就报告未知。
我的标签会被上传到哪里吗？
不会。粘贴模式下解析与预览都在你的设备上进行。URL 模式通过我们的 worker 当次拉取页面，且不存储。
相关工具
咨询与反馈
页面不清、功能异常或想提建议？在下方起草邮件，我们会阅读每一封关于工具的来信。