用一个页面练习诊断,核心做法是:自己写一个结构简单但故意留有几个小毛病的静态页面,然后按“抓取—索引—呈现—体验”的顺序逐项检查,把每个现象、可能原因和验证结果记下来。这样你练的不是背概念,而是“看到一个现象,能判断它说明什么”。下面这份清单可以直接照着执行。
页面不必复杂,但要有可检查的要素。建议包含:一个<h1>、两三个<h2>、一段正文、一张带alt的图片、一个指向站内另一页的链接、一段<title>和<meta name="description">。然后故意制造几处问题,例如标题重复、图片缺alt、正文里堆了无关外链、移动端字号过小。
练习的价值在于对照:同一个页面,改之前和改之后各检查一遍,你才能分清哪些是“可能的毛病”,哪些是“已经确认的问题”。
<meta name="robots">,以及站点根目录的robots.txt是否屏蔽了该路径。结果说明什么:若被禁止,页面可能仍能被访问,但不会被正常收录,这两件事要分开判断。<title>是否唯一、是否与正文主题一致;看描述是否概括了页面内容。结果说明什么:标题重复或空泛,会让多个页面互相竞争,属于内容层面的问题,不是技术故障。<h1>只有一个,<h2>层级没有跳级,段落没有被大量样式标签切碎。结果说明什么:结构混乱会影响机器理解主题,也影响用户扫读。alt,站内链接是否指向存在的地址,外链是否与主题相关。结果说明什么:缺alt是体验问题,死链是技术问题,两者处理优先级不同。练习诊断时,你常会面对两种改法:先修技术问题,还是先改内容表达。
如果两类问题同时存在,先做技术修复,再做内容优化。这不是固定规则,而是因为技术问题会阻断后续所有检查。假设一个页面返回错误状态,那么无论标题写得多好,这次诊断的结论都只能是“先恢复访问”。
每查一项,就记三列:现象、可能原因、验证方式。例如“图片不显示”是现象,“路径写错或文件被删”是可能原因,“直接打开图片地址看是否返回正常”是验证方式。只有验证过的原因,才写成“已定位”;没验证的,只能写“可能”。
这样练上几次,你会形成自己的检查顺序,而不是每次从零开始猜。下一步,把这个页面复制成两份,一份保留问题,一份逐项修好,然后对照检查结果,看看哪些改动真正改变了页面的可访问性和可理解性。