跳到主要内容

工具 02 · P0

OG / Meta 预览调试器

输入 URL,就能拿到真实抓到的标签、三张按平台还原的分享卡片、带评分和可复制修复项的问题列表,以及原始标签值。

经由 http://localhost:8080 的 Go 服务抓取 —— 页面只请求一次,解析后即丢弃。

怎么用

  1. 01

    粘贴 URL

    任何公开的 http 或 https 页面都行。也可以只填域名——缺少协议时会默认按 https:// 处理。

  2. 02

    对比三个平台预览

    Facebook、X 和 LinkedIn 处理缺失标签的方式各不相同。每张卡片展示该平台实际渲染的内容,并标出每一个来自回退的取值。

  3. 03

    逐条处理问题列表

    每条问题都会指出具体标签、为什么重要、以及要粘贴的代码。从上往下修——先解决 error。

抓取经由 Go 服务代理,浏览器才能读取跨域 HTML。私有、回环和保留地址会被拒绝。

常见问题

▸ 为什么这里的预览和实际分享时看到的不一样?

社交平台会在首次分享时缓存卡片,有时缓存数周。改好标签并不会刷新已经缓存的预览。部署后用平台自带的调试工具(Facebook Sharing Debugger、LinkedIn Post Inspector)强制重新抓取。

▸ 我提交的 URL 会被存储或记录吗?

后端只抓取一次页面,在内存中解析后丢弃正文,不保存任何内容。请求按 IP 限流,以保证接口可用。

▸ 标签后面的 ↓ 标记是什么意思?

某个标签缺失时,平台会拿另一个来替代。例如没有 og:title,Facebook 就会用你的 <title>。这样能用,但卡片上的具体措辞就不由你控制了——如果措辞重要,就把该标签显式声明出来。

▸ 为什么抓取失败了?

最常见的原因:域名解析到私有或保留地址(被刻意拦截)、站点返回非 HTML 的内容类型、请求超时,或站点用 403 拦截未知爬虫。

▸ 评分是怎么算的?

这是一个完整度评分,按每个标签对卡片渲染的影响加权:缺少 og:image 和 <title> 扣分最多,og:locale 这类可选标签扣分很少。它只是一份检查清单,不是排名信号——Google 不用它。