成功的網站除了網站內容外，排版頁面也很重要，就像是人的第一印象，如果見面時穿的啦哩邋遢，第一印象就會扣分，而網站也是相同道理，使用者進入頁面如果看到排版很難找到想要的東西，或是沒有分層設計，就無法吸引使用者，而排版也會影響網站SEO優化。
今天就要來跟大家介紹，網站排版時很重要的工具，那就是「H標籤」，適當的使用H標籤，可以幫助使用者，在閱讀或瀏覽網站時，不會那麼吃力，網頁的排版看起來也會比較美觀；不過對於網站架設或是網頁設計毫無概念的朋友，首先要理解什麼是「H標籤」，要如何具體操作，才能達到優化的目的。
什麼是「H標籤」？
H標籤的英文全名是Heading Tag，其實也就是「標題」的意思，透過標題分段讓網頁的版面看起來更整齊，就像是Word排版一樣，也會利用不同的字型、字體大小等方式，讓版面看起來更舒服，也就是標記重點的方式。
相信大家都有學過Word排版，或是在寫報告時，老師會規定標題要使用16號大小的字，內文使用12號字等格式規定，這個目的就是讓老師在閱讀時能夠更清楚報告的內容，相同的，網頁也是希望能讓讀者能看懂，讓使用解清楚理解，透過排版可產生視覺上的分類。
網路上最常見的就是部落格，如果你對H標籤完全不熟悉，可以辦一個部落格帳號，到後台去看看，裡面就會有許多排版格式，部落格文章也會有大小標題，才能吸引讀者，甚至用心一點的部落客還會使用索引，讓讀者快速找到需要的資訊，而網頁內容也是相同道理，也要做出大小標題。
H標籤的順序介紹
其實H標籤的順序很簡單，是依照1.2.3.4.5.6的順序，概念與Word的標題一樣，但有層次的分層，H1就是文章的「主標題」、H2則為文章的「次標題」、H3就是文章的「小標題」，而依序可以再分為段落內文等分類。
H1標籤
什麼時候使用H1標籤呢？一篇文章的主要主題就是可以使用H1標籤，而這個主題也是最重要的，因此，整篇文章只能使用一次；舉例來說，學生時代都會考作文，而老師所出的作文題目是「我的志願」，也就是這篇文章的H1標籤，轉換成網站來看，H1標籤的標題一定要足夠吸引人，因為Google SEO的搜尋引擎也是利用這個標題來做搜尋。
H2標籤
H2標籤也就是文章中的次標題，在這裡可以加入一些關鍵字，可以提升曝光率，除了H1標題外，H2標題也可以技巧性的加入，還可以做出長尾關鍵字。
文章通常是以H1標籤為核心，之後再慢慢分支出去，就會出現許多分類的內容，也等於是幫讀者做索引分類，如此一來，使用者在點進去網站後，就能快速的找到答案，並理解網站內容的重點。
H2標籤和H1標籤不同，在一篇文章中可以出現很多次，除了H1標籤決定文章主題外，H3、H4標籤則會依附H2標籤向下延伸；所以H2對於整篇文章的結構至關重要，所以對於一篇文章來說，次標題也是需要做規劃的，而不是只有納入關鍵字而已，要如何讓整體文章架構看起來更好閱讀。
H3標籤
H3標籤如同前述，就是攀附著H2標籤向下延伸，或是向下分類，其實概念很簡單只要把H3當作是索引標籤，就很容易分層，建議大家在寫網頁文章時，可以先想想自己想要用的標題，再加入標籤，就會比較容易。
H3標籤以後，通常都是段落或內容文章，因此，不一定要加入關鍵字，而H1、H2、H3的分層排版也必須照順序，應該沒有人把H1放在文章的中間，這麼一來爬蟲在抓取文字時，才會較容易抓起；簡單來說，分層順序一定要照H1、H2、H3來排列，才不會因為文章架構不符合邏輯，來降低SEO分數。
其他標籤
通常一篇文章做到H3標籤和H4標籤已經算是正常的一篇文章，如果還想再往下延伸，還會有H5、H6標籤；但真的比較少人用到，且太多分層反而會造成閱讀者很混亂；現代人也比較喜歡圖片的呈現勝過於文字，因此，太多的文字也可能讓讀者無法吸收。
H標籤跟SEO有什麼關聯？
剛剛介紹完H標籤後，大家一定會想SEO為什麼會跟H標籤有關聯？這邊也要來跟大家介紹，一篇網站的文章，製作出H標籤後，如何和SEO牽上關聯。
了解文章的大綱
從使用者或讀者來看，H標籤看起來就像是一篇文章的大鋼，就如同一本好書要取一個好的書名，才會吸引讀者閱讀，而H標籤其實只是一個專有名詞，主要就是幫讀者分類，讓使用者快速找到想要的資訊。如果從SEO爬蟲的角度來看，有規則的標籤，也能清楚呈現文章的架構，爬蟲在搜索文章時，也能更容易的搜索到文張。
因此，H標籤也代表著一篇文章的架構和大綱，有邏輯的架構，才有可讀性，如果一篇文章沒有任何的重點，爬蟲也無法爬到重點，那麼對SEO的分數就會受到影響，因此利用H標籤來做分類，讓一篇文章可以清楚可讀。
加強使用者體驗
使用者在閱讀網站時，重要的就是看的懂網站內容想呈現什麼，而現在許多知識型的文章，也都是希望吸引消費者的目光，再來購買產品，因此文章必須具備「順暢性和可讀性」，而這跟使用者的體驗也息息相關，H標籤就會影響到使用者的體驗。
H標籤其實就是強化使用者的體驗，當然如果一個網站擁有良好的使用者體驗設計，SEO的分數相對也會提升，這也是為什麼H標籤很重要，使用者體驗愈好，停留在網站的時間就會越長，加上手機時帶來臨，如果文章沒有分層，使用小螢幕的手機看文字，就會相當吃力。
如何在文章裡放入H標籤？
了解H標籤的重要性後，那該如何將H標籤納入文章中呢？這部分在跟設計師討論時，一定要把自己的想法說清楚，並設計好的內容編輯，未來在維護時，才可以更容易操作，這裡也跟大家介紹2種方法，將H標籤置如文章：
使用文章編輯器
WordPress是多數人在使用的網站設計，對於初學者來說也能較好上手，因為工程師能替網站設計文章編輯器，加上內建的H標籤，所以在維護或新增文章時，就很容易直接做編輯，不需要再用程式碼加入H標籤。
舉例來說，WordPress的版面使用相當容易，只要在後來文字編輯頁面中點選+號，就可以選擇標題，也可以選擇段落或是插入圖片，對於編輯者來說相當容易，也是很容易上手的網站編輯器。
不過除了WordPress外，實務上還是有很多種文字編輯器，名稱不一定是H標籤，有可能是「標題1、標題2、標題3」，或者是各種的平稱，但其實都是一樣的，只要編輯者注意標籤的次序，照著順序往下分層，就能達到相同目的。
在HTML語法插入H標籤
除了直接在文案中加入關鍵字，還有一種方法是在HTML語法編輯標籤，舉例來說，像是H1標籤：<h1> 標題標題標題 <h1>；H2標籤：<h2> 內容內容內容 <h2>；以此類推，就能達到想要的效果。
是否要在H標籤中置入關鍵字？
H標籤是相當重要的，關係到網站的排名，因此在每個H標籤的標題置入關鍵字，能有助於網站被搜索，但這個標題必須是吸引人的才會被點擊；就像是新聞標題一樣，如果不夠聳動或是吸引人，那就無法吸引目光。
除了H1標籤外，H2跟H3標籤也可以置入關鍵字，而這都是有技巧的置入，一篇好的文案，可以適時的在文章中納入常用的關鍵字，可以增加使用者搜尋的機率。不過除了考慮到關鍵字外，也要注意排版和流暢度，否則可能會讓使用者一下子就離開網站，不是只有應付爬蟲或搜尋引擎而已。
結論
H標籤可以幫助網頁的內容看起來更專業，有效的優化網站，也能達到Google SEO的目的，算是網站設計相當重要的一環，H標籤其實就像是一本書打開來會有標題一樣，除了內文外，也要有標題讓使用者可以看到重點，有點像是自己做筆記也會分層，讓使用者看的懂，如果網頁沒有經過牌版，點進去雜亂無章，也會影響使用者的心情，可能會導致搜尋排名大崩盤。
如果你對H標記還是不太了解，可以參考其他網站的排版，在上文章時可以依據固定的格式，就不用擔心每次都要花時間思考如何使用H標籤，而固定的格式也可以讓使用者更快速找到想要的重點資訊。
