很多站点的内容本身没问题，乱的是标题层级：模板自带一个 H1，编辑在正文里又贴一个 H1，侧栏的推荐位标题也顺手用了 H1。访客视觉上看不出区别，但搜索引擎读到的是三个并列的主题，它很难判断这一页到底在讲什么。
标题层级不是排版工具
H1 到 H6 最初的用途是表达内容的从属关系，不是用来调字号和颜色的。字号、粗细、间距属于样式问题，交给 CSS 处理更合适。把两件事混在一起，改版时就会互相牵制：想调样式不敢动标签，想调结构又怕页面变形。
比较通用的做法是：一个页面保留一个 H1，用来概括整页主题；下面用 H2 划分主要章节；H3 表示 H2 之下的细分；再往下同理。不跳级，也不要用 H4 去反包 H2 的内容。
最常见的四类问题
- 一页多个 H1：常见于模板 H1 加正文 H1，或者一个列表页里每个摘要卡片都套了 H1。
- 跳级：H2 之后直接跳到 H4，中间缺席的层级会让大纲出现断点，读起来像漏了一节。
- 把标题标签当样式用：为了加粗、变色随手套一个标题标签，而这段内容并不是一个章节标题。
- 标题与内容不符：H2 写的是「常见问题」，下面却是一段产品介绍；或者标题里塞满关键词，读起来不像人话。
不用工具也能做的自查
把页面源码打开，检索 h1 到 h6 这些标签，按出现顺序抄一份清单下来，然后照着清单问几个问题：
- H1 是不是只有一个，而且出现在正文主标题的位置，而不是宽泛的站点名？
- 标题层级是不是连续的，有没有从 H2 直接掉到 H4 的情况？
- 把这份清单单独读一遍，能不能还原出文章大纲？如果读起来前后不搭，多半是层级标错了。
- 抽查不同模板：首页、栏目页、详情页、专题页各挑两三个，看问题是不是集中在某一个模板里。
- 看看有没有标题是为样式而生的：去掉样式之后，它还算不算一个章节标题。
这套检查不需要任何插件，一个页面十几分钟就能过一遍。真正费时间的是改模板，尤其是标题层级由多个组件拼出来的站点。
修改时容易踩的坑
先改结构，再调样式
调整层级的时候，尽量不要同时动样式。先把标签改对，再去补相应的 CSS，出问题时容易定位。改完抽查几个页面的渲染效果，特别是标题字数特别长或者特别短的页面，看会不会挤出容器或者换行难看。
规范要和后台对齐
还有一个容易被忽略的地方：编辑规范和模板要同步。如果编辑手册里写着「正文小标题用 H2」，而模板的正文区根本不接受 H2，那这条规范就只能停在纸面上。规范、后台编辑器、前端模板三者对齐，层级才不会一次又一次地乱回去。
标题层级是给机器和人都看的结构说明。它不直接决定收录或排名，但会影响一页内容被理解得是否清楚。
说到底，标题层级只是站点结构里很小的一环，却经常是最先被弄乱的一环。每隔一段时间抽查几类页面，把明显不合理的地方改掉，比一次性大改要稳妥得多。