很多人做页面自查,会把注意力放在标题标签(title)、描述和正文关键词上,却很少回头看正文里的标题层级。H1、H2、H3 既是给用户看的排版层级,也是给蜘蛛和辅助设备看的结构说明。层级乱掉以后,内容本身没问题,但机器读起来会觉得「这一块到底是新章节,还是随便加粗的一句话」。
标题层级到底在告诉机器什么
一个页面通常只有一个主题,H1 就是这个主题的名字。H2 是主题下的几个大分支,H3 再往下细分。抓取时,这种嵌套关系会被抽出来,用来判断页面的重点段落分布、哪些内容属于同一话题;屏幕阅读器之类的辅助设备,也依赖这套层级让用户跳读。层级清晰,抓取和阅读的成本都更低。
常见的几类问题
1. H1 数量不对
有的模板把站点名固定在 H1,正文标题又写一个 H1,于是一个页面出现两三个 H1;也有模板干脆没有 H1,全靠样式把一段普通文字放大。前者让机器分不清主次,后者等于放弃了最直接的主题声明。建议从模板层面检查,确认每个页面只有一个 H1,并且它就是这篇内容的标题。
2. 层级跳级
从 H1 直接跳到 H4,中间没有 H2、H3,视觉上可能好看,结构上却断了一截。如果只是为了字号,应该改用样式类,而不是换标签。
3. 把加粗和列表当成标题
用 strong 或者一整段纯文本加粗来充当小标题,是目前最普遍的问题。它对人眼有效,对机器几乎等于没有结构。把这类文字换成对应的 h2、h3,通常一个字的内容都不用改。
4. 标题里堆关键词
为了覆盖更多词,把标题写成「A+B+C+D」的堆砌式短语,用户读起来别扭,段落之间的区分度也没了。标题写成一句能概括该段的话就够。
一份自查顺序
- 抽三到五个典型页面(首页、栏目页、内容页),看源码里 H 标签的实际使用情况,而不是只看编辑器预览。
- 确认 H1 唯一,并且和页面主题一致。
- 顺着往下读,看层级是否连续,有没有跳级。
- 检查模板里写死的 H 标签,比如侧栏的「相关阅读」「热门标签」是不是也用了 H2,有没有抢正文的层级。
- 检查正文里充当小标题的加粗段落,评估哪些值得改成真正的标题标签。
- 改完之后用开发者工具或无障碍检查插件再看一遍页面大纲。
修改时注意的几点
- 改标签不改风格。换标签后字号、间距可能变化,用样式补回来即可,不要因为外观而放弃语义。
- 不要为了凑层级硬拆内容。如果一段内容本来没有分支,不必为了多出一个 H3 而加标题。
- 模板改动要评估影响范围。侧栏、页脚、评论区的 H 标签可能被大量页面复用,动手前先确认会波及哪些页面。
- 改动幅度较大时记下时间点。方便之后对照日志,看抓取和展现有没有异常波动。
标题层级不是排名开关,它更像页面的目录。目录清楚,机器和人都少绕路;目录混乱,内容再好也要多花力气才能被读懂。
小结
把标题层级当成一次低成本的整理:先看模板,再看正文,最后看那些被当成标题的加粗文字。改完之后不必期待立竿见影的变化,但页面结构会长期受益——无论是蜘蛛抓取,还是用户用辅助设备跳读。