做站点运营时,大家往往更關注标题标簽、描述、正文關鍵詞,却容易忽略頁面内部的 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 让给了導航或广告位。
标题层級自查不需要频繁做,但适合在改版、換模板、調整栏目结构时顺手過一遍。把它当成頁面结构的一部分,而不是样式的一部分,後續的内容维護會省心很多。