在 HTML 標籤之中,H1~H6 標籤主要用途為標題的使用。同時搜尋引擎認為標題包含的 "關鍵字" 更為重要,因此網頁如何配置 H 標籤(主要是 H1、H2、H3),是 SEO 需要注重的一環。
在 Blogger 官方範本中,各個 H 標籤的安排,並非以 SEO 最佳化來配置。可能的原因為,新範本是幾年前的產物,設計上是依據 SEO 舊觀念。而在 SEO 規則每日一變的時空下已不適用。這使得注重 SEO 的站長,得自行重新配置一番。
以下先簡單介紹相關概念,再對 Blogger 範本進行重要的 H 標籤的調校。
探討 H 標籤如何操作 SEO 的文章很多,對於基礎概念,可參考這兩篇「標題與 SEO」、「H1標籤的重要性」先大致了解。
如前所述,SEO 規則天天在變,因此 SEO 文章用於了解大方向就好。至於細節部份,最好是能有所本,也就是說,該論點能附上原始出處的話,才是值得拿來實做的部份。
那麼可信度高的內容在何處呢?這一點還滿困難的,Google 的 Matt Cutts說過的話、發表的內容可以相信,因為他是搜尋引擎的頭頭,基本上 SEO 的規則他說了算。不過要得到彙整過、消化過的資訊並不容易,因為他發布的消息比較零散。
這篇「How To Use H1-H6 HTML Elements Properly」根據 Matt Cutts 做了一些整理,也是本文內容的依據:
以下將檢視 Blogger 範本中的 H 標籤,利用以上數點,來進行最佳化。
官方範本 H3 標籤只有一處:用於文章標題。
1. 文章標題的建議
相信大家都看得出來,「文章標題」的內容及關鍵字,對於搜尋引擎是重要的,因此最好將此處的 H3 標籤改成 H2 或 H1。
至於如何決定是 H2 還是 H1,後面討論 H1 時會有比較詳細的分析。
2. 歷史源由
為何「文章標題」會淪落到使用 H3?這是一個讓人好奇的現象,就算是 Wordpress 平台,預設也是使用 H1 標籤,WFU 試著來還原歷史真相。
在過去,title 標籤是一個 SEO 的重要 "操作" 工具,許多人利用這一點,拼命將關鍵字塞進 title 之中,造成 title 標籤充滿了關鍵字,來達到較好的搜尋結果。
Blogger 的範本中,在文章頁面時,預設會使用 title 標籤來放置「文章標題」的內容。也因為搜尋引擎會索引這部份的內容,那麼「文章標題」的確不需要再放到重要的 H1 標籤之中。
不過幾年前開始,Matt Cutts 大概無法忍受 title 標籤被一堆關鍵字濫用的操作方式,可參考這篇「Why Google Will Ignore Your Page Title Tag & Write Its Own」,結論就是,title 的內容現在已經不會被 google 全盤接受。
了解這樣的時空背景後,知道現在 Google 不會只看 title 內容,會同時比對描述內容(meta description)及 H1 標籤,那麼現在起將「文章標題」移到 H1 會是不錯的作法。
官方範本有兩個地方使用 H2 標籤──
WFU 只能說非常的無言,非常不重要的兩個地方,對於搜尋網站、文章內容都沒有幫助,甚至不會擺放任何關鍵字的位置,用了第二重要的 H2。
如果文章標題使用 H1,我們還可能在文章中用了一些「次標題」、「條列式重點」等等,那麼就會用到 H2、H3。相信任何一個「小工具標題」、或「日期」,都不會比這些「次標題」、「條列式重點」的關鍵字還重要。因此勢必得將這兩處的 H2 標籤全部拿掉,例如改用 H4~H6。
另外,根據「一、H 標籤的 SEO 概念」提到,H2 最好只使用二~三個。當部落格側邊欄裝了一堆小工具,這會讓整個網頁有十幾個 H2 標籤,導致 H2 標籤的重要性整個被稀釋掉了。對搜尋引擎而言,H2 數量越少,重要性將越集中。
根據官方範本的預設內容,H1 標籤只有一處:用於網站標題。
1. 網站性質
由於 H1 標籤必須包含該頁面最重要的資訊,根據不同的網站性質,有的適合放「網站標題」,有的適合放「文章標題」,因為文章標題可能包含更多重要的搜尋關鍵字。
舉例1:如果網站名稱含有重要關鍵字的話,例如「搜尋引擎優化 | 台灣SEO學院」、「HairSalon美髮沙龍網」,這可能比文章標題還來得重要,那麼建議 H1 標籤使用網站名稱。
舉例2:以本站為例,網站名稱「WFU BLOG」一點都不重要,沒有關鍵字,搜尋引擎也不 Care,很少人會把這當成關鍵字來搜尋;就算會有,放在 H2 或 H3 標籤就可以了,佔用了唯一的 H1 標籤未免太過浪費。因此本站適合將「文章標題」放在 H1 標籤。
2. H 標籤沒按順序的影響
以前的 SEO 觀念是 H1~H6 標籤必須在網頁依序出現,以方便搜尋引擎爬取。如果把 H2 用於網站標題、H1 用於文章標題,會造成搜尋引擎在網頁內容先爬到 H2、再爬到 H1。
不過根據「一、H 標籤的 SEO 概念」的影片,Matt Cutts 表示現在的搜尋引擎已經能夠處理這樣的事情,所以不必擔心這件事。
由於 H4~H6 不是很重要,因此 Blogger 範本這部份內容略過。
如果對 HTML/CSS 熟悉的讀者,看完本篇內容,應該是可以自行修改 Blogger 範本的各個 H 標籤。如果不熟悉的話,那麼下一篇會示範如何修改各個 H 標籤,已達到更好的 SEO 效果。
在 Blogger 官方範本中,各個 H 標籤的安排,並非以 SEO 最佳化來配置。可能的原因為,新範本是幾年前的產物,設計上是依據 SEO 舊觀念。而在 SEO 規則每日一變的時空下已不適用。這使得注重 SEO 的站長,得自行重新配置一番。
以下先簡單介紹相關概念,再對 Blogger 範本進行重要的 H 標籤的調校。
一、H 標籤的 SEO 概念
探討 H 標籤如何操作 SEO 的文章很多,對於基礎概念,可參考這兩篇「標題與 SEO」、「H1標籤的重要性」先大致了解。
如前所述,SEO 規則天天在變,因此 SEO 文章用於了解大方向就好。至於細節部份,最好是能有所本,也就是說,該論點能附上原始出處的話,才是值得拿來實做的部份。
那麼可信度高的內容在何處呢?這一點還滿困難的,Google 的 Matt Cutts說過的話、發表的內容可以相信,因為他是搜尋引擎的頭頭,基本上 SEO 的規則他說了算。不過要得到彙整過、消化過的資訊並不容易,因為他發布的消息比較零散。
這篇「How To Use H1-H6 HTML Elements Properly」根據 Matt Cutts 做了一些整理,也是本文內容的依據:
- H1、H2 等標籤不必依照順序,搜尋引擎仍可處理(依據影片內容)
- 一個頁面最好只使用一個 H1 → 雖然根據影片,Matt Cutts 說不要到處都是 H1 就好,但一個頁面使用一個 H1 "才是這個標籤的本質"。相信當一個頁面只要不是刻意使用超過一個 H1,Google 有辦法判斷出該使用方式是否為惡意、還是正常使用。
- H2 最好使用二~三個就好 → 避免分散權重
- H3 最好使用二~三個就好 → 避免分散權重
- H4~H6 不太重要
以下將檢視 Blogger 範本中的 H 標籤,利用以上數點,來進行最佳化。
二、Blogger 的 H3 標籤配置
官方範本 H3 標籤只有一處:用於文章標題。
1. 文章標題的建議
相信大家都看得出來,「文章標題」的內容及關鍵字,對於搜尋引擎是重要的,因此最好將此處的 H3 標籤改成 H2 或 H1。
至於如何決定是 H2 還是 H1,後面討論 H1 時會有比較詳細的分析。
2. 歷史源由
為何「文章標題」會淪落到使用 H3?這是一個讓人好奇的現象,就算是 Wordpress 平台,預設也是使用 H1 標籤,WFU 試著來還原歷史真相。
在過去,title 標籤是一個 SEO 的重要 "操作" 工具,許多人利用這一點,拼命將關鍵字塞進 title 之中,造成 title 標籤充滿了關鍵字,來達到較好的搜尋結果。
Blogger 的範本中,在文章頁面時,預設會使用 title 標籤來放置「文章標題」的內容。也因為搜尋引擎會索引這部份的內容,那麼「文章標題」的確不需要再放到重要的 H1 標籤之中。
不過幾年前開始,Matt Cutts 大概無法忍受 title 標籤被一堆關鍵字濫用的操作方式,可參考這篇「Why Google Will Ignore Your Page Title Tag & Write Its Own」,結論就是,title 的內容現在已經不會被 google 全盤接受。
了解這樣的時空背景後,知道現在 Google 不會只看 title 內容,會同時比對描述內容(meta description)及 H1 標籤,那麼現在起將「文章標題」移到 H1 會是不錯的作法。
三、Blogger 的 H2 標籤配置
官方範本有兩個地方使用 H2 標籤──
- 小工具標題
- 文章發表日期
WFU 只能說非常的無言,非常不重要的兩個地方,對於搜尋網站、文章內容都沒有幫助,甚至不會擺放任何關鍵字的位置,用了第二重要的 H2。
如果文章標題使用 H1,我們還可能在文章中用了一些「次標題」、「條列式重點」等等,那麼就會用到 H2、H3。相信任何一個「小工具標題」、或「日期」,都不會比這些「次標題」、「條列式重點」的關鍵字還重要。因此勢必得將這兩處的 H2 標籤全部拿掉,例如改用 H4~H6。
另外,根據「一、H 標籤的 SEO 概念」提到,H2 最好只使用二~三個。當部落格側邊欄裝了一堆小工具,這會讓整個網頁有十幾個 H2 標籤,導致 H2 標籤的重要性整個被稀釋掉了。對搜尋引擎而言,H2 數量越少,重要性將越集中。
四、Blogger 的 H1 標籤配置
根據官方範本的預設內容,H1 標籤只有一處:用於網站標題。
1. 網站性質
由於 H1 標籤必須包含該頁面最重要的資訊,根據不同的網站性質,有的適合放「網站標題」,有的適合放「文章標題」,因為文章標題可能包含更多重要的搜尋關鍵字。
舉例1:如果網站名稱含有重要關鍵字的話,例如「搜尋引擎優化 | 台灣SEO學院」、「HairSalon美髮沙龍網」,這可能比文章標題還來得重要,那麼建議 H1 標籤使用網站名稱。
舉例2:以本站為例,網站名稱「WFU BLOG」一點都不重要,沒有關鍵字,搜尋引擎也不 Care,很少人會把這當成關鍵字來搜尋;就算會有,放在 H2 或 H3 標籤就可以了,佔用了唯一的 H1 標籤未免太過浪費。因此本站適合將「文章標題」放在 H1 標籤。
2. H 標籤沒按順序的影響
以前的 SEO 觀念是 H1~H6 標籤必須在網頁依序出現,以方便搜尋引擎爬取。如果把 H2 用於網站標題、H1 用於文章標題,會造成搜尋引擎在網頁內容先爬到 H2、再爬到 H1。
不過根據「一、H 標籤的 SEO 概念」的影片,Matt Cutts 表示現在的搜尋引擎已經能夠處理這樣的事情,所以不必擔心這件事。
五、其他
由於 H4~H6 不是很重要,因此 Blogger 範本這部份內容略過。
如果對 HTML/CSS 熟悉的讀者,看完本篇內容,應該是可以自行修改 Blogger 範本的各個 H 標籤。如果不熟悉的話,那麼下一篇會示範如何修改各個 H 標籤,已達到更好的 SEO 效果。
文章標題最佳化系列: