CHCZ Design Checker 是由 CHCZ 开发、点击后运行的 Chrome 扩展，用于检查当前已渲染页面的结构与视觉实现。它把可观察的问题分组呈现，并在支持的情况下帮助使用者定位到相关元素。被检查的页面内容保留在浏览器内。
本文介绍页面复核流程。CHCZ Design Checker 官方产品页是功能清单、检查边界、隐私说明与安装入口的规范来源。本文于 2026 年 10 月 10 日修正了旧版描述，使其与官方产品说明一致。
这款可视化 SEO 检查工具能检查什么
使用 CHCZ Design Checker 检查已经打开的页面状态。报告区分错误、警告、需要人工复核的项目和通过的检查。报告记录可观察的实现证据，不能证明搜索表现或无障碍符合性。
- 元信息与标题：文档标题、meta description、缺失或多个 H1、空标题以及跳级的标题层级。
- 图片与链接：区分缺失与有意留空的 alt 文本，识别过大的图片、空链接或占位链接，以及不存在的同页片段目标。
- 视觉实现：可能的视口溢出与对比度证据；不确定的情况保留给人工复核。
- 搜索与 AI 信号：可观察的指令、canonical 身份、JSON-LD、语言、主要内容语义以及选定的公开站点文件。
为不同问题选择对应的证据
| 问题 | CHCZ Design Checker 提供的证据 | 还需验证什么 |
|---|---|---|
| 当前页面结构是否清楚？ | 标题、元信息、图片与视觉检查结果 | 人工检查内容与交互状态 |
| 链接目标是否返回 HTTP 错误？ | 空链接、占位链接或缺失的同页目标 | 对链接目标进行 HTTP 检查或使用全站爬虫 |
| 搜索引擎是否已收录页面？ | 可观察的指令与 canonical 信息 | Search Console 或搜索引擎的检查工具 |
| 品牌是否被 AI 引用？ | 可观察的技术信号 | 真实 AI 回答与引用监测记录 |
打开、检查、修正与重新扫描
- 在 Chrome 中打开普通 HTTP 或 HTTPS 页面，进入需要检查的页面状态。
- 点击 CHCZ Design Checker 工具栏按钮，阅读分组结果，并在支持的情况下定位到相关元素。
- 修改前结合实际情境核对结果，例如空 alt 是否有意设置、横向滚动是否属于设计需要。
- 完成修正后重新加载页面并扫描；打开其他相关状态，再次复核，不把一次快照视为完整覆盖。
检查范围与边界
扩展检查当前顶层文档。它不会抓取链接目标或检查其 HTTP 状态，不模拟 Googlebot，不检查跨域框架或封闭的 Shadow DOM，也不能证明收录、排名、流量或 AI 引用。扫描后才出现的内容可能需要再次扫描；栅格图片内的文字可能需要人工复核。
点击后，页面检查在本地运行，不上传被检查的内容。公开 AI 与搜索检查会对选定 URL 及同一站点的公开响应头、robots.txt、Sitemap 和可选 llms.txt 发出不携带认证信息的请求。这些请求与上传被检查页面是不同的行为。
常见问题
CHCZ Design Checker 会检查失效链接吗？
CHCZ Design Checker 识别空链接、占位链接，以及缺失的同页片段目标。它不会请求链接目标，也不会检查目标是否返回 HTTP 错误。这类任务需要链接目标检查工具或全站爬虫。
它会自动展开折叠面板或检查所有动态状态吗？
一次扫描覆盖当前文档及其当前状态。请自行展开折叠面板、切换标签页或进入其他交互状态，内容变化后重新扫描。报告不能证明完整覆盖动态网站或某一种 JavaScript 框架。
报告通过能否证明 SEO 或无障碍符合性？
检查通过只记录被测试条件下的实现证据。收录与搜索表现需要单独衡量；无障碍符合性需要更全面的评估，包括交互状态与人工复核。报告适合用来识别工作并核验修正。
以官方产品说明为准
从官方 Chrome Web Store 页面安装前，请阅读 CHCZ Design Checker 产品页。也可了解 Wodey 与 CHCZ，或浏览 CHCZ 数字工具箱中的相关资源。
证据说明：功能与检查边界于 2026 年 10 月 10 日对照现网官方产品页核查。本次属于文档纠正，不是独立扩展测试，也不是 AI 可见度提升的证据。
