標題層級結構規劃——可讀與爬取雙贏的 H1 H3

很多人寫文章時,把標題的大小當成排版工具:覺得這行字要醒目,就套個 H2;覺得那句該再大一點,就改成 H1。等到文章發佈、排名卻上不去,才發現問題出在看不見的地方——整篇文章的標題層級結構亂掉了,搜尋引擎根本讀不懂這篇在講什麼。

標題層級結構講的不是字級大小,而是內容的邏輯骨架。H1、H2、H3 各自承擔不同層級的意義,照順序疊好,文章就有一份清楚的「大綱」;疊錯了,讀者掃不到重點,Google 的爬蟲也抓不準段落歸屬。這篇會帶你把 H1 到 H3 的角色、排列規則、撰寫方式一次釐清,並針對 WordPress 的實際操作,講清楚標題到底該怎麼設,才能同時讓人讀得順、讓搜尋引擎爬得準。

標題層級結構是什麼,為什麼它決定文章好不好讀

標題層級結構,指的是 H1 到 H6 這六個標題標籤依照重要性排出來的階層關係。它的本質是一份大綱:H1 是書名,H2 是章名,H3 是節名,一層包一層,把整篇內容的邏輯關係攤開來。

HTML 裡的標題標籤從 H1(最大、最重要)到 H6(最小、最次要),實務上一篇文章用到 H1、H2、H3 就足夠,H4 以下只有在內容特別深、需要再往下細分時才會動用。每一個標籤代表的不是「這行字要多大」,而是「這段內容在整篇裡的位階」。

把所有內文段落都拿掉,只留下標題,這份標題清單應該還是讀得懂、看得出文章在講什麼——這是檢驗層級結構好不好的最簡單方法。如果只看標題會一頭霧水,代表結構沒做好。一本沒有章節標題的書很難讓人掌握重點,網頁也是同樣的道理。

對讀者來說,多數人不會逐字讀完一篇文章,而是先掃標題、決定哪一段值得細看。清楚的標題層級等於替讀者畫好閱讀路徑,他能在三秒內判斷這篇有沒有他要的答案,要的話跳到哪一段去看。少了這層結構,整篇變成一面密不透風的文字牆,讀者通常直接關掉。

H1、H2、H3 分別扮演什麼角色

H1、H2、H3 是三個位階的標題,分工很明確:H1 定義整篇主題,H2 切出主要章節,H3 在章節底下再細分子題。用建築來比喻最清楚——H1 是建築物入口的招牌,告訴你這棟是什麼;H2 是電梯口的樓層指南,標出每一層放什麼;H3 是各樓層裡的房間門牌,指出某一區的細項。

下面這張表整理三個標題的定位與用途:

標籤 位階 主要用途 常見位置 一篇文章的數量
H1 主標題 定義整個頁面的核心主題 文章標題 1 個
H2 章節標題 切分主要段落,撐起文章骨架 各大段落開頭 數個
H3 子章節標題 在 H2 底下細分子主題或步驟 章節內的小節 視需要

H1 是整篇的核心主題,一個頁面只放一個。它通常就是文章標題,精準概括這篇要講什麼,並讓主關鍵字自然出現在裡面。值得注意的是,H1 的價值在於「唯一且精準」,不是「塞越多關鍵字越好」。

H2 負責切出文章的主要章節。每個 H2 對應一個讀者會想問的問題或一個重要面向,當有人只掃你的 H2,應該就能看懂整篇的結構與走向。H2 也是佈局次要關鍵字與長尾關鍵字的主要位置。

H3 用在 H2 章節底下,把一個較大的段落再拆成幾個小節,適合用來列步驟、比較選項,或交代同一主題裡幾個緊密相關的論點。一個原則是:H3 是為了讓讀者更清楚才存在,不是為了讓版面多幾條線,沒有實際細分需求就不要硬加。

為什麼標題層級結構同時影響可讀性與搜尋排名

標題層級結構是少數能同時討好讀者與搜尋引擎的元素,做好它,可讀性與爬取效率會一起提升。原因在於人跟機器讀文章的方式其實很像——都是先看骨架、再決定要不要深入。

對搜尋引擎而言,爬蟲進入頁面會優先掃描標題層級,藉此在極短時間內判斷三件事:這篇的核心主題是什麼(H1)、它包含哪些主要子題(H2)、每個子題底下又有哪些具體論點(H3)。這份「藍圖」讓 Google 更準確地把你的內容對應到使用者的搜尋意圖。Google 的搜尋代言人 John Mueller 曾表示,過去把標題標籤單純當成排名信號的舊思維已經過時,標題真正的價值是替頁面提供清楚的結構藍圖,而不是當成關鍵字的容器。

清楚的結構還會影響到精選摘要與 AI 摘要。Google 在挑選精選摘要時,偏好結構分明、答案明確的頁面;近年的 AI 搜尋系統同樣仰賴乾淨的標題結構來解析內容、抽出對應某個問題的段落。當層級混亂、跳級、或標題語意含糊時,這些系統很難判斷哪一段屬於哪個主題,自然抽不出來引用你。

無障礙體驗是另一個常被忽略的環節。使用螢幕閱讀器的視障讀者,主要就是靠標題在頁面間跳轉、快速掌握全篇結構。標題層級正確時,他們能直接從一個段落跳到下一個段落,不必聽完整頁。對無障礙友善的結構,往往也正好是對 SEO 友善的結構,兩者方向一致。

怎麼排標題層級才不會出錯

排標題層級只有一個核心規則:逐級使用、不要跳級。H1 之後接 H2,H2 之後才接 H3,不能從 H1 直接跳到 H3,也不能從 H2 跳到 H4。就像進一棟樓不會從一樓直接瞬移到三樓,標題層級也要照階梯一階一階走。

跳級最常見的後果,是讓爬蟲與螢幕閱讀器搞不清楚段落的歸屬關係。假設你把網站標題設成 H2、文章副標卻用了 H1,爬蟲會先讀到 H2 再讀到 H1,整個位階就反了,理解內容時會出現混亂。基本守則是:用到 H3 之前一定要先有 H2,用到 H2 之前一定要先有 H1。

下面是一份結構正確的標題大綱,可以當成範本參考:

H1 文章主題
唯一,定義全篇
H2 章節 A
└ H3 子題 A-1
└ H3 子題 A-2
H2 章節 B
└ H3 子題 B-1
└ H3 子題 B-2
H2 章節 C
└ H3 子題 C-1

另一個排版層面的常見錯誤,是「為了讓某段字看起來更大更粗就套標題標籤」。標題的語意功能遠大於它的視覺功能——它在 HTML 裡代表結構,不是字級。如果只是想調整外觀,該用 CSS 處理,而不是改標題層級。反過來,真正屬於某個段落主題的標題,就算它預設樣式不夠醒目,也該維持正確的位階。

標題本身怎麼寫,才同時對人和機器有意義

一個好標題要能在被單獨抽出來看時,依然講得清楚它底下在講什麼。導覽列、文章目錄、SERP 的站內連結、AI 摘要,都經常單獨顯示某個 H2 或 H3,標題如果缺主詞、語意含糊,這些場合就完全失去搜尋價值。

第一個原則是標題要有明確的主詞與受詞,不要用空泛的標籤。寫「簡介」「更多說明」「注意事項」這種標題,讀者掃過去完全不知道內容是什麼。把它改成「新手安裝外掛前要先確認的環境設定」這類具體描述,掃標題的人立刻知道值不值得停下來看。這條同時適用於 H2 和 H3,H3 特別容易因為「上一層已經交代過主題」就省略主詞,結果單獨抓出來看根本看不懂。

第二,標題要誠實反映底下的內容,不要寫成釣魚式或誇大的字眼。標題承諾的,底下段落就要給得出來,否則讀者跳進來發現貨不對板,跳出率一拉高,反而傷排名。

第三,關鍵字要自然融入,不要堆砌。把主關鍵字放進 H1、相關關鍵字與長尾詞分散到 H2、H3,是合理的佈局;但若標題讀起來像一串搜尋詞的羅列,不只可讀性變差,還可能被搜尋引擎判定為關鍵字填塞而扣分。能自然放進去就放,放不進去就不要硬塞,一個清楚自然的標題遠勝過一個塞滿關鍵字卻拗口的標題。

第四,標題要精簡。每個標題各自獨立、不重複,內容裡不要出現兩個一模一樣的標題,否則讀者與搜尋引擎都難以分辨段落差異。長度上建議 H1 控制在 30 字以內,H2、H3 也盡量精簡,把最關鍵的資訊放前面。

在 WordPress 裡,標題層級到底該怎麼設

在 WordPress 寫文章時,最上方那個「標題」欄位輸入的文字,佈景主題會自動套用成 H1,所以正文裡的標題區塊請一律從 H2 開始,不要再手動放第二個 H1。這是 WordPress 使用者最常踩的一個坑:在內文又插了一個 H1,結果一個頁面出現兩個 H1,主題反而被稀釋。

實際操作上,區塊編輯器(Gutenberg)的做法是:點「+」新增「標題」區塊,預設就是 H2;如果這一段底下還有小節,再插一個標題區塊,用工具列把它切成 H3。需要的話可以一路往下切到 H4,但多數文章用到 H3 就夠了。

WordPress 環境裡還有幾個容易破壞層級結構的地雷要特別檢查:

  • 內容目錄外掛:部分目錄外掛會自行產生標題標籤,或打亂既有的層級。設定時應讓它只抓取 H2、H3 來生成目錄,不要讓它自己輸出任何 H 標籤。
  • 佈景主題的側欄與頁尾:有些主題會在側欄小工具、頁尾、或頁首區塊塞入順序不對的標題標籤(例如先出現 H4 再出現 H2)。搜尋引擎與螢幕閱讀器看的是整個頁面,不只是內文區,所以這些區塊的標題也要顧到。
  • 頁面建構器與排版區塊:用視覺化建構器拉版面時,很容易為了字級大小隨手選了不對的標題層級,發佈前要回頭確認位階是否正確。

最方便的自查工具,是區塊編輯器左上角的「文件大綱」(document overview)。點開它會列出整篇的標題結構,如果你的層級排得好,這份大綱看起來就是一份乾淨、逐級縮排的目錄;若出現跳級或多重 H1,這裡會一眼看得出來。發佈前掃一遍這份大綱,等於用最低成本做完結構檢查。

規劃一篇文章結構的實際步驟

把前面的觀念落到實作,規劃一篇文章的標題層級可以照四步走,先有骨架再填肉,比邊寫邊想標題穩定得多。

第一步、確認搜尋意圖與主關鍵字。先想清楚目標讀者搜這個詞時想得到什麼,據此定出一個主關鍵字,這個詞會放進 H1。

第二步、寫出 H1 並列出 3 到 5 個 H2。H1 概括全篇主題,每個 H2 對應一個讀者會問的問題或一個必須涵蓋的面向。判斷 H2 夠不夠好的方法,是只看這幾個 H2 能不能拼出文章的完整輪廓。

第三步、在各 H2 底下安置 H3 與要點。把每個 H2 拆成 1 到 3 個 H3,列出該小節要交代的論點或步驟。沒有細分需求的 H2 就不必硬加 H3。

第四步、發佈前檢查層級與可讀性。確認整篇只有一個 H1、沒有跳級、每個標題都有明確主詞、關鍵字自然不堆砌,最後用文件大綱或原始碼掃一遍標籤是否正確。

舉個例子,以「WordPress 外掛安裝」為主題,骨架可以長這樣:

H1 WordPress 外掛安裝教學
H2 安裝外掛前要確認什麼
└ H3 版本相容性怎麼看
└ H3 來源安全怎麼判斷
H2 三種安裝外掛的方式
└ H3 後台搜尋安裝
└ H3 上傳 zip 安裝
└ H3 FTP 手動安裝

只看這份大綱,就能看出整篇的走向與每一段要講什麼——這正是標題層級結構做到位的樣子。

把標題當成內容的骨架,而不是字級的開關,文章的結構自然會清楚起來。記住三件事就能避開九成的問題:整篇只放一個 H1、層級逐級不跳、每個標題單獨抽出來看都讀得懂。WordPress 使用者再多顧一條——正文從 H2 開始,發佈前用文件大綱掃一次層級。下次動筆前,先花十分鐘把 H1 到 H3 的骨架排好,再開始填內容,你會發現寫起來更順,搜尋引擎也更容易讀懂你想表達什麼。

相關文章
標籤: 標題層級結構, H1 H2 H3, WordPress 排版, SEO 內容架構, 文件大綱