HTML H1 H2 H3標題標籤是什麼？搞懂 Heading tags，SEO友善的文章架構沒煩惱！
快速導覽
SEO重點：完整的文章架構
一篇文章是否擁有完整架構讓Google理解內容，是SEO的重點。
文章發佈到網站後，會經歷Google爬蟲的檢索、索引，而後產生排名。然而網路上每時每刻都在產出新的東西，Google爬蟲不可能細看所有內容，取而代之的，它會透過讀取H標籤的來了解文章架構，確認你的文章值不值得推薦給更多使用者。
H標籤（Heading tags）是什麼？
HTML由標籤（tag）結構組成，H標籤是Heading的簡稱，它能讓Google爬蟲快速了解文章基本架構。H標籤又細分為H1到H6，它的概念就像是Word文件中的目錄階層，文件標題（H1）接著是章節（H2）和其他子題（H3）。
H標籤的層級順序
一篇文章會透過下大小標使文章主題明確、段落清楚分明，不同層級的H標籤也有類似的用處：
H1標籤
在所有層級的H標籤中，H1標籤是最重要的，通常是文章的標題，一篇文章（又或者說一個網頁中）一般的情況下只會設定一個。雖然H1標籤在關鍵字行銷中擁有很高的權重，但濫用資源，添加一堆H1標籤，反而會適得其反，失去文章的核心重點，不利於SEO排名。
H2標籤
H2標籤多作為文章副標題（或稱段落標題）使用，一篇文章可以有很多H2標籤，用以區分各個段落，幫助一般閱讀者和Google爬蟲了解文章結構。H2也是最適合用來安排關鍵字的標籤，相較H1標籤，它能依照個段落的小重點安排不同的關鍵字，增加文章出現在搜尋引擎頁面的機會。
H3標籤
H3標籤是段落的小標題，當文章內容越豐富，可能就越需要小標題來讓整體架構更清楚明確。
H4～6標籤
H3標籤以後若還是有小分類，便會使用到H4～6標籤，但比較少使用。
如何運用H標籤？
透過在HTML文件中新增<h1>、<h2>等標籤，並加入相應文字，以成功建立文章結構。我們做了張簡單的示意圖，讓你更了解該如何增設H標籤：
從上圖可以看到，H1標籤對應的是文章標題，H2標籤是幫助理解段落內容的副標，H3則是小標題。
那麼該在哪裡編輯H標籤？直觀的作法是在網頁原始碼中編輯，或者也可以使用圖文編輯器，直接套用不同的標題層級。需要注意的是，在不同的編輯器中，名稱不一定會顯示H1、H2，而是會稱作標題1、標題2（如下圖右），或是其他可能，只要記住標籤的層級順序，編輯完成後再次回到前台確認，基本上不會出太大的問題。
H標籤具有什麼功能？對SEO有什麼幫助？
記得在最一開始我們有提到H標籤和SEO的關係嗎？H標籤到底是如何影響SEO？沒有安排H標籤又會有什麼影響呢？以下透過H標籤的功能來說明兩者的關係：
快速傳達文章重點或段落內容
在一般人的認知中，H標籤的作用同標題，其功能在於吸引人點擊、道出文章段落的重點，並藉由各個標題建構出完整的文章組織。最理想的情況是當人們看到你的文章標題或各段標題就能預期可能會看到的內容，真正閱讀後發現內容與期待吻合，便能透過符合期待的文章累積觀看流量，進一步達到SEO行銷。
幫助搜尋引擎理解架構編排
Google會不定期地派爬蟲抓取網頁內容，透過讀取H標籤的來了解文章主題，若是沒有在網站文章中安排H標籤，爬蟲沒辦法讀取架構、快速掌握文章內容，對搜尋引擎的頁面收錄可能會有負面影響。
提升文章內容品質
如前所述，Google爬蟲透過讀取H標籤了解架構，接著判斷其內容優劣與否，因此也可以說，妥善使用H標籤能提升文章的品質，幫助SEO排名。
H標籤的使用原則
使用H標籤當然也有需要注意的地方，濫用可能會對網站行銷造成負面效果。
原則一：一個頁面僅設置一個H1標籤
H1到H6標籤中，H1是最重要，對SEO排名影響最深的標籤。
那麼在文章中瘋狂設置H1標籤，是不是就能快速提升自家網站的排名呢？千萬不要這麼做，這只會帶來反效果，讓Google爬蟲認為你的文章主題不明確，沒有重點。
原則二：H標籤不宜過長或艱深迂迴
標題應簡潔扼要，用簡單的敘述來表達，並控制字數，避免過長的標題無法完整顯示在搜尋引擎的結果頁面，讓使用者看不到想看的關鍵字，失去點擊觀看的動力。
原則三：適當安排關鍵字在H標籤中
SEO行銷重點中，除了完整的文章架構，別忘了還有關鍵字！適當地將關鍵字安排在H標籤中，能幫助SEO排名，但切記標題需與文章內容一致，避免胡亂搪塞、文不對題，也不要為了強塞關鍵字讓標題變得語意不順、難以閱讀理解。
以上是H標籤的介紹和一些SEO行銷的建議，希望看到這裡的你對此已經有了基礎概念，若是對SEO想要有更一步的認識，歡迎搜尋相關文章深入了解。
延伸閱讀：HTML Image Alt 重要嗎？善用 AltText（替代文字）讓爬蟲輕鬆看懂你的圖片！
延伸閱讀：Canonical Tag 對SEO有什麼助益？Canonical 標準網址操作重點全解析！
＊ 歡迎分享這篇文章，分享時請加入文章來源：凱士網頁設計公司
|
網站設計服務諮詢 為什麼推薦台中網頁設計公司凱士數位？位於台中的凱士相對有機會接觸到各種不同的產業面向，擁有各種產業的網站設計經驗，幫助企業提升網路品牌形象，建立良好的使用體驗。如果您有形象網站、企業網站、客製化網頁、網站改版相關需求，歡迎聯絡我們。
您可以直接填寫諮詢表單；撥打諮詢電話 04-22210688；或加入凱士LINE由專人與您聯繫。 |
|
Eric Wang 凱士網頁設計公司 專案顧問 Eric，擁有設計、理工、管理等跨領域背景，樂於和不同領域的專業工作者進行分享與討論。在專案工作外，同時也兼任大學行銷系業界講師及企業內訓課程講師，長期致力於「網頁設計白話文運動」。
|
好的形象網站設計，可以幫助公司提升品牌形象與企業價值，透過清楚的網站架構與視覺設計，造就良好的使用體驗與企業形象。
需要網站設計服務嗎？
凱士為您設計製作優質網站
形象網站、公司網站、企業網站、
及各類型客製化網站系統平台
