在介紹頁面中H標簽的正確使用方法之前,我們不妨先了解一下HTML中對于H標簽的定義,學習過HTML語言的同學都知道,H標簽包括,h1,h2,h3,h4,h5,h6 標簽–它們其實是表示文章的標題。而在網絡上尤其是關于SEO優化這塊的文章中對于H1標簽是非常重視的,甚至有些人說到每個頁面必須有H1標簽,作者認為我們先把SEO優化(搜索引擎優化)放一邊,先來研究當初設計HTML語言的人在定義H標簽時候的想法,H標簽是用來表示文章的標題,就是說頁面中所要表達的內容的標題或關鍵詞用H標簽來注明。
所以說搜索引擎為什么會對這個H標簽很重視,因為H標簽能夠告訴用戶我這個頁面體現的是什么標題的內容,所以如果我們濫用H標簽,尤其是對H1標簽的使用,在一個頁面中定義很多H1標簽,搞得用戶不知道你這個頁面到底要說明什么內容,搜索引擎也一樣,用得太多了,還會被搜索引擎懲罰。所以應用H1要謹慎,要從服務用戶的角度去出發,真正的在頁面中合理使用H1標簽。
那么如何在頁面SEO優化中合理使用H1標簽呢?
經過思考,我覺得還是根據不同情況來定義這個<H1>標簽,比較好。
一、主頁
因為在主頁會有許多文章列表羅列,這時如果把<H1>標簽用于給“文章標題”定義,那就不合適了,會造成<H1>標簽重復定義,破壞了<H1>標簽的唯一性。
所以在主頁,<H1>標簽當仁不讓的用來定義“站點名稱”。<H2>標簽用來定義“站點副標題”。如果沒有副標題,<H2>標簽最好也空著,以備不時之需。
<H3>標簽用來定義欄目名稱,<H4>標簽用來定義文章標題,但大多數內容系統,文章列表輸出用<UL>標簽,所以<H4>可能就派不上用場,這里只是以此類推。
二、目錄頁(欄目頁)
目錄頁(欄目頁)和主頁類似,<H>系列標簽同主頁定義。
三、文章內容頁
文章內容頁和主頁就有所區別了,對于搜索引擎所看中就是文章內容,而文章標題無疑是吸引搜索引擎的最重要的砝碼了。此時如果把唯一的<H1>標簽讓給“網站名稱”豈不浪費。
既然站點可以使用不同模版,這時我們就不能偷懶了,還是把文章內容頁Header區重新調整一下,把<H1>標簽讓給“文章標題”。
網站名稱和網站副標題的定義,用<div>來代替,分別定義成id=Title和id=SubTitle。把最有價值的<H1>標簽和<H1>標簽讓給文章主和副標題。以利于提高文章在搜索引擎中的權重。
如果沒有文章副標題,和主頁的里的<H2>標簽一樣最好也空著,以備不時之需。這里提倡一下,<H2>和<H1>標簽一樣,最好都保證在頁面中的唯一性。
綜上所述,我認為h1在不同的頁面應該有不同的定義方式
比如:
主頁,h1堅決用來定義站點名稱
文章頁,因為文章標題對SEO有好處,h1給文章標題合適;
欄目頁,h1給欄目名稱;
搜索頁,h1給搜索關鍵詞;
TAG頁,h1定義TAGs。
一個頁面不可能有兩個主題,所以H1標簽在頁面中只能應用一次。
定義H標簽技巧
1、H標簽按照內容的重要性來定義,如:Official Google Reader Blog使用 h1 定義網站標題
使用 h2 定義文章標題
使用 h3 定義欄目標題
2、H標簽按照網站的層次來定義,如:Official Google Blog
使用 h1 定義網站標題
使用 h2 定義欄目標題
使用 h3 定義文章標題
很少有使用 h1 來定義文章標題的,一般都用來定義網站標題,要不就不用。
3、H標簽定義文章標題的方式
使用 h1 定義文章標題 Techcrunch
使用 h2 定義文章標題 Official Google Reader Blog / Matt Cutts / Jeffrey Zeldman / Engadget
使用 h3 定義文章標題 Official Google Blog / Google 黑板報 / Boing Boing
使用 div 定義文章標題 TechEBlog / 百度的空間、對牛亂彈琴、徐靜蕾的 BLOG
當然不管如何定義H標簽,要記?。好總€站點不同,重點(希望用戶看到的重點)當然也就不同,我們定義H標簽時,從客戶體驗角度入手去實施,一定不會出現引擎懷疑站點作弊的情況,整個網站(一般指首頁如何對H標簽定義)關鍵詞時本著,重點中的重點用h1標簽(網站的核心關鍵詞),相對重點用h2標簽(網站的各個頻道級重要的長尾關鍵詞),再往下用h3標簽(一般指類表頁或者最終頁的標題).......依次類推,不過一般網頁不會超過h3標簽的定義!