SEO H1 H2 H3 是什麼？如何用 Headings 標籤架構文章內容？教學

7K

HTML 網頁裡一共有 H1、H2、H3、H4、H5、H6 等一共六個 Headings 標籤，特別是 H1 標籤、H2標籤跟 H3 標籤，在 SEO 中的作用裡非常重要。通常一篇文章的內容，你會使用 SEO H1 ~ H6 去建構你的文章架構。能更正確使用這些 Headings 標籤 並且將它們放置到正確的位置上，會對於你的 SEO 非常的加分。

一篇 SEO 文章內容可能會包含文章標題、子標題跟子子標題…等等，而這些標題就是分別使用 SEO H1、H2、H3...等標籤去建構的，另外的 H4、H5 則是比較少使用到，H6 則幾乎不會用到。

如果你還不知道怎樣使用 Headings 標籤（H1、H2、H3、H4、H5、H6）去建構你的文章內容架構，本篇文章會有一個完整的教學，告訴你如何使用這些 H 標籤充分地運用到你的文章內容裡面。

SEO 中的 H1、H2、H3、H4 標籤是什麼？

其實 H1、H2、H3、H4、H5、H6 這六個 HTML 標籤全部都叫做 Headings 標籤，他們長下面這樣。

<h1>這是H1標籤裡面的內容</h1>
<h2>這是H2標籤裡面的內容</h2>
<h3>這是H3標籤裡面的內容</h3>
<h4>這是H4標籤裡面的內容</h4>
<h5>這是H5標籤裡面的內容</h5>
<h6>這是H6標籤裡面的內容</h6>

例如在貓熊先生的文章裡面，你也會看到貓熊先生運用了 H1 標籤、H2標籤跟 H3 標籤。

所以 Headings 標籤其實就是用來分別替你的文章標題、子標題跟子子標題來命名，並且用這些 H標籤來進行段落區分，讓你的文章架構變得更清晰。

SEO 中的 H1、H2、H3 標籤怎麼用？

那麼可能有人會問，在一篇 SEO 文章裡面，要如何運用 H1、H2、H3 標籤呢？貓熊先生製作了一張圖來說明如下。

SEO H1 標籤位置與使用方式

基本上 H1 標籤永遠應該使用在你的文章標題裡面，通常文章標題也會設定成你的 Meta title。

完整的文章標題命名指南可以參考下面這篇文章。

• Meta Title 怎麼寫？SEO 文章標題 Title Tag 優化指南

而且 H1 標籤在任何一個網頁裡面，應該永遠只有一個，不宜使用兩個 H1 標籤。

其實，關於一個文章頁面是否應該永遠只有一個 H1，以及是否可以使用 H2 標籤替代 H1 標籤，MOZ 有一篇文章專門探討這個主題，你可以前往閱讀：「Are H1 Tags Necessary for Ranking?」。

SEO H2 標籤位置與使用方式

至於 H2 標籤的話，那就跟 H1 不一樣了，H2 可以有很多個，而且可以用來區隔一篇文章裡面的各個段落主題（如下圖）。H2 標籤是僅次於 H1 標籤重要的 Heading。

SEO H3 標籤位置與使用方式

H2 標籤再往下就是 H3 標籤了，H3 標籤必須被包覆在 H2 標籤裡面，也就是不能發生 H3 標籤包住 H2 標籤的情況，那是錯誤的使用方法。

通常 H3 標籤也可以使用在各個段落中的子子觀點，或是子子主題。

SEO 中的 H4、H5、H6 Headiings 標籤

最後的 H4、H5、H6 則比較少用一點，H4 可能還稍微會用到，H5 則是當你的文章內容細分到很細的時候，少數情況下可能還會用到，至於 H6 貓熊先生自己是真的很少用到就是了。

從下面那張圖你也可以發現，基本上一篇文章或是網頁，你就是使用 H1~H6 來建構你的文章，這樣你的文章就會變得很有結構，而且文章結構會很像一個金字塔結構。

H1、H2、H3、H4、H5、H6 標籤的權重

既然 Headings 標籤有 H1 到 H6 之間的區分，你應該也會很清楚的知道，它們之間的權重是不一樣的，H1 權重最大，再來是 H2，依次到最後 H6的權重最小。

這也是為什麼應該永遠將 H1 用在你的文章標題的原因，因為 H1 擁有最大權重。

通常你也會發現，H1 字體是最大的，再來則是 H2 ，依此類推 H6的字體最小，所以字體大小其實剛好也說明了它們的權重是不一樣的。

網頁只能有一個 H1 標籤嗎？

雖然 John Mueller 表示，你要在你的網頁裡面用很多個 H1 是可以的，但是實務上都會建議 h1 只用在你的文章標題、Meta title，文章內的子標題都從 H2 開始建構。

關於 John Mueller 的說明，可以參考下面這隻影片。

文章中不用 H1、H2、H3 標籤可以嗎？

答案是：不可以。如果你文章中放棄使用 H1、H2、H3 這種 Headings 標籤，那麼你可以問問自己，還剩下什麼 HTML 標籤可以使用？

基本上你可能只剩下 P、UL、OL、DIV、Span…等這些標籤。而DIV 跟 Span 都是沒有語意的，使用它們再透過 css 控制文字大小根本不是一個好的主意。

因此你應該永遠使用 H1 ~ H6 來建構你的內容，並且正確使用各種 HTML5 裡面的語義標籤，像是 article、nav、footer、aside…等等，來區隔你網頁中每個部分的區塊內容。

SEO H1/H2/H3 標籤常見問題

Headings 標籤總結

基本上 H1、H2、H3、H4、H5、H6 這六個 Headings 標籤是用來建構你的文章內容用的，而且它們權重是不一樣的，H1 擁有最大權重，應該用在文章標題，而且一個頁面只能有一個 H1。然後使用 H2~H4 跟搭配段落文字P 標籤來建構你的文章內容，H5/H6則是比較少用到就是了。