链接预览排查
Link Preview Debugger
读出网址上的 Open Graph 和 Twitter card 标签,把这条链接被分享出去时的样子原样画出来。
按 KakaoTalk、Slack、Facebook 和 X 读取的方式读取页面的 og: 和 twitter: 标签,画出它们会画的卡片,并抓取图片确认它真的能打开。大多数坏掉的预览是标签在、图片却够不到,只有实际抓一次才知道。
这个请求由我们的服务器代你发出。送到服务器的只有你输入的网址,你的 Cookie 和登录状态都不会跟着走。服务器只连接公网地址,私有地址和内网地址一律拒绝。
怎么用
输入你要分享的页面
精确的 URL,页面随查询串变化就带上查询串。会跟随重定向,读取的是目的地的标签。
把卡片和你的本意对照
卡片的回退顺序和各平台一致:og 标签,然后 twitter 标签,然后 <title> 和 meta description。如果你的标题是从回退来的,说明 og 标签不是错了,而是没有。
检查图片那一行
图片会被抓取,报告状态、类型和大小。相对 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。客户端脚本注入的标签,对任何画这些卡片的爬虫都是不可见的。
可以从这些接进来
URL 解析与参数编辑
URL Parser & Query Editor
把网址拆成各个部分,用可编辑的表格展示查询参数,改完再拼回一条完整网址。
短链接还原
Redirect Chain Tracer
沿着短链或跟踪链接的每一次跳转走到底,把最终落地的地址显示出来。
robots.txt 与站点地图检测
robots.txt & Sitemap Checker
抓取 robots.txt 和 sitemap,测试某个网址是否允许抓取,并校验 sitemap 的格式。
社交分享卡片生成
Social Card Generator
把标题、副标题、品牌文字和可选的 logo 摆进模板,生成 1200×630 的分享图,并写好配套的 meta 标签。
接下来
这些工具吃得下当前工具的产出,结果可以直接送过去。
HTTP 响应头检测
HTTP Header Inspector
请求一个网址,列出完整的响应头、跳转链路、各段耗时和实际用到的压缩方式。
社交分享卡片生成
Social Card Generator
把标题、副标题、品牌文字和可选的 logo 摆进模板,生成 1200×630 的分享图,并写好配套的 meta 标签。
robots.txt 与站点地图检测
robots.txt & Sitemap Checker
抓取 robots.txt 和 sitemap,测试某个网址是否允许抓取,并校验 sitemap 的格式。
URL 解析与参数编辑
URL Parser & Query Editor
把网址拆成各个部分,用可编辑的表格展示查询参数,改完再拼回一条完整网址。
HTTP 请求调试
HTTP Request Builder
构造并发出带自定义请求头和请求体的 GET/POST/PUT/PATCH/DELETE/HEAD 请求,显示状态码、响应头、响应体和耗时,且从不转发 Cookie 和 Authorization。
二维码与条码识别
QR & Barcode Reader
从上传的图片、截图或摄像头里读出二维码和常见条形码。