一页上有几个 H1：目录站的标题层级该怎么排

「一页只能有一个 H1」这条规矩流传了二十年，被各种检测工具标成红色错误。但谷歌的人这些年说过好几次，系统的原话大意是：一个页面没有 H1 或者有五个 H1，排名都不会有问题，这在网上是很常见的写法。

这句话的意思是「不用慌」，不是「随便写」。尤其对目录站——你的列表页上摆着三四十个条目卡片，每个卡片都有个标题，这些标题该用什么标签，才是真正要想的问题。

图片来源：网络，版权归原作者所有，侵权请联系删除

标题不是排名开关，是上下文

搜索引擎拿标题干什么？谷歌的解释很朴素：看到一大段文字或者一张图，上面正好有个标题，那就推测这个标题说的是下面这块内容。它是个上下文信号，不是关键词容器，也不存在 H1 比 H2 权重高、H2 比 H3 高这种梯度——那是二十年前的模型。

所以标题层级该为谁服务？主要是两类对象：用屏幕阅读器的人，和搜索引擎里那些按段落挑内容的机制。前者靠标题列表快速跳读，标题乱了等于目录乱了；后者靠标题定位段落，能不能被挑中取决于标题下面那段话写得好不好。

目录站最容易犯的三个错

现象	怎么来的	后果
每页两个 H1	模板把 logo 包成 H1，正文标题又一个	最重要的那个位置被站名占掉了
条目卡片全用 H2	想让条目名「更有权重」	大纲被摊平，页面主题反而看不出来
侧边栏和页脚用标题	编辑器默认给小标题加 H 标签	标题列表里混进一堆无关词

第一个最常见。改起来也简单：logo 就是个链接，用 div 或者 span 包，别用标题标签。

三层结构怎么排

目录站的页面基本就三种，各给一套：

• 分类页——H1 放分类名，H2 放分组（比如「工具类」「社区类」），H3 放条目名
• 条目详情页——H1 放站点名，H2 放「站点简介」「收录信息」「相似站点」这些块
• 首页——H1 放站点定位的一句话，别放站名，站名在 title 里已经有了

条目卡片用 H3 还是 div，取决于它在不在某个 H2 分组下面。有分组就用 H3，纯平铺的列表用 div 也说得过去——但既然条目名是这一块内容真正的标题，给它 H3 更合适，也方便屏幕阅读器跳读。别为了「权重」把它们全升成 H2，那只会让这一页看起来有四十个平级的章节。

视觉大小和语义层级分开

很多人选 H 标签是按字号选的：这段字要大，那就 H2。这是把两件事绑死了。字号归 CSS 管，层级归标签管。条目名在卡片上显示成 16px，它照样可以是 H3；页脚那个小标题显示成 14px，它根本就不该是标题。

模板里定死一条规矩：语义层级写进 HTML，视觉样式全部交给 class。后面改版调字号不会动到结构，改结构也不会让页面变样。

怎么自查

最快的一招是在浏览器里把 CSS 禁掉看大纲——标题层级对不对，一眼就能看出来，因为这时候只剩字号和缩进在反映层级。再就是用屏幕阅读器的标题列表功能走一遍，如果听着像一份乱七八糟的目录，那就该改了。

至于检测工具报的「多个 H1」，看一眼就行。如果第二个 H1 是 logo，那就改掉；如果确实是内容上需要，留着也不会怎么样。