在线检测 Title 和 Description 标签的像素宽度，模拟 Google 搜索结果 SERP 预览，避免标题描述被截断。
摘要：免费的在线 Meta 标签像素检测器，按像素宽度检测 Title 与 Description 是否超出 Google SERP 截断限制，模拟真实搜索结果预览，SEO 优化必备，本地运行。
此工具完全在您的浏览器中运行。打开 DevTools → Network 面板，搜索您的输入内容——它不会出现在任何请求中。
使用指南
Meta 标签、分析代码、转化像素——上线前总需要确认页面到底带没带对：标题长度、描述、OG 标签、Facebook Pixel、Google Tag Manager、百度统计。本工具输入网页地址或 HTML 源码，逐项检查常见标签与像素代码的完整性，找出缺失与格式问题。
1. 怎么用
- 输入网页 URL（自动抓取 HTML）或直接粘贴 HTML 源码。
- 工具按清单检查：SEO 标签（title/description/canonical）、社交标签（OG/Twitter Card）、分析像素（GTM/FB Pixel/GA4/百度统计）。
- 结果逐项列出：通过/缺失/格式异常，附当前值和修复建议。
2. 像素代码检查的注意点
- GTM 与 GA4 都部署时容易重复埋点——检查 gtag 脚本是否被插入两次。
- GDPR 合规下像素应延迟到同意之后触发——检查代码是否被 cookie 同意包裹。
- FB Pixel 的 base code 必须位于 <head> 或页面顶部——放到 <body> 底部会漏 PageView。
- SPA 站点（React/Vue）的像素在路由切换时可能不重新触发——需要 history 事件监听。
3. 标签检查的本质
标签检查的实质是「证据核对」：SEO 团队声称优化了标题，转化团队声称埋了点——但线上页面到底如何，只有实际抓取才知道。传统肉眼检查的局限在于：缓存和 CDN 可能让不同地区的用户看到不同版本；SPA 需要等 JS 渲染完成才有完整 head。所以检查器按「静态 head 检查 + 说明」工作，SPA 场景建议结合浏览器 DevTools 再次确认渲染后的 DOM。检查清单本身也可配置，团队可以在 CI 流程里对重要模板做自动化冒烟检查。
常见问题
完全免费，无需注册。检测在浏览器本地完成，输入的内容不会被上传。
Google 搜索结果按像素宽度截断标题与描述，不同字符宽度不同，像素测量比字符计数更准确。
可以。工具会模拟 Google SERP 的真实展示效果，直观看到标题描述是否会被截断。
相关工具
相关文章
docker pull 报 manifest unknown 怎么解决？tag 找不到的 4 种原因
docker pull 报 manifest for xxx:tag not found 或 manifest unknown？覆盖 tag 拼写错误、latest 陷阱、官方镜像改名、架构不匹配（arm64/amd64 manifest 缺失）四种根因，附 docker manifest inspect 与 Hub Tags 页核对方法。
如何把 JSON 快速转成 Go struct（含 json tag 与嵌套类型）
有一份 JSON 接口返回，想生成对应的 Go 结构体？本文讲解 JSON 转 Go struct 的类型映射规则，并一步步用本地转换工具生成带 json tag 的代码。