跳到正文

链接预览排查

Link Preview Debugger

读出网址上的 Open Graph 和 Twitter card 标签,把这条链接被分享出去时的样子原样画出来。

按 KakaoTalk、Slack、Facebook 和 X 读取的方式读取页面的 og: 和 twitter: 标签,画出它们会画的卡片,并抓取图片确认它真的能打开。大多数坏掉的预览是标签在、图片却够不到,只有实际抓一次才知道。

☁️ 使用我们的服务器ogpreviewsocialseo

这个请求由我们的服务器代你发出。送到服务器的只有你输入的网址,你的 Cookie 和登录状态都不会跟着走。服务器只连接公网地址,私有地址和内网地址一律拒绝。

按 KakaoTalk、Slack、Facebook 和 X 读取的方式去读页面的 og 和 twitter 标签,并确认图片确实能打开。

怎么用

  1. 输入你要分享的页面

    精确的 URL,页面随查询串变化就带上查询串。会跟随重定向,读取的是目的地的标签。

  2. 把卡片和你的本意对照

    卡片的回退顺序和各平台一致:og 标签,然后 twitter 标签,然后 <title> 和 meta description。如果你的标题是从回退来的,说明 og 标签不是错了,而是没有。

  3. 检查图片那一行

    图片会被抓取,报告状态、类型和大小。相对 URL、登录后才能看的图片、https 页面里用 http 提供的图片,在这里失败的方式和在聊天软件里完全一样。

常见问题

我改好了标签,KakaoTalk 还是显示旧卡片

每个平台都缓存卡片,而且很长时间不会自己重读。到 Kakao Developers 的 OG 缓存重置、Facebook 的分享调试器或 X 的卡片验证器去清。这个页面读的是当前的标签,所以它和聊天软件的答案不同。

图片在我的浏览器里能打开,这里却失败

那它就不是公开可抓取的,任何聊天软件也拿不到。常见原因是需要登录、按 Referer 判断的防盗链规则,或者只在页面语境里才能解析的相对 og:image URL。

图片该多大?

1200×630 是安全的答案——1.91:1,对每个平台都够大。KakaoTalk 至少要 800×400,Facebook 至少要 200×200,否则什么都不显示。

它能看到由 JavaScript 渲染的页面吗?

不能,聊天软件也不能。只解析服务器发送的 HTML,而且只解析前 1 MB。客户端脚本注入的标签,对任何画这些卡片的爬虫都是不可见的。

可以从这些接进来

接下来

这些工具吃得下当前工具的产出,结果可以直接送过去。