标题层级能不能跳级:跳一级的代价与三步修法

标题层级能不能跳级:跳一级的代价与三步修法

把文章从 Word 粘进网页编辑器,h2 下面直接跟了一个 h4,预览看着没什么问题,发布后目录却少了一节,手机上的读屏软件也把这一段的层级念错了。

「标题层级能不能跳级」不是格式洁癖问题。标题层级是页面里唯一能被程序读懂的目录,跳一级,目录、锚点、结构化数据和读屏导航会同时错位。下面先说清什么算跳级,再列代价、成因、修法,最后给一张按场景取值的对照表。

一、先分清两种「跳级」

日常说的跳级,其实混了两件事,处理方式完全不同。

判断方法很简单:打开浏览器的开发者工具,看这段文字外面包的是 h2、h3 还是 div。标签对、看起来不对,是样式问题;标签不对、看起来还行,才是本文要修的问题。很多人为了「字号好看」把 h3 换成 h4,正是跳级最常见的来源。

二、跳级的四处代价

跳级不会让页面立刻坏掉,它是以「慢慢失序」的方式收费的。

受影响的对象具体表现严重程度
自动目录只抓 h2/h3 的目录会漏掉整节,锚点对不上高,读者立刻能感知
屏幕阅读器按标题跳转时层级念错,用户以为读到了子节高,属于可访问性缺陷
搜索引擎主题从属关系被打散,长尾词挂错父级中,影响的是整站结构信号
后续维护插入新一节时不知道该用哪级,越改越乱中,属于长期成本

四项里最容易被低估的是第一项。目录漏节不是「少显示一行」,而是读者点了「第三节」跳到第四节的位置,从此不再信任这份目录。

搜索引擎那一项要客观看:跳级不是直接的排名惩罚项,它影响的是结构信号——同一篇文章里,h3 下的内容本该从属于 h2,跳级之后这层从属关系在解析时丢了,长尾词就挂不到正确的位置上。指望靠调标签提升排名是无效的,但把结构修对是必要的。

标题层级能不能跳级:白板上的树状标题层级结构示意
正确的大纲是一棵树,跳级等于砍掉中间那根枝。

三、跳级通常是怎么发生的

很少有人故意跳级,它基本都是这四种操作留下的。

  1. 为了字号换标签。h3 默认字号偏小,于是改用 h4 或 h2,视觉舒服了,结构断了。
  2. 从文档直接粘贴。Word 的多级标题带过来时,级别和网页模板对不上,常见的是模板已有 h1,粘贴内容又自带一个 h1。
  3. 模板只提供了两级样式。编辑器里只有「标题」和「小标题」,作者想再分一层,只能手动挑一个标签。
  4. 复制别人的段落。从旧文章搬一段过来,旧文里那节本来就在 h4 下,搬完没有重新对级。

四种成因里,第一种占多数,也最容易修:把字号交给 CSS,把标签交回结构。改完样式后记得重建站点,静态页才会带上新的版本号,具体步骤可以对照文章结构怎么安排里的骨架部分。

四、三步修法

不要一边读一边改标签,那样会越改越乱。按下面三步走,一篇三千字的文章二十分钟能修完。

  1. 先把大纲抄出来。只抄标题文字,按出现顺序列成清单,标上现在的标签名。这一步不看正文,只看骨架。
  2. 再判断每一条的真实层级。问一句:这一节是上一节的子集,还是并列?是子集就往下降一级,是并列就保持同级。判断完,把清单上的标签改成目标值。
  3. 最后回到正文改标签。按清单逐条替换,不要临场发挥。改完用目录功能核对一遍,目录条数应当等于清单条数。

第三步的核对是关键。目录条数不一致,说明还有标题没改到,或者有标题被误删。这个方法对长文特别有效,因为它把「结构判断」和「文字修改」拆成了两个动作,不会互相干扰。

如果文章本身的小标题序号也乱,建议先统一编号再改层级,两件事一起做会互相打架。编号规则见小标题要不要编号。

标题层级跳级修复:开发者工具中查看并替换标题标签
用开发者工具确认标签,比盯着预览猜快得多。

五、按场景取值,别死记「不许跳」

「层级必须逐级递增」是一条通则,但落到具体页面,还要看模板给了几级。

页面类型可用层级说明
博客文章h1 一个,正文 h2 到 h3h4 只在确有第四层时使用,宁可不分那么细
产品落地页h1 一个,h2 到 h3模块标题统一 h2,模块内小点用 h3
技术文档h1 到 h4章节深,允许四级,但仍不许跳级
卡片、侧栏h2 或 h3按它在整页大纲中的位置定,不按视觉大小定

博客文章那一行值得多说一句:绝大多数文章只需要两级正文标题。写到需要 h4 的时候,通常不是层级不够,而是这一节塞了太多东西,该拆成两篇。硬塞第三级、第四级,读者扫读的成本反而更高。

还有一个常见误解:h1 只能有一个。这在整页范围内是对的,因为 h1 是页面主题。但列表页、卡片区的标题如果也用 h2,整页大纲就会变成一堆并列的 h2,同样不利于解析——这时候该考虑用 h3 把它们挂到栏目 h2 下面。

标题层级规范:打印稿上用红笔逐条重排章节标签
先抄大纲再改标签,比边读边改省一半时间。

常见问题

跳级会被搜索引擎惩罚吗?

不会单独惩罚。它影响的是结构解析与主题从属关系,属于间接影响。真正需要担心的是标题文字重复、整页只有图片没有文字这类硬问题。

用 div 加粗代替标题行不行?

不行。div 不会被解析成标题,目录抓不到,读屏软件也跳不过去。样式可以用 div 模拟,结构不能。

Markdown 里井号数量写错了算跳级吗?

算。Markdown 的 # 数量直接映射成 h1 到 h6,写成 ## 之后直接 #####,渲染出来就是跳级。发布前用渲染结果检查,不要只看源码。

已经发布的旧文章要全部返工吗?

不必。优先修有目录、有内链、流量较高的文章,其余的等下次改稿时顺手修。批量返工的风险是改坏锚点,收益却不明显。

小结

标题层级能不能跳级:不能。但它不是一条要背下来的规则,而是一个判断习惯——先问这一节是不是上一节的子集,再决定用哪级标签,字号永远交给样式。

落地顺序是三步:抄大纲、定层级、改标签,最后用目录条数核对。修完顺手看一眼标题怎么写,把标题文字也压到合适的长度,一次改到位。更多排版参数可以到排版规范栏目继续查。

← 返回首页 更多「排版规范」