很多人做頁面自查,會把注意力放在标题标簽(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」的堆砌式短语,用戶讀起来別扭,段落之間的区分度也没了。标题寫成一句能概括该段的话就够。
一份自查顺序
- 抽三到五個典型頁面(首頁、栏目頁、内容頁),看源碼里 H 标簽的實际使用情况,而不是只看編輯器预览。
- 確認 H1 唯一,並且和頁面主题一致。
- 顺着往下讀,看层級是否连續,有没有跳級。
- 检查模板里寫死的 H 标簽,比如侧栏的「相關阅讀」「热门标簽」是不是也用了 H2,有没有抢正文的层級。
- 检查正文里充当小标题的加粗段落,评估哪些值得改成真正的标题标簽。
- 改完之後用開發者工具或無障碍检查插件再看一遍頁面大纲。
修改时注意的几点
- 改标簽不改風格。換标簽後字号、間距可能變化,用样式补回来即可,不要因為外观而放弃语义。
- 不要為了凑层級硬拆内容。如果一段内容本来没有分支,不必為了多出一個 H3 而加标题。
- 模板改動要评估影响范围。侧栏、頁脚、评论区的 H 标簽可能被大量頁面复用,動手前先確認會波及哪些頁面。
- 改動幅度較大时记下時間点。方便之後對照日誌,看抓取和展現有没有異常波動。
标题层級不是排名開關,它更像頁面的目錄。目錄清楚,机器和人都少绕路;目錄混乱,内容再好也要多花力气才能被讀懂。
小结
把标题层級当成一次低成本的整理:先看模板,再看正文,最後看那些被当成标题的加粗文字。改完之後不必期待立竿见影的變化,但頁面结构會長期受益——無论是蜘蛛抓取,還是用戶用辅助设备跳讀。