很多站点运营问题不是出在内容本身,而是出在页面结构上。标题层级(H1 到 H6)是访客、爬虫和屏幕阅读器判断页面主次的第一条线索,但日常更新时它往往最容易被忽略:模板里自带一个 H1,编辑器里又手动加一个;小标题随手用加粗代替;复制旧文章时把原来的层级一起带了过来。单看每一处都不算大问题,积累起来就会让整页结构变得难以阅读。
标题层级到底在解决什么问题
标题标签的作用是把一段长内容切成有层次的块,让读者能快速扫读,也让机器知道哪些是主干、哪些是分支。
- 给读者一条主线:访客通常先扫标题再决定读不读正文,层级清晰的文章跳读成本更低。
- 给爬虫一份目录:页面正文的段落归属关系,会影响这段文字被理解成什么主题。
- 给团队一套约定:编辑、设计、前端如果对层级有共识,改版和迁移时返工会少很多。
- 给辅助工具一条路径:屏幕阅读器用户常常直接按标题跳转,层级断裂会直接影响可用性。
常见的几类层级问题
H1 出现多次或者干脆没有
模板输出一次 H1,正文里又写一次,页面就出现了两个“主标题”。另一种情况是模板用 div 加样式代替 H1,表面上看起来一样,结构上却没有主标题。比较稳妥的做法是全站统一:一个页面一个 H1,内容区不再重复。
层级跳跃使用
H2 下面直接跟 H4,中间跳过 H3。视觉上可能看不出差别,但从属关系已经断了。判断方法很简单:如果某个小标题无法回答“它属于上面哪一节”,就说明层级放错了位置。
用样式代替标签
把文字加粗放大、换颜色,看起来像小标题,实际仍是普通段落。这类文字不会被当作结构节点,长文里尤其明显。样式和标签应该分开:先用标签确定结构,再用 CSS 决定长什么样。
层级与栏目结构不对应
栏目页、列表页、详情页共用一套层级规则时,容易出现“详情页的 H2 和栏目页的 H2 含义完全不同”的情况。运营侧最好按页面类型分别约定,而不是全站一刀切。
一份可执行的自查清单
- 抽查首页、栏目页、详情页各两到三个,确认 H1 唯一且与页面主题一致。
- 把页面标题层级按顺序列出来,检查是否存在跳级。
- 确认没有用加粗、颜色、字号冒充小标题的段落。
- 检查 H2 是否覆盖了正文的主要分支,而不是全部堆在开头。
- 确认标题文字本身能独立看懂,不依赖上一句上下文。
- 模板改版或迁移后,重新抽查一遍,避免层级被主题覆盖。
- 把结论写进编辑规范,新同事入职时可以直接照着做。
调整时的几个注意点
- 不要为了层级好看而堆砌关键词,标题读起来通顺比塞词更重要。
- 存量文章的批量修改建议先在小范围试跑,确认模板兼容再全站铺开。
- 层级调整属于结构优化,效果通常体现在阅读体验和后续维护上,不必期待立竿见影的数据变化。
- 如果站点由多人协作,优先统一规则,再谈个别页面的特殊处理。
标题层级不是一次性配置,而是每次更新都在被重新决定的小事。它带来的收益是慢的,但混乱带来的成本是持续的。
小结
把标题层级当成页面结构的一部分来管理,而不是排版细节。花半小时抽查几个代表页面,明确一套全站规则,写进编辑指南,后面每一次发布都会因此省力一点。