什麼是標題標籤?
標題標籤(Header tags)是用來區分網頁內容中的標題和副標題的 HTML 標籤,根據重要性依次排列,從 H1 到 H6。
通常情況下,你只需要使用 H1 到 H4,其中:
- H1 是頁面的主要標題和標題
- H2 是副標題和支撐點
- H3 是 H2 下的子部分或列表項
- H4 是 H3 下的子部分或列表項
需要注意的是,H1 標籤和標題標籤(Title tag)在 HTML 中是不同的元素。所有的標題標籤描述的是頁面上實際顯示的內容,而標題標籤則用來告知瀏覽器窗口和搜索引擎結果頁中的頁面標題。
因此,當你查看某個網頁時,通常會在頁面頂部找到 H1 標籤,而「標題」則顯示在瀏覽器窗口或標籤上。
為什麼標題標籤對 SEO 很重要?
標題標籤幫助用戶瀏覽和快速查找頁面中的內容,將資訊分段,讓讀者可以更輕鬆地掃描和找到他們想要的資訊。此外,標題對提升網站的搜尋友好性也有幫助。搜索引擎依賴標題來更好地理解頁面的結構和內容。總體來說,標題標籤有助於為搜索引擎和讀者保持內容的結構性和易讀性。
標題標籤的最佳實踐
- 不要過度填充關鍵詞
如果你已經遵循 SEO 最佳實踐多年,可能已經習慣將目標關鍵詞加入 H1、H2 和 H3 標籤中。這些標題曾經是重要的排名因素,但如今 Google 的演算法變得更加智能,因此關鍵詞在標題中的影響力不再像以前那樣強。
儘管如此,將關鍵詞放在標題標籤中仍然是個好主意。不過,現在你需要更明智且自然地使用它們。你最不希望發生的情況是,過度填充關鍵詞,讓 Google 認為你的頁面是垃圾內容。
最近,我們看到一個新的原因讓我們謹慎地在標題中使用關鍵詞:清楚自我解釋的副標題可以幫助你獲得「精選摘要」(featured snippet),尤其是在指南或清單類文章中。
例如,撰寫了具有價值的 H2 副標題,而不是簡單地填充關鍵詞。Google 最終將這些副標題列入了精選摘要中。
- 保持標題簡短且一致
另一個重要的標題使用習慣是儘量保持簡短且一致。盡可能將標題限制在 3 到 5 個字之內,並且結構要一致,這樣讀者更容易掃描內容。
記住,標題的設計目的是將大篇幅的文字分成整齊的段落,因此過長的標題和副標題在頁面上看起來並不美觀。
- 使用標題標籤維護正確的內容層次結構
你知道標題標籤存在的原因嗎?標題標籤的最初目的是在 HTML 頁面上維護正確的內容層次結構。
H1 是主標題,H2 是副標題,H3 是 H2 之下的次級標題,依此類推。在每個區塊中,應該從最重要且相關的訊息開始,然後逐步展開。
如果你想查看網站如何在頁面上組織標題標籤,可以安裝 Ahrefs SEO 工具列擴充功能,支持 Google Chrome。
- 檢查 CSS 中標題設計的一致性
預設情況下,HTML 在建立網頁的視覺層次結構方面表現良好。
通常,H1 和 H2 標籤會使用較大的字體尺寸和較重的字重(大約為 32px 和 24px),而 H3 和 H4 標籤會使用較小的字體(大約為 18px 和 16px)。
雖然沒有硬性規定,但有時我們會看到某些網站主題使 H3 和 H4 的字體比 H2 更大。
在你的網站上,你可以通過修改 CSS 樣式表來設置一致的標題設計,並使用正確的字體格式化代碼,或將選擇器添加到自訂 CSS 欄位中作為附加樣式表。
有時,H3 會被用在應該使用 H2 的地方,這通常是因為標題設計設置不正確。雖然這不是最關鍵的一步,但這樣做可以確保你為用戶提供最佳體驗,並最大限度地提高網站在 Google 上的 SEO 價值。
常見問題
可以使用多個 H1 標籤嗎?
可以的。Google 表示他們對此沒有問題。不過,最佳的 SEO 做法是每個頁面僅使用一個 H1 標籤。
即使不是為了 Google,僅使用一個 H1 標籤也有助於保持頁面的統一性,並讓其他使用者在需要進行修改時更容易理解頁面結構。
H1 和標題標籤可以不同嗎?
預設情況下,當你發布新文章時,H1 和 title(標題)通常會相同。但如果你願意,可以為 H1 和 title 編寫不同的內容。
例如,你可能希望 title 短一些,以便在搜尋引擎結果頁(SERP)上顯得更美觀,而 H1 則可以長一些以便訪客閱讀。又或者,你可以選擇在 title 中加入年份,但在 H1 中不包含年份。
不論理由為何,從 SEO 的角度來看,H1 和 title 標籤不同是完全可以的。
有幾級標題標籤?
HTML 支援六個層級的標題:H1 到 H6。這意味著你無法使用 H7、H8 等等。
不過,通常情況下,你不會需要使用超過 H4 的子標題。如果發現頁面上需要用到 H5 和 H6,這可能代表你在單一頁面上塞入了過多資訊。
此時,考慮建立一個獨立頁面來呈現這些內容,這樣可以讓資訊更容易閱讀。