第一次按下「新增文章」,畫面是一片空白,你把文字打進去、調大字級、套個粗體,看起來好像也有模有樣。但發布之後排名一直上不來,讀者滑兩下就離開,問題往往不是內容不好,而是 WordPress 標題層級從頭就沒用對。
標題層級不是視覺裝飾,而是一篇文章的骨架。它同時告訴三種對象「這篇在講什麼、段落怎麼分」:用眼睛掃描的讀者、用螢幕閱讀器的使用者,以及讀不懂版面只讀 HTML 的 Google 爬蟲。骨架歪了,三邊都會誤解你的內容。
這篇會把入門階段最該搞懂的幾件事講清楚:H2、H3 各自負責什麼、為什麼內文不能再出現 H1、什麼時候該開新標題、什麼時候改用清單或引用就好,以及怎麼在區塊編輯器裡檢查自己的標題結構有沒有歪掉。
WordPress 標題層級到底是什麼
標題層級就是 HTML 裡的 H1 到 H6 這六個標題標籤,數字越小代表層級越高、範圍越大。H1 是整篇文章的主題,H2 是主要段落,H3 是 H2 底下的細分,依此類推到 H6。
在區塊編輯器裡,你不會直接打 <h2> 這種程式碼。把游標停在一個段落,選「標題」區塊,再從工具列把它指定成 H2、H3 或其他層級,WordPress 就會在背後自動包上對應的標籤。換句話說,介面上看到的「字變大」只是結果,真正被存進資料庫、被 Google 讀取的是那個標籤本身。
這也是新手最常踩的第一個坑:用段落區塊把文字放大、加粗,當成標題。看起來一樣大,但 HTML 裡它仍然只是一段普通文字,搜尋引擎和螢幕閱讀器完全不會把它當標題。要建立結構,一定得用標題區塊,不能靠調字級假裝。
下面這張圖示意了一篇文章的標題層級長什麼樣子:
由主題自動產生
H3 細分
為什麼內文不能再出現第二個 H1
一篇網頁最多只該有一個 H1,而那個 H1 已經被你的文章標題用掉了。大多數 WordPress 佈景主題會自動把你在標題欄位輸入的文字渲染成 H1,所以你在正文裡完全不需要、也不該再插入任何 H1。
H1 對 Google 來說等於「這頁的主題是什麼」的最強訊號。如果一頁出現兩個 H1,等於同時宣稱兩個主題,搜尋引擎判斷頁面重點時就會被干擾。Google 在搜尋結果頁顯示的標題,多數時候也是以 H1 為基準,重複的 H1 只會稀釋它的份量。
所以入門階段記住一條規則就好:正文一律從 H2 開始。你打開區塊編輯器、新增第一個標題區塊時,預設給的也通常是 H2,這不是巧合,而是編輯器替你把第一層留給了文章標題。
需要補充一點:HTML5 之後,技術上若用 <section> 把頁面切成不同區塊,多個 H1 不一定都算錯,Google 也聲明過它有能力分辨。但這屬於進階情境,對寫文章的人沒有實質好處,入門就守「一頁一個 H1、正文從 H2 起跳」最安全。
H2 與 H3 各自負責什麼
H2 是整篇文章的主力標題,負責切出主要段落、撐起文章骨幹。一篇兩千字左右的文章,光靠 H2 加上內文,就已經是合格的結構了。寫文章時先想清楚要分成哪幾個主要段落,這幾段就是你的 H2。
H3 是 H2 底下的細分,用在「某個 H2 段落內容太長、底下還能再拆成幾個小主題」的時候。舉個具體例子:H2 是「冷氣的種類」,底下可以用 H3 拆成「窗型冷氣」「分離式冷氣」「移動式冷氣」三個小節。H3 永遠依附在某個 H2 之下,不會單獨存在。
什麼時候文章需要動用 H3?一個實用的判斷是看篇幅。文章在兩千到五千字、單一 H2 段落底下已經出現好幾個明顯可以再分組的小主題時,就該把它們升級成 H3,讓讀者掃描時一眼看出層次。如果一個 H2 底下只有兩三段平鋪直敘的內容,硬切 H3 反而把結構弄得更碎。
至於 H4 到 H6,寫部落格文章幾乎用不到。H4 比較常出現在側邊欄小工具或頁尾,H5、H6 在一般文章頁的出場率極低。入門階段把 H2 跟 H3 兩層用好,結構就夠清楚了,切太細不會加分,只會讓讀者更難讀。
H2 與 H3 的標題要寫得有主詞
不管是 H2 還是 H3,標題本身要能獨立看懂。導覽列、文章目錄、Google 搜尋結果裡的站內連結,常常會單獨把某個 H3 抓出來顯示,這時候一個寫成「三大種類」的標題,讀者根本不知道是什麼的三大種類。
寫標題時把它想成「抓出來貼給朋友看,他看不看得懂」。寫「種類」「比較」「設定步驟」這種缺主詞的標題就要補完整,改成「冷氣有哪些種類」「三種冷媒的差異比較」「外掛的安裝步驟」。標題有了明確的主詞和受詞,對讀者、對搜尋引擎都更有價值。
標題層級為什麼不能跳級
標題層級要逐層展開:H1 之後接 H2,H2 之後才接 H3,不能從 H2 直接跳到 H4。跳級會讓 HTML 的語意結構斷掉,影響的不只是 SEO,還有無障礙閱讀。
從搜尋引擎的角度看,Google 靠讀取標題標籤來理解一篇文章的層次與主從關係。層級連續,爬蟲就能畫出一張清楚的內容地圖,知道哪一段是主、哪一段是從;層級跳掉,這張地圖就出現斷層,降低 Google 對頁面語意的理解度,連帶影響收錄與排名。
從無障礙的角度看,問題更實際。使用螢幕閱讀器的使用者,常用「跳到下一個標題」的方式快速瀏覽整頁,標題層級就是他們的導航地圖。如果你的層級從 H2 跳到 H4,閱讀器會以為中間漏了一層,使用者會誤判結構,找不到內容的脈絡。
所以調整標題時別只看視覺。有人因為覺得 H3 的字「太小不好看」,就直接跳用 H4 或 H5 的樣式——這是把外觀和層級搞混了。外觀想改,該動的是 CSS,不是去借用別層的標籤。層級的順序必須照 H2、H3、H4 一路往下,不能為了字級大小而亂跳。
清單區塊什麼時候用、有序和無序怎麼分
當你發現某一段內容其實是在「列出一串項目」,就該把它從段落改成清單區塊,而不是用逗號或換行硬擠在一段裡。條列呈現讓讀者的眼睛有落點,掃描速度快很多,閱讀體驗明顯比一大段文字舒服。
清單分兩種,差別在於項目之間有沒有順序:
- 無序清單:項目前面是黑點,用在彼此地位相等、誰先誰後都不影響的並列項目。例如列出一台冷氣的幾項功能、一個外掛的幾個優點。
- 有序清單:項目前面是數字,用在有明確先後或步驟的內容。例如安裝流程的第一步、第二步,或是依重要程度排序的清單。
在區塊編輯器裡有個方便的小訣竅:直接在段落開頭打「1.」再加空白,編輯器會自動把它轉成有序清單區塊;打「-」加空白則會轉成無序清單。寫教學步驟時記得選有序清單,讀者才知道這幾件事是要照順序做的,這個語意差別螢幕閱讀器同樣讀得出來。
要提醒的是,清單是用來「條列項目」,不是用來「分段」。如果你只是想把一大段文字拆短、讓版面透氣,那該做的是把段落區塊適度斷開,而不是把每句話都加上黑點變成清單——那會讓清單失去「這是一組並列項目」的意義。
引用區塊用對的時機
引用區塊(Quote)是專門用來標示「引述的話」,最典型的用途是把別人說過的一段話、書裡的一段文字,或某個權威來源的原句獨立呈現出來。它在視覺上通常會縮排、加上一條側邊線,讓讀者一眼看出這段不是你自己的論述,而是被引用的內容。
入門最常見的誤用,是把引用區塊當成「強調框」在用。看到某句話想特別突出,就隨手套個引用樣式,結果那句話明明是作者自己寫的,卻被標成像是從別處引述來的。這會誤導讀者,語意上也不準確。
判斷方式很單純:這段文字是不是「在轉述別人說的話或別處寫的內容」?是,就用引用區塊;只是自己想強調的一句重點,那用粗體,或考慮用其他凸顯內容的區塊,而不是引用。把引用區塊留給真正的引述,它才能維持自己的意義。
怎麼檢查自己的標題結構有沒有歪掉
寫完別急著發布,先花十秒檢查標題結構。區塊編輯器內建一個「清單檢視」(List View,也叫文件概覽),點開後會把整篇文章的所有區塊依層級列出來,標題的 H2、H3 縮排關係一目了然。順著這個清單由上往下看,就能立刻發現有沒有跳級、有沒有哪個 H3 其實沒掛在任何 H2 底下。
另一個常見做法是裝一個文章目錄外掛。目錄外掛會依照你的標題層級自動產生整篇的目錄,如果結構是亂的,產出來的目錄就會歪七扭八,反過來幫你抓出問題。順帶一提,正確的標題結構也是目錄外掛能正常運作的前提,這兩件事是相輔相成的。
檢查時把握三個重點:整篇只有一個 H1(你的文章標題,正文不該再有);正文從 H2 開始;H2 到 H3 的層級沒有跳號。這三點都過,你的文章骨架就站得穩。
把標題結構當成寫文章的第一步
標題層級不是寫完文章再來補的裝飾,而是動筆前就該想好的骨架。先決定這篇要分成哪幾個 H2,再看每個 H2 底下要不要拆 H3,內文順著這個結構填,寫出來的文章自然層次分明,Google 和讀者都讀得懂。
把這幾條入門規則內化成習慣:正文從 H2 起跳、層級不跳號、標題寫得有主詞、列項目用清單、引述才用引用、發布前用清單檢視掃一遍。下次新增文章時,先別急著打字,花一分鐘把 H2 的骨架列出來,你會發現整篇文章寫起來更順,排版也不再是事後補救的麻煩事。