16
8 月
第 19 章：Header 標籤（H1-H6）優化策略
第 19 章：Header 標籤（H1-H6）優化策略
什麼是 Header 標籤？
Header 標籤（H1-H6） 是 HTML 中用來定義標題層級的標記，從最重要的 H1 到最次要的 H6，共六個層級。它們為頁面提供清晰的內容結構，就像一本書的章節標題。
<h1>頁面主標題（最重要，每頁只有一個）</h1>
<h2>主要章節</h2>
<h3>子章節</h3>
<h4>更細的子章節</h4>
<h5>補充說明</h5>
<h6>最細的補充（很少使用）</h6>
Header 標籤的雙重價值
| 對象 | 價值 |
|---|---|
| 使用者 | 快速掃描頁面結構，找到感興趣的段落 |
| 搜尋引擎 | 理解頁面內容的層級關係和主題重點 |
Google 的 John Mueller 曾說：「Header 標籤幫助我們理解頁面的結構和主題。它們是理解內容的強信號，但不是排名魔術。」
H1 標籤：頁面的靈魂標題
H1 的基本規則
| 規則 | 說明 |
|---|---|
| 每頁只有一個 H1 | HTML5 允許每個 <section> 有一個 H1，但最佳實踐仍建議每頁一個 H1 |
| 包含主要關鍵字 | H1 應該包含該頁面最重要的目標關鍵字 |
| 與 Title Tag 協同 | H1 與 Title Tag 相關但不必完全一致（見第 17 章） |
| 放在內容最前面 | H1 應該是頁面正文的第一個標題 |
H1 vs Title Tag：功能定位
| Title Tag | H1 | |
|---|---|---|
| 顯示位置 | SERP 搜尋結果 | 頁面頂部 |
| 主要讀者 | 搜尋結果瀏覽者 | 頁面訪客 |
| 關鍵字策略 | 更精煉、更有吸引力 | 更描述性、更完整 |
| 長度建議 | 50-60 字元 | 20-70 字元（中文約 10-35 字） |
H1 優化實戰範例
| 頁面類型 | ⭕ 好的 H1 | ❌ 差的 H1 |
|---|---|---|
| 教學文章 | 2024 年 SEO 完整教學：從入門到第一頁排名 |
SEO |
| 產品頁 | 皇家 S 系列小型犬專用飼料（2kg） |
產品頁面 |
| 關於我們 | 關於 PetHome — 你的寵物健康夥伴 |
關於 |
常見 H1 錯誤
- 沒有 H1：頁面缺少主標題，Google 無法快速理解核心主題
- 多個 H1：在一個頁面使用多個 H1 標籤，分散語意焦點
- H1 只有圖片：使用
<img>作為 H1 的內容，Google 無法讀取 - H1 藏在 Logo 中：這是許多網站常見的錯誤
- H1 與內容無關：H1 誇大或誤導使用者
H2-H6：建立清晰的內容層級
正確的標題層級結構
H1: 頁面主標題
├── H2: 第一大主題
│ ├── H3: 子主題 A
│ │ ├── H4: 細節 a
│ │ └── H4: 細節 b
│ └── H3: 子主題 B
├── H2: 第二大主題
│ ├── H3: 子主題 C
│ └── H3: 子主題 D
└── H2: 結論
標題層級四大紀律
紀律 1：不要跳級
| ⭕ 正確 | ❌ 錯誤 |
|---|---|
| H1 → H2 → H3 → H4 | H1 → H3 → H2（層級混亂） |
跳過層級會讓 Google 難以理解內容的主從關係。
紀律 2：自然融入關鍵字
在 H2 和 H3 中自然地使用相關關鍵字，但不要強行堆砌：
| ⭕ 好 | ❌ 差 |
|---|---|
## 狗飼料的四大選購原則 |
## 狗飼料推薦狗飼料品牌狗飼料評價 |
## 幼犬飼料與成犬飼料的差異 |
## 狗飼料優惠狗飼料促銷狗飼料 |
紀律 3：保持簡潔有力
| 標籤 | 建議長度 |
|---|---|
| H2 | 5-15 個中文字 |
| H3 | 5-12 個中文字 |
| H4-H6 | 5-10 個中文字 |
標題是「路標」，不是「說明書」。要讓使用者在 2 秒內理解這個段落講什麼。
紀律 4：標題要有資訊量
| ⭕ 有資訊量的標題 | ❌ 空洞的標題 |
|---|---|
## 為什麼無穀飼料更適合腸胃敏感犬？ |
## 介紹 |
## 三個步驟快速判斷飼料品質 |
## 第一步 |
使用 Header 標籤優化 Featured Snippet
Header 標籤是獲取 Featured Snippet（精選摘要）的重要信號。Google 經常從結構良好的內容中擷取 H2/H3 作為 Featured Snippet 的來源。
Featured Snippet 優化技巧
- 用 H2/H3 提問：將常見問題作為 H2 或 H3
- 緊接著給出簡潔答案：在標題後 1-2 句內給出直接答案（40-60 字）
- 使用列表或步驟：在 H2 後使用有序/無序列表更容易被擷取
- 配合 FAQ Schema：在結構化數據中重複 H2 的問答結構
範例結構：
<h2>狗飼料應該多久換一次？</h2>
<p>一般建議每 3-6 個月逐步調整一次狗飼料品牌或配方。過於頻繁的更換可能導致腸胃不適。</p>
<ul>
<li>第 1-3 天：混合 25% 新飼料 + 75% 舊飼料</li>
<li>第 4-6 天：混合 50% 新飼料 + 50% 舊飼料</li>
<li>第 7-9 天：混合 75% 新飼料 + 25% 舊飼料</li>
<li>第 10 天起：100% 新飼料</li>
</ul>
Header 標籤與無障礙設計（Accessibility）
良好的 Header 結構不僅對 SEO 有利，對使用螢幕閱讀器的視覺障礙使用者同樣重要：
- 螢幕閱讀器可以通過 Header 標籤快速跳轉頁面內容
- 清晰的層級結構讓所有使用者都能快速理解頁面組織
- 符合 WCAG 2.1 無障礙標準的 Header 結構也是 Google 評估頁面品質的信號之一
Header 標籤優化檢查清單
- [ ] 每個頁面只有一個 H1
- [ ] H1 包含頁面的主要目標關鍵字
- [ ] H1 與 Title Tag 相關但不完全相同
- [ ] H2-H6 形成清晰的層級結構（不跳級）
- [ ] 每個 H2/H3 都自然地融入相關關鍵字
- [ ] 標題簡潔有力，有資訊量
- [ ] H2/H3 的問題型標題後緊接著簡潔的答案（Featured Snippet 優化）
- [ ] 標題層級結構支援無障礙設計（WCAG）
- [ ] 在行動裝置上，標題不會過長導致換行混亂
重點回顧
- H1 = 頁面的靈魂標題，每頁只有一個，包含主要關鍵字
- H2-H6 建立內容層級，幫助使用者和搜尋引擎理解頁面結構
- 不要跳級（H1 → H3），保持層級連貫
- 標題要有資訊量和關鍵字，但不要堆砌
- 用 H2/H3 提問 + 簡答的結構來爭取 Featured Snippet
- Header 標籤優化 = SEO + 使用者體驗 + 無障礙設計的完美交集
| ← 第 18 章：Meta Description 全攻略 | 回索引 | 第 20 章：URL 結構優化完整指南 → |
延伸閱讀：網站 SEO 學習與操作手冊
0 comments