H1 標題是什麼?和 Title Tag 有什麼不同?
H1 標題是網頁上最主要、可見的主標題,通常用來代表這一頁的核心主題;Title Tag 則主要出現在搜尋結果與瀏覽器分頁。
做 SEO 時,H1 標題的工作是讓使用者一進頁面就知道自己看的是什麼內容,也讓搜尋引擎更容易判斷頁面主題。Title Tag 則更像是搜尋結果上的入口文案,會影響使用者是否願意點進來。兩者應該方向一致,但不必逐字相同。
H1、Title Tag、文章標題的差異
| 項目 | 顯示位置 | 主要用途 |
|---|---|---|
| H1 標題 | 網頁內容中可見的主標題 | 標示頁面核心主題,支援內容結構與閱讀判斷 |
| Title Tag | 搜尋結果、瀏覽器分頁、社群預覽可能使用 | 提供搜尋結果標題訊號,影響點擊理解 |
| 文章標題 | CMS 後台或文章列表中的標題欄位 | 常被系統拿來產生 H1 或 Title,但實際輸出要另外檢查 |
很多網站的問題不在於不懂 HTML,而是後台欄位、版型輸出和 SEO 外掛設定混在一起。Kevin Lin 會建議先看網頁原始輸出,不要只看後台填了什麼。
H1 一定要跟 Title 一樣嗎?
H1 不一定要跟 Title Tag 完全一樣,但兩者要描述同一個主題。H1 可以比較自然、貼近頁面內容;Title Tag 可以因應搜尋結果加入品牌、年份或點擊誘因。
| 情境 | Title Tag | H1 標題 | 判斷 |
|---|---|---|---|
| 正確 | H1 標題怎麼寫?H 標籤結構與 SEO 檢查指南|9iseo | H1 標題怎麼寫?從 H1 到 H6 的正確結構 | 主題一致,Title 多了品牌與搜尋語境 |
| 錯誤 | SEO 標題完整教學 | 如何設計網站首頁 Banner | 承諾不同,使用者與搜尋引擎都容易混淆 |
H1、H2、H3 到 H6 的角色怎麼分?
H1 到 H6 是 HTML 標題階層:H1 代表頁面主題,H2 代表主要章節,H3 補充章節細節,H4 到 H6 只在內容層級夠深時使用。
| 標籤 | 角色 | 常見用法 |
|---|---|---|
| H1 | 頁面主題 | 一頁最核心的主標題 |
| H2 | 主要章節 | 回答使用者的主要子問題 |
| H3 | 章節細節 | 拆解案例、條件、步驟、例外 |
| H4 | 更細的分層 | 長篇指南、規格比較、技術文件中的小節 |
| H5、H6 | 深層補充 | 少數大型文件或複雜說明才需要 |
H1 是主題,H2 是章節,H3 是細節
可以把 H 標籤結構想成一本書的目錄。H1 是書名,H2 是章名,H3 是章節裡的小段落。這個比喻不需要延伸太多,重點是從屬關係要清楚。
例如一篇談 H1 標題的文章,H1 可以是「H1 標題怎麼寫?從 H1 到 H6 的正確結構」。H2 可以是「H1 對 SEO 還重要嗎?」H3 則可以拆成「H1 幫助搜尋引擎理解頁面主題」與「H2/H3 幫助段落被理解與擷取」。這樣的結構比把所有小節都做成 H2 更容易掃讀。
H4、H5、H6 什麼時候才需要?
多數 SEO 文章只需要到 H3 或 H4。當 H3 底下還有明確分組,而且每組都有獨立說明價值,才需要使用 H4。H5、H6 通常出現在技術文件、法規頁、產品規格文件,普通內容頁很少需要。
- 需要 H4:H3 是「產品頁 H1 寫法」,底下再分「品牌型產品」、「型號型產品」、「組合型產品」。
- 不需要 H4:只是為了讓文字變大或多一個視覺標題。
- 需要重新整理:一篇文章大量出現 H5、H6,通常代表章節拆分或版面設計需要調整。
正確的 H1 到 H6 結構應該怎麼規劃?
正確的 H 標籤規劃要先確認 H1 主題,再拆出 H2 子問題,最後用 H3 補案例、條件與例外,並避免標題層級跳來跳去。
標題結構不是排版裝飾,而是內容架構。我的判斷是:如果一篇文章的 H2 拿出來看不像目錄,通常代表內容規劃還不夠清楚。
先寫 H1,再拆 H2,最後補 H3
- 先寫 H1:用一句話說清楚這頁要解決什麼主問題。
- 再拆 H2:把使用者會問的主要子問題排成章節。
- 最後補 H3:補上判斷條件、錯誤案例、工具流程與例外情境。
| 層級 | 問題類型 | 範例 |
|---|---|---|
| H1 | 主問題 | H1 標題怎麼寫? |
| H2 | 子問題 | H1 對 SEO 還重要嗎? |
| H3 | 補充問題 | H2/H3 可以放長尾關鍵字嗎? |
不建議從 H2 跳到 H4
標題層級最好依序展開。從 H2 直接跳到 H4,會讓 HTML 語意變得不連續,也可能讓使用螢幕閱讀器的使用者較難理解頁面結構。
| 錯誤寫法 | 建議寫法 | 原因 |
|---|---|---|
| H2:檢查 H1 H4:用 Chrome 檢查元素 |
H2:檢查 H1 H3:用 Chrome 檢查元素 |
H3 才是 H2 底下的下一層細節 |
長內容更需要清楚的 H2/H3
長文章如果沒有清楚的 H2/H3,使用者會很難判斷自己要不要繼續讀。好的標題結構可以降低掃讀成本,也讓每個段落更容易被理解、引用或擷取。
尤其是教學型內容,H2 應該回答主要任務,H3 負責補上操作細節。若只是連續堆段落,內容再完整也會顯得難用。
H1 對 SEO 還重要嗎?2026 年該怎麼看?
H1 對 SEO 仍然重要,但不該被說成排名保證。它有助於主題理解、內容結構、使用者判斷與頁面可讀性。
2026 年的 SEO 不能只看單一標籤。Google 能透過內容、連結、版面、使用者行為訊號與整體語意理解頁面,但 H1 仍是很乾淨、很低成本的主題訊號。能做好就不該放著亂。
H1 幫助搜尋引擎理解頁面主題
搜尋引擎不只靠 H1 判斷排名,但 H1 可以協助它理解頁面主題。當 H1、Title Tag、前言、H2 與內文都指向同一個搜尋意圖,頁面訊號會更一致。
例如 H1 寫「H1 標題怎麼寫」,內文卻大半在談網站速度優化,主題就會偏掉。這種問題不是靠多塞幾個關鍵字能補回來。
H2/H3 幫助段落被理解與擷取
- H2 可以讓搜尋引擎和使用者快速理解段落主題。
- H3 可以把條件、案例、步驟、錯誤修正拆得更清楚。
- AI 搜尋與可擷取段落更偏好結構清楚、答案直接、上下文完整的內容。
- 這不代表一定會取得 AI Overview 或精選摘要,只代表內容更容易被判讀與引用。
H 標籤也影響無障礙體驗
螢幕閱讀器可以依照標題階層瀏覽頁面。若 H 標籤結構混亂,使用者可能無法快速掌握內容段落。SEO 團隊和前端協作時,這一點常被忽略,但它其實和可讀性、可及性都直接相關。
H1 標題怎麼寫才算好?
好的 H1 標題要清楚、可見、自然包含主題,符合搜尋意圖,並和 Title Tag、H2 章節保持一致。
判斷 H1 品質時,不要只問有沒有關鍵字,也要問使用者看到後能不能立刻知道這頁會交付什麼答案。
好的 H1 要包含主題,但不能堆關鍵字
| 錯誤寫法 | 建議寫法 | 原因 |
|---|---|---|
| H1標題 H1標籤 H1 SEO H標籤教學 | H1 標題怎麼寫?從 H1 到 H6 的正確結構 | 自然包含主題,也能說清楚內容範圍 |
| SEO 教學大全 | H1 標題與 H 標籤結構完整指南 | 主題更精準,避免範圍過大 |
H1 建議簡潔,通常控制在 50 字內
H1 沒有硬性字數限制,但實務上建議簡潔,通常控制在 50 字內會比較好讀。太長的 H1 容易像段落,行動裝置上也可能讓首屏資訊變得混亂。
比較好的做法是把主題放在 H1,把補充條件交給前言或 H2。例如「H1 標題怎麼寫?從 H1 到 H6 的正確結構」就比把所有適用頁型、工具和 FAQ 都塞進 H1 更乾淨。
H1 要符合搜尋意圖
| 搜尋意圖 | 較弱的 H1 | 較好的 H1 |
|---|---|---|
| 資訊型 | H1 介紹 | H1 標題是什麼?和 Title Tag 有什麼不同? |
| 商業型 | 最強 SEO 服務 | 台北 SEO 顧問服務,網站健檢、內容規劃與排名改善 |
| 產品型 | 限時優惠中 | 品牌 型號 產品名稱,規格、價格與適用情境 |
不同頁型的 H1 要怎麼寫?
不同頁型的 H1 寫法應該不同。文章頁重點是問題與答案,服務頁重點是服務與對象,產品頁重點是品名,分類頁重點是品類,首頁重點是品牌定位。
文章頁 H1 寫法
| 錯誤寫法 | 建議寫法 | 原因 |
|---|---|---|
| SEO 必看 | H1 標題怎麼寫?H 標籤結構與 SEO 檢查指南 | 明確指出主題、範圍與使用者任務 |
服務頁 H1 寫法
| 錯誤寫法 | 建議寫法 | 原因 |
|---|---|---|
| 專業服務,歡迎洽詢 | 台灣 SEO 顧問服務,協助內容規劃與自然搜尋成長 | 說清楚服務、地區與主要價值 |
產品頁與分類頁 H1 寫法
| 頁型 | 錯誤寫法 | 建議寫法 | 原因 |
|---|---|---|---|
| 產品頁 | 年度熱銷,限時折扣 | 品牌 型號 無線耳機,降噪功能與規格介紹 | 產品頁 H1 應以品名、型號或核心規格為主 |
| 分類頁 | 精選好物推薦 | 無線耳機推薦,降噪、運動與通勤款式比較 | 分類頁 H1 應清楚標示品類與篩選方向 |
首頁 H1 寫法
| 錯誤寫法 | 建議寫法 | 原因 |
|---|---|---|
| 歡迎來到我們的網站 | 9iseo,台灣 SEO 內容與搜尋成長顧問 | 首頁 H1 應傳達品牌與核心定位,不必硬塞所有服務關鍵字 |
常見 H 標籤錯誤與修正案例
常見 H 標籤錯誤包含一頁太多 H1、把 H 標籤當字體大小工具、H1 與內文主題不一致。修正重點是讓主題唯一、階層清楚、樣式交給 CSS。
一頁放太多 H1
現代 HTML 技術上可以出現多個 H1,Google 也不會因為多一個 H1 就必然懲罰網站。但實務上,一頁一個清楚 H1 通常更穩、更好管理,也更容易讓編輯、前端與 SEO 團隊對齊。
| 錯誤寫法 | 建議寫法 | 原因 |
|---|---|---|
| Logo 是 H1,文章標題也是 H1,側欄標題也是 H1 | 文章標題保留 H1,Logo 用一般連結或適當標記,側欄用 H2 或非標題元素 | 讓頁面主題集中,降低結構雜訊 |
為了字體大小亂用 H 標籤
| 錯誤寫法 | 建議寫法 | 原因 |
|---|---|---|
| 想讓字變大就用 H1,想讓字變小就用 H5 | 用 H 標籤表達內容階層,用 CSS 控制字體大小 | HTML 標題負責語意,視覺樣式不應破壞結構 |
H1 與內文主題不一致
| 標題承諾 | 內文實際內容 | 修正方向 |
|---|---|---|
| H1:H1 標題怎麼寫? | 大多在講 Meta Description 和網站速度 | 把內文拉回 H 標籤結構,或改寫 H1 讓主題一致 |
| H1:產品頁 SEO 完整指南 | 只介紹產品照片拍攝 | 改成產品圖片優化主題,避免意圖錯配 |
怎麼檢查自己的 H1 和 H 標籤結構?
檢查 H1 和 H 標籤結構可以用三種方法:Chrome 檢查元素看原始 HTML、SEO 外掛快速瀏覽 H1/H2、大型網站用爬蟲工具批次檢查。
用 Chrome 檢查元素確認 H1
- 打開要檢查的網頁,在主標題上按右鍵。
- 選擇「檢查」或「檢查元素」。
- 確認該文字是否被包在
<h1>標籤中,並檢查頁面是否還有其他 H1。
這是最低門檻,也最能避免後台設定和前台輸出不一致的誤判。
用 SEO 外掛快速看 H1/H2
非工程讀者可以使用 SEO META in 1 CLICK、Detailed SEO Extension 等瀏覽器外掛,快速查看頁面的 H1、H2、H3 與 Title Tag。工具名稱可以換,重點是要能列出標題階層。
- 檢查是否缺 H1。
- 檢查是否有多個 H1。
- 檢查 H2/H3 是否支援 H1 主題。
- 檢查 Title Tag 與 H1 是否互相矛盾。
大型網站用爬蟲工具批次檢查
大型網站適合用 Screaming Frog 這類爬蟲工具批次檢查。主管或 SEO 團隊可以匯出缺失清單,再交給內容、前端或 CMS 管理者修正。
| 檢查項目 | 代表問題 | 處理方式 |
|---|---|---|
| 缺 H1 | 頁面沒有明確主標題 | 補上符合頁面主題的 H1 |
| 重複 H1 | 多頁使用同一個主標題 | 依頁型、分類、產品或文章主題改寫 |
| 多個 H1 | 版型或元件輸出混亂 | 保留真正主題,其餘改成合適層級或一般元素 |
H2/H3 如何支援 H1 與長尾關鍵字?
H2/H3 支援 H1 的方式,是自然回答使用者的子問題與長尾需求,而不是把長尾關鍵字硬塞進每個標題。
好的 H 標籤結構會讓主題從 H1 往下展開。若 H1 是「H1 標題怎麼寫」,H2 可以處理 SEO 作用、頁型寫法、錯誤修正與工具檢查,H3 再補範例與例外。
H2 用來覆蓋主要搜尋意圖
- 定義型意圖:H1 是什麼?
- 比較型意圖:H1 和 Title Tag 有什麼不同?
- 操作型意圖:怎麼規劃 H1 到 H6?
- 檢查型意圖:怎麼確認網頁有沒有 H1?
- 修正型意圖:多個 H1 或跳級標題怎麼改?
如果你正在規劃內容,也可以搭配 關鍵字配置、Meta Description 與 內容行銷指南 一起看,避免標題、摘要和內文各講各的。
H3 用來補充條件、案例與例外
H3 適合承接 H2 底下的條件、案例、例外、工具步驟。不要每個 H3 都塞關鍵字,也不要把一句普通段落硬拆成標題。我的經驗是,H3 寫得太密通常不是 SEO 變強,而是文章節奏變碎。
像「一頁放太多 H1」就是 H2「常見 H 標籤錯誤與修正案例」底下的細節;「用 Chrome 檢查元素確認 H1」則是工具流程底下的操作步驟。這種從屬關係清楚,頁面才會好讀。
結論:H1 負責主題,H2/H3 負責讓內容被理解
H1 標題負責告訴使用者與搜尋引擎這頁的核心主題,H2/H3 負責把內容拆成可掃讀、可判斷、可擷取的結構。
檢查一個頁面的 H 標籤結構,可以先問三件事:H1 是否清楚唯一,H2 是否完整支援 H1,H3 是否真的補充細節。若這三件事成立,H4 到 H6 就只需要依內容深度使用,不必為了看起來完整而硬加。
H1 標籤是什麼?
H1 標籤是 HTML 中用來標示頁面主標題的標籤,通常代表這一頁最核心的主題。使用者在頁面上通常會看到 H1,搜尋引擎也會把它作為理解內容結構的訊號之一。
H1、H2、H3 是什麼?
H1、H2、H3 是 HTML 標題階層。H1 是頁面主題,H2 是主要章節,H3 是章節底下的細節。規劃得好,使用者可以只看標題就掌握內容架構。
H1 和 Title Tag 有什麼不同?
H1 通常顯示在網頁內容中,Title Tag 則常出現在搜尋結果與瀏覽器分頁。兩者要描述同一個主題,但 Title Tag 可以加入品牌、年份或點擊語境,H1 則要更貼近頁面內容。
一個頁面可以有多個 H1 嗎?
技術上可以,但 SEO 實務上通常建議一頁保留一個最清楚的 H1。多個 H1 不代表一定會被懲罰,但容易讓主題訊號與內容管理變得混亂。
H1 一定要包含關鍵字嗎?
H1 建議自然包含頁面主題或核心關鍵字,但不要堆砌。好的 H1 應該先讓人看懂內容要解決什麼問題,再兼顧關鍵字配置。
H1 一定要跟 Title Tag 一樣嗎?
不一定。H1 和 Title Tag 可以不同,但搜尋意圖要一致。Title Tag 可以為搜尋結果微調,H1 則要在頁面內清楚承接使用者點進來後期待看到的內容。
H1 太長會影響 SEO 嗎?
H1 太長不一定直接影響排名,但會影響可讀性與頁面首屏理解。實務上建議 H1 簡潔,通常控制在 50 字內,讓主題清楚、不像一整段說明。
H2、H3 可以放長尾關鍵字嗎?
可以,但要自然。H2 適合回答主要子問題,H3 適合補條件、案例與例外。長尾關鍵字應該來自真實使用者問題,不應變成重複塞詞。
H4、H5、H6 一定要使用嗎?
不一定。多數 SEO 文章使用到 H3 或 H4 就足夠。只有當內容層級真的更深,例如大型技術文件、規格文件或複雜指南,才需要 H5、H6。
圖片 Logo 可以當 H1 嗎?
不建議只用圖片 Logo 當作整頁唯一 H1,尤其是文章頁、服務頁或產品頁。若首頁需要用品牌作為 H1,也要確保替代文字與頁面語意清楚,不要讓真正的頁面主題消失。
HTML 難學嗎?只為了 H 標籤需要學到什麼程度?
只為了 H 標籤,不需要學完整 HTML。至少要懂 H1 到 H6 的階層、如何用檢查元素確認輸出、以及不要用 H 標籤控制字體大小。這些就足以支援多數內容與 SEO 協作。
怎麼快速檢查網頁有沒有 H1?
最快的方法是在 Chrome 對主標題按右鍵,選擇檢查元素,確認文字是否被 <h1> 包住。也可以用 SEO META in 1 CLICK、Detailed SEO Extension 或 Screaming Frog 批次檢查。