做站点运营时,大家往往更关注标题标签、描述、正文关键词,却容易忽略页面内部的 H 标签层级。很多模板把 H1、H2、H3 当成字号工具来用:哪里字大就用 H2,哪里想加粗就用 H3。结果页面在代码层面看起来有一堆标题,但真正读起来没有主次,蜘蛛和用户都很难快速判断这一页到底在讲什么。
标题层级不是排名开关,但它影响两件事:一是页面主题是否足够清晰,二是用户和辅助设备能否顺畅理解内容。把这一层理顺,通常不需要改版,只需要在模板和编辑规范上做一次自查。
为什么标题层级值得单独检查
一个页面只有一个核心主题,H1 通常承担这个角色。H2 用来划分主要段落,H3 用来展开 H2 下面的子问题。这样形成的大纲,和书籍目录的作用类似。蜘蛛抓取时会参考这种结构来理解内容块之间的关系,用户扫读时也会先看标题再决定要不要细读。
如果层级混乱,可能出现两种典型情况:一种是所有内容都用 H2,没有主次;另一种是 H1 缺失,或者一页出现多个 H1。前者让页面像一份没有目录的长文档,后者让页面主题变得模糊。两者都不利于内容被准确理解。
常见的标题层级问题
H1 缺失或重复
有些模板把站点 Logo 包在 H1 里,导致每个页面都有一个相同的 H1,正文标题反而用 H2。也有页面因为编辑器默认样式,正文里根本没有 H1。自查时可以先看页面源代码,确认 H1 是否唯一,并且是否落在正文主标题上。
层级跳跃
从 H1 直接跳到 H3,或者从 H2 跳到 H4,会让大纲出现断裂。虽然浏览器和蜘蛛通常能处理,但阅读器和部分解析工具会感到困惑。更稳妥的做法是按顺序使用,不为了视觉大小而跳级。
用标题标签调样式
这是最常见也最难改的习惯。编辑想让某段文字变大,就直接选 H3;想让某句话突出,就套 H4。久而久之,标题层级和内容逻辑完全脱节。更合适的做法是通过 CSS 控制样式,标题标签只负责结构。
一份可执行的标题层级自查清单
- 每个页面是否只有一个 H1,并且它概括了页面核心主题。
- H1 是否与 title 标签方向一致,但不必逐字相同。
- H2 是否覆盖了页面的主要段落,数量是否合理,通常 3 到 8 个比较常见。
- H3 是否挂在某个 H2 下面,而不是独立成段。
- 是否存在跳级,比如 H1 后直接出现 H3。
- 标题里是否堆了太多关键词,读起来是否像自然语句。
- 移动端和阅读模式下,标题层级是否仍然清晰可辨。
- 模板生成的栏目页、详情页、标签页是否共用同一套层级规则。
修改时可以从哪里入手
先不要急着全站批量替换。可以挑一个内容量较大的栏目,手工画出它的理想大纲:H1 写什么,下面分几个 H2,每个 H2 下面是否需要 H3。画完之后再和现有页面比对,看看差异集中在模板还是编辑习惯。
如果是模板问题,优先调整模板输出,让 H1 固定在正文主标题上,栏目列表和侧栏不要抢 H1。如果是编辑习惯问题,可以在后台的编辑器里减少 H 标签按钮,或者给出常用层级示例,降低误用概率。
另外,H 标签里的文字本身也要能独立说明问题。不要写“点击这里”“更多内容”这类没有信息量的标题。用户扫读时,标题就是他们的路标;蜘蛛解析时,标题也是判断段落主题的重要线索。
标题层级的目标不是让代码看起来整齐,而是让页面在不依赖样式的情况下,仍然能读出一份清晰的内容大纲。
和栏目、模板的配合
栏目页和详情页的标题层级可以略有不同。栏目页的 H1 通常是栏目名称,H2 可以是子栏目或内容分组,H3 用于单条内容标题。详情页的 H1 是文章标题,H2 是正文主要段落。如果站点有多个模板,建议分别检查一遍,避免某些模板把 H1 让给了导航或广告位。
标题层级自查不需要频繁做,但适合在改版、换模板、调整栏目结构时顺手过一遍。把它当成页面结构的一部分,而不是样式的一部分,后续的内容维护会省心很多。