OGP 检查器
OGP 检查器工具是一款从指定 URL 的页面中提取 OGP(Open Graph Protocol)和 Twitter Card 元数据,并近似预览在 X、Facebook 等 SNS 上被分享时显示效果的工具。
输入 URL 并按下“检查 OGP”后,这里将显示诊断、元数据列表和分享卡片预览。
输入的 URL 会通过服务器获取并解析 HTML。对私有 IP 或 localhost 的连接将被拒绝。每个 URL 的获取在 8 秒后超时,仅读取 HTML 正文的前 2 MB。
相关工具
OGP 检查器是什么?
OGP 检查器工具是一款从指定 URL 的页面中提取 OGP(Open Graph Protocol)和 Twitter Card 元数据,并近似预览在 X、Facebook 等 SNS 上被分享时显示效果的工具。
不仅以列表形式显示页面的 og:title、og:description、og:image 等主要 meta 标签,还提供诊断功能,以「需要修复」「推荐改进」等级别指出必填项缺失、推荐字数超过、og:image:alt 未设定等问题。
适用于在文章或着陆页发布前的复核,以及为提升来自 SNS 的流量进行调整时,在不实际发布到 SNS 的情况下确认分享卡片的呈现效果。
使用方法
- 在输入框中粘贴要检查页面的 URL(以 https:// 开头的格式)。
- 按下「检查 OGP」按钮,目标 URL 的页面将被解析并显示结果。
- 在「OGP 诊断」区域确认必填项缺失或与推荐设置的差距。
- 在「元数据列表」中确认提取的 title / og:* / twitter:* 各标签的值。
- 在「分享卡片预览」中切换 X(Twitter)与 Facebook 的卡片显示,确认浅色 / 深色的呈现效果。
使用场景
- 希望在新文章或着陆页发布前确认 SNS 分享时卡片显示是否异常的编辑、营销人员。
- 希望调整标题、描述、OG 图片以提升来自 SNS 点击率(CTR)的运营者。
- 希望逐页确认企业站所有页面是否正确设置了 OGP 的 Web 制作公司。
- 希望确认竞品站或参考站点显示什么样的分享卡片的策划人员。
- 在替换 OG 图片后,希望确认 CDN 缓存影响(卡片内容是否即时反映)的工程师。
注意事项
- 出于安全考量,对私有 IP 地址或 localhost 的连接将被拒绝。无法检查内部网络中的站点。
- 单次获取超时为 8 秒。响应慢的站点可能会出错。
- 仅读取 HTML 的前 2 MB。极大页面可能无法获取到 meta 标签。
- 对于通过 JavaScript 动态改写 meta 标签的站点(如 SPA),提取的是初始 HTML 的值,可能与实际 SNS 爬虫的行为不同。
- 预览是基于 X / Facebook 规范的近似呈现。实际卡片显示可能因各 SNS 的规范变更而不同。
- SNS 端如缓存了卡片图,变更反映可能需要时间(X / Facebook 都可通过 debugger 主动重新获取)。
常见问题
OGP 是什么?
OGP(Open Graph Protocol)是用于向其他服务传达 Web 页面信息的元数据规范。通过在页面 <head> 中描述 og:title、og:description、og:image 等,在 SNS 被分享时会以带图的富卡片形式显示。由 Facebook 制定,X(Twitter)、LinkedIn、Slack 等许多服务都已支持。
OGP 与 Twitter Card 是什么关系?
Twitter Card 是 X(原 Twitter)独有的元数据规范,通过 twitter:card、twitter:title、twitter:image 等标签指定。许多项会回退到 OGP 的值,因此通常仅在希望覆盖 X 特有值时才指定 twitter:*。本工具会提取两者,并分别显示列表与诊断结果。
预览与实际 SNS 卡片显示不一致的原因?
本工具的预览是参考 X / Facebook 版式的近似呈现。各 SNS 持续调整卡片规范,图片纵横比裁剪、标题长度上限、深色 / 浅色主题处理等可能存在差异。最终确认建议同时使用 X 卡片验证器、Facebook 分享调试器等各 SNS 官方调试器。
og:title 多少字合适?
X 上常在 70 字符前后截断,本工具在超过 70 字符时会显示警告。og:description 推荐在 200 字符以内。请边在预览中确认截断方式边调整标题与描述。
有站点无法检查。
超出 8 秒超时、HTML 前 2 MB 中 <head> 不包含 meta 标签、被基本认证或 Bot 屏蔽拒绝访问等情况下都会出错。对私有 IP / localhost 的连接出于安全也会被拒绝。如适用,请检查目标站的设置。