2014年6月29日

符合 SEO 的 H1 H2 H3 標籤配置研究﹍Blogger 文章標題最佳化(2)

A+
在 HTML 標籤之中,H1~H6 標籤主要用途為標題的使用。同時搜尋引擎認為標題包含的 "關鍵字" 更為重要,因此網頁如何配置 H 標籤(主要是 H1、H2、H3),是 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 標籤──
  1. 小工具標題
  2. 文章發表日期

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 效果。


文章標題最佳化系列:

4 則留言:

  1. 很棒的總結~期待後續的教學^^

    回覆刪除
  2. <8151150246548353689>(以上內容請勿刪除,從括號之後開始留言)見笑了,稱SEO教學不敢,算是個人整理歸納的筆記心得 ^^

    回覆刪除
  3. 我是一名網路新手,在看完你的blogger seo優化文章,對這方面非常感興趣,但在文章中有少部分不太了解,希望你能指導我 ,我照文章做法將所有h123轉換,但問題是我不知要在哪裡找出h123進行轉換

    回覆刪除
  4. <8446456065315389168>(以上內容請勿刪除,從括號之後開始留言)從你的描述應該是操作上的問題,請在「範本」→「編輯 HTML」,游標點進範本區塊,按 Ctrl-F,就可搜尋你要的字串了

    回覆刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
提問請附網址、詳細描述狀況,如提供的資訊不足,則無法回覆。
◎ 請在相關文章留言,與文章無關的主題請至「Blogger 中文論壇」。
◎ 若詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為 "複製貼上" 的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。
◎ 本站「已關閉自刪留言功能」。