站点运营

站点运营:标题层级自查,别让 H1 和 H2 用成一锅粥

标题层级不只是排版问题。H1 用几个、H2 是否跳级、列表和加粗被当成标题,都会影响蜘蛛和辅助设备理解页面结构。这篇给出可执行的自查顺序,以及改动模板和正文时的注意点,帮你在不改内容的前提下把页面骨架理顺。

站点运营

站点运营:标题层级自查,别让 H1 和 H2 用成一锅粥

很多人做页面自查,会把注意力放在标题标签(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」的堆砌式短语,用户读起来别扭,段落之间的区分度也没了。标题写成一句能概括该段的话就够。

一份自查顺序

  1. 抽三到五个典型页面(首页、栏目页、内容页),看源码里 H 标签的实际使用情况,而不是只看编辑器预览。
  2. 确认 H1 唯一,并且和页面主题一致。
  3. 顺着往下读,看层级是否连续,有没有跳级。
  4. 检查模板里写死的 H 标签,比如侧栏的「相关阅读」「热门标签」是不是也用了 H2,有没有抢正文的层级。
  5. 检查正文里充当小标题的加粗段落,评估哪些值得改成真正的标题标签。
  6. 改完之后用开发者工具或无障碍检查插件再看一遍页面大纲。

修改时注意的几点

  • 改标签不改风格。换标签后字号、间距可能变化,用样式补回来即可,不要因为外观而放弃语义。
  • 不要为了凑层级硬拆内容。如果一段内容本来没有分支,不必为了多出一个 H3 而加标题。
  • 模板改动要评估影响范围。侧栏、页脚、评论区的 H 标签可能被大量页面复用,动手前先确认会波及哪些页面。
  • 改动幅度较大时记下时间点。方便之后对照日志,看抓取和展现有没有异常波动。
标题层级不是排名开关,它更像页面的目录。目录清楚,机器和人都少绕路;目录混乱,内容再好也要多花力气才能被读懂。

小结

把标题层级当成一次低成本的整理:先看模板,再看正文,最后看那些被当成标题的加粗文字。改完之后不必期待立竿见影的变化,但页面结构会长期受益——无论是蜘蛛抓取,还是用户用辅助设备跳读。