標題標籤（Heading Tags）是 HTML 裡用來標示「段落標題」的一組標籤，從 h1 到 h6 共六層，數字越小代表層級越高、越重要。它的工作是把一頁網頁的內容，整理成有大標、有小標的清楚架構。
這組標籤的重點不是「讓字變大」，而是「標示內容的結構」，管的是層級，不是字級。
重點速覽
- 標題標籤（h1–h6）是替內容畫目錄的語意標記，不是用來調整文字大小的工具，那是 CSS 的工作。
- Google 的 John Mueller 說過一頁放幾個 h1 都行，沒有上限也沒有下限，但維持一個主要 h1 仍是比較清楚的做法。
- 標題順序主要是為了無障礙與可讀性，不是直接的排名魔法。
標題標籤是什麼？
標題標籤指的是 HTML 裡的 h1、h2、h3、h4、h5、h6 這六個標籤。根據 MDN Web Docs 的定義，它們代表六個層級的「章節標題」，h1 層級最高、h6 最低，數字越大、層級越低。
這裡要先和一個容易混淆的詞分清楚：本文說的標題標籤，是放在內文、用來分段落的 h1 到 h6；它和放在 head 裡、決定搜尋結果那條藍色大標的 Title Tag（也常被譯成「標題標籤」）並不一樣，別搞混了。
這組標籤的重點不是「讓字變大」，而是「標示內容的結構」。當你用 h1 標出整頁的主標題、用 h2 標出各大段落、再用 h3 標出段落底下的小節，等於替整篇文章畫了一張目錄。
這張目錄有兩個讀者。一個是螢幕報讀器等輔助科技，視障使用者可以靠標題在頁面裡快速跳轉、找到想看的段落；另一個是 Google 這類搜尋引擎，標題能幫它理解「這頁在講什麼、哪一段是重點」。
用白話文怎麼說？
你可以把標題標籤想成一本書的「目錄階層」。h1 是書名，整本書通常只有一個，告訴你這本書的主題；h2 是每一章的章名，h3 是章底下的小節，h4 以下則是更細的層次。你不會把「第三章的小節」排得比「書名」還大，因為那會讓人搞不清楚誰大誰小。
你可以這樣記：標題標籤管的是「層級」，不是「字級」。字要多大、什麼顏色，那是 CSS 的工作；標題標籤負責的是「這段在整篇文章裡，是第幾層的重點」。
只要層級分得清楚，不管是人、報讀器，還是搜尋引擎，都能一眼看懂你這頁的骨架。
標題標籤實際上要做什麼？
實務上使用標題標籤，可以照這幾個原則：
- 每頁一個主標題：用一個 h1 點出整頁主題，通常就是文章標題，並自然帶到主要關鍵字。
- 照順序往下分：大段落用 h2，h2 底下的小節用 h3，盡量不要跳級（例如從 h1 直接跳到 h4）。
- 標題要對得上內容：每個標題都該誠實摘要那一段，讓人光看標題就知道下面在講什麼。
- 自然放關鍵字，不硬塞：在合適的標題帶到使用者會搜的詞，但別把同一個詞重複塞滿每個標題。
- 不要拿標題來排版：想讓某行字變大，請用 CSS 的 font-size，不要為了視覺效果亂用 h3、h5。
舉個例子，一篇「新手健身菜單」的文章，骨架可能長這樣：h1 是「新手健身菜單」，底下用 h2 分成「暖身」「訓練動作」「收操」；而「訓練動作」這個 h2 底下，再用 h3 拆成「胸」「背」「腿」。這樣的層級一攤開，就是一張清楚的目錄。
關於標題標籤的常見迷思
迷思一：一頁只能有一個 H1，多了會被懲罰
不會。Google 的 John Mueller 公開說過，一頁要放幾個 h1 都行，「沒有上限，也沒有下限」，網站用零個或五個 h1 都能正常排名。不過，每頁維持一個主要 h1 仍是比較清楚的做法，對讀者和報讀器都更友善。
迷思二：標題順序排對，排名就會變好
沒這麼直接。Google 的 Gary Illyes 說過，把標題依語意順序排好，主要是為了「無障礙」，對排名沒有顯著影響。換句話說，照順序排是好習慣，能幫搜尋引擎和輔助科技理解內容，但別期待「把 H 標籤排整齊」就能直接衝排名。
迷思三：標題標籤是用來把字變大的
不是。MDN 明確建議，不要用標題標籤來調整文字大小，那是 CSS 的工作。標題標籤是「語意標記」，講的是內容層級；如果只是想讓某行字大一點卻套上 h2，反而會弄亂頁面結構，害報讀器誤判。
迷思四：每個標題都塞滿關鍵字，SEO 就會更好
不會，反而可能扣分。標題的首要任務是準確描述內容。硬把關鍵字塞進每一個標題，讀起來生硬、像在堆關鍵字，對使用者和搜尋引擎都不是加分項。自然、貼題最重要。
總結
如果只記一句話：標題標籤（h1 到 h6）是替網頁內容畫目錄的工具，管的是「層級」，不是「字的大小」。
新手可以記住三件事。
- 第一，用一個 h1 點出主題，再用 h2、h3 由大到小往下分，盡量不跳級。
- 第二，標題要誠實對應內容、自然帶關鍵字，別硬塞也別拿來排版。
- 第三，標題順序主要是為了無障礙與可讀性，不是直接的排名魔法，但清楚的結構會讓人、報讀器和 AI 都更容易讀懂你。
參考資料
- MDN Web Docs — h1–h6: The HTML Section Heading elements
- W3C WAI — H42: Using h1-h6 to identify headings
- Google Search Central — SEO Starter Guide（使用標題與內容結構）
- Search Engine Journal — Google: H1 Headings Are Useful But Not Critical
- Search Engine Land — If Google says H1s don’t matter for rankings, why should you use them?
- 白話文商學院 — SEO 是什麼？SEO 自學懶人包及 AI SEO 技巧
