什麼是H1標籤?其構造、使用方法、注意事項一次大公開!

相信大家一定有看過書吧!裡面總是有著一段段的主旨、大標題、小標題…等分類,將書本的內容分段歸類,讓閱讀者更能了解書中內容的重點。網頁頁面內容也是一樣,若沒有適時的分類,只會使得內容看起來雜亂無章,讓來訪者放棄閱讀而跳出。那網頁內容該怎麼分類呢?這就要說到<h>標籤了。

<h1>標籤

「h 標籤」是「heading」的縮寫,為HTML的元素之一,又稱為「標題」。因此「h1 標籤」又有主標題之意,用來表示網站頁面內最重要的主旨內容;就跟書報雜誌內頁的「標題」一樣,代表著內容的主題大意。
所以只要適時的在網頁內設置<h1>標籤內容,就能讓Google爬蟲又或是來訪者輕鬆的了解到頁面的文章架構與想傳達的內容。反之,若沒有設置<h1>標籤,Google爬蟲就無法判斷什麼是重點,而來訪者看完文章後,也有可能難以理解想傳達的訊息是什麼。

h1元素構造

h1在HTML裡代表著標題,其重要程度分別用1~6的數字來呈現。從「h1」開始,為最重要的大標,再往下延伸至「h6」為重點度最低的小標。

==============================
<h1>大標題(全文主旨、重點)</h1>
<h2>中標題</h2>
<p>一般文字內容・説明文</p>
<h3>小標題</h3>
<p>一般文字內容・説明文</p>
<p>一般文字內容・説明文</p>
※以 h1、h2、h3~h6 的順序,來設定出階層式架構
==============================

h1~h6的使用方式

h 標籤有一定的使用規則,只要正確使用,就能寫出來訪者能輕易了解、搜尋引擎也容易給予評價的文章記事。

1. 從「h1 標籤」開始順序設置

可配合著整體頁面設計,盡量避免從頁面最上面開始,卻跳過h1,直接設置h2、h3、h4。

2. 一個頁面只能有一個「h1」

<h1>算是頁面裡的主題,也是最大的主標。如果在同一頁面內使用多個<h1>的話,爬蟲進入頁面讀取時,會無法辨識哪一個<h1>才是真正要傳達的主題。雖然這並不會直接降低評級,但正確的設置<h1>,多少能讓搜尋引擎給予較好的評價。

3. 可使用多個 h2〜h6

4. 簡單扼要的編排章節構成

頁面內總是會有許多的章節內容,以能夠概括全文又或是最重要的章節來設定<h1>是最好的。其次重要的部分則可使用h2〜h6標籤來劃分設定。

5. 請勿在網站的logo、或是圖片上設定<h1>

由於爬蟲進行網頁抓取時,因為無法讀取圖片資訊,所以最好使用純文字(沒有設定超連結)來設置<h1>。

<h1>錯誤的使用方式

1. 在全部頁面的logo上設置<h1>

<h1>是頁面的主旨標題,為每個頁面設定最合適、最希望傳達的文字內容才是上策。如果在全部頁面的logo上設置<h1>,不但無法傳達頁面主旨,也可能無法強調了這個網頁最想傳達、優化的關鍵字。

2. 在超連結上設置<h1>

<h1>通常是用來記載頁面內最希望傳達的內容,若將<h1>設置在連結上,則搜尋引擎給予該頁的評級將會轉給設定連結的另一個網頁上。

3. 在某類別的下方層級內,與同類別頁面設置相同的<h1>

<h1>應為每頁獨立存在,若把<h1>設置在類別名稱上,Google會將同類別的頁面視為同一個主題,對SEO優化並不是件好事。

結 論

最後想再跟大家做個小小的提醒,現在想要將網站SEO做好的話,已經不再只是將關鍵字放入「h1 標籤」就會有效果那麼單純了。如何將「h1 標籤」對應配合頁面內容才是重點。試著豐富<h1>與網頁的內容,讓搜尋引擎輕鬆理解頁面內容吧!