站点运营

站点运营:标题层級自查,別让 H1 和 H2 用成一锅粥

标题层級不只是排版問题。H1 用几個、H2 是否跳級、列表和加粗被当成标题,都會影响蜘蛛和辅助设备理解頁面结构。這篇给出可执行的自查顺序,以及改動模板和正文时的注意点,帮你在不改内容的前提下把頁面骨架理顺。

站点运营

站点运营:标题层級自查,別让 H1 和 H2 用成一锅粥

很多人做頁面自查,會把注意力放在标题标簽(title)、描述和正文關鍵詞上,却很少回头看正文里的标题层級。H1、H2、H3 既是给用戶看的排版层級,也是给蜘蛛和辅助设备看的结构說明。层級乱掉以後,内容本身没問题,但机器讀起来會觉得「這一块到底是新章节,還是随便加粗的一句话」。

标题层級到底在告诉机器什么

一個頁面通常只有一個主题,H1 就是這個主题的名字。H2 是主题下的几個大分支,H3 再往下细分。抓取时,這種嵌套關系會被抽出来,用来判断頁面的重点段落分布、哪些内容属于同一话题;屏幕阅讀器之類的辅助设备,也依赖這套层級让用戶跳讀。层級清晰,抓取和阅讀的成本都更低。

常见的几類問题

1. H1 數量不對

有的模板把站点名固定在 H1,正文标题又寫一個 H1,于是一個頁面出現两三個 H1;也有模板干脆没有 H1,全靠样式把一段普通文字放大。前者让机器分不清主次,後者等于放弃了最直接的主题声明。建议從模板层面检查,確認每個頁面只有一個 H1,並且它就是這篇内容的标题。

2. 层級跳級

從 H1 直接跳到 H4,中間没有 H2、H3,视觉上可能好看,结构上却断了一截。如果只是為了字号,應该改用样式類,而不是換标簽。

3. 把加粗和列表当成标题

用 strong 或者一整段纯文本加粗来充当小标题,是目前最普遍的問题。它對人眼有效,對机器几乎等于没有结构。把這類文字換成對應的 h2、h3,通常一個字的内容都不用改。

4. 标题里堆關鍵詞

為了覆盖更多词,把标题寫成「A+B+C+D」的堆砌式短语,用戶讀起来別扭,段落之間的区分度也没了。标题寫成一句能概括该段的话就够。

一份自查顺序

  1. 抽三到五個典型頁面(首頁、栏目頁、内容頁),看源碼里 H 标簽的實际使用情况,而不是只看編輯器预览。
  2. 確認 H1 唯一,並且和頁面主题一致。
  3. 顺着往下讀,看层級是否连續,有没有跳級。
  4. 检查模板里寫死的 H 标簽,比如侧栏的「相關阅讀」「热门标簽」是不是也用了 H2,有没有抢正文的层級。
  5. 检查正文里充当小标题的加粗段落,评估哪些值得改成真正的标题标簽。
  6. 改完之後用開發者工具或無障碍检查插件再看一遍頁面大纲。

修改时注意的几点

  • 改标簽不改風格。換标簽後字号、間距可能變化,用样式补回来即可,不要因為外观而放弃语义。
  • 不要為了凑层級硬拆内容。如果一段内容本来没有分支,不必為了多出一個 H3 而加标题。
  • 模板改動要评估影响范围。侧栏、頁脚、评论区的 H 标簽可能被大量頁面复用,動手前先確認會波及哪些頁面。
  • 改動幅度較大时记下時間点。方便之後對照日誌,看抓取和展現有没有異常波動。
标题层級不是排名開關,它更像頁面的目錄。目錄清楚,机器和人都少绕路;目錄混乱,内容再好也要多花力气才能被讀懂。

小结

把标题层級当成一次低成本的整理:先看模板,再看正文,最後看那些被当成标题的加粗文字。改完之後不必期待立竿见影的變化,但頁面结构會長期受益——無论是蜘蛛抓取,還是用戶用辅助设备跳讀。