學會合理的使用heading標簽應該算做是使用符合w3c的義語Xhtml進行頁面構架的第一步。今天正好就朋友問起我h1標簽的用法，那么我來說說我的習慣。

首先我要知道，什么是heading標簽？

heading是h1，h2，h3，h4，h5，h6 這六個Xhtml標簽的統(tǒng)稱，既標題的意思。六個標簽的權重由大到小，既h1為大標題，h6為最小的標題。

寫法為<h1>內(nèi)容</h1>；heading標簽均為塊級元素（block），其嵌套規(guī)則在XHTML標簽的嵌套規(guī)則一文中有提到過。

為什么要使用heading標簽？

在珍愛生命 遠離“DIV”+ CSS 一文中我們說到，所謂div+css，其實只是我們通俗的叫法，正確的叫法應該是Xhtml+css。

我們所使用到的標簽，都應該是有含義的：比如ul是無序列表，適合做新聞列表；ol是有序列表，適合做排行版；del是刪除線，適合用來放 b2c的“原價”；address里放的是地址；blockquote大段引用…其它義語標簽的用法，在這里暫不一一列舉，等等這些，為得是能讓搜索引擎 知道，這些內(nèi)容到底是什么意思，也算是比較淺顯的所謂人機交互。

義語標簽對于SEO的重要性大家都很明白，那么heading標簽，顧名思義，標題！它們的重要性大家可想而知。

heading標簽是用來詮釋整個網(wǎng)站、頻道、欄目甚至文章段落的標簽。

關于heading標簽的用法，網(wǎng)上眾說紛紜，我參考了官方的說明及結合了許多網(wǎng)站的構架、優(yōu)化經(jīng)驗，總結了一套自己認為合理的使用方法，僅供參考。

以下方法適用于行業(yè)門戶網(wǎng)站、購物商城、企業(yè)網(wǎng)站等類型的站點。如像新浪、網(wǎng)易那樣的大站，可以把其諸如旅游頻道、科技頻道等欄目理解為一個獨立網(wǎng)站。

h1，h2，h3 的用法：

h1 — 大標題，放置于首頁頂部區(qū)域，通常即導航以上的部分，全站通用，用來詮釋整個網(wǎng)站的內(nèi)容，應包含網(wǎng)站主關鍵字，但切忌不要進行關鍵字堆砌。最好是在網(wǎng)頁源代碼的body標簽一開始的第一個容器中第一行出現(xiàn)。且保證一個頁面中只出現(xiàn)一次。

h2 — 副標題，每個頁面出現(xiàn)的次數(shù)以1-3次為宜。

首頁：同h1，放置于主頭部區(qū)域，于h1的下方，全站調(diào)用，同樣用于概括整站的內(nèi)容。或者在頭部通用區(qū)域的下方，首頁內(nèi)容的開頭或者中間部分使用一次，用于詮釋首頁的內(nèi)容。

子頻道頁：無論頂部區(qū)域是否出現(xiàn)過一次h2，可結合實際情況在頭部通用區(qū)域的下方，頁面內(nèi)容的開頭部分使用一次，用于詮釋頻道頁面的內(nèi)容。

（以上2種方法可以任選其一，也可以同時并存）

文章/產(chǎn)品內(nèi)頁：文章的標題使用h2標簽。

按以上方法，h2標簽最多會被使用到3次，但是請少使用1次。據(jù)以往經(jīng)驗來看，文章/產(chǎn)品內(nèi)頁使用h2標簽效果顯著。

圖例：

設計師在進行頁面設計的時候就應該實現(xiàn)構思好heading標簽的放置位置。這是云南電玩網(wǎng)（http://www.lhave.com）的頂 部設計。其中首頁body中代碼的一開始就出現(xiàn)了h1標簽，內(nèi)容為“云南電玩網(wǎng)，昆明電玩在線購物商城”。緊接著logo用的是h2標簽，插圖的alt屬 性里寫著“云南電玩網(wǎng)-昆明最大的掌機，電視游戲機網(wǎng)購平臺”。

主意兩個標簽措詞不同，但均包含了網(wǎng)站的主要關鍵字。

這里值得說明的是，有的網(wǎng)站的設計感會很強，很難給heading標簽預留出前合適的位置，那么這里可以采用的是，把頁面中出現(xiàn)的第一個img 放在h1里，比如logo，在其alt屬性中寫入網(wǎng)站名稱或關鍵字。那么對于SEO的效果來說，經(jīng)嘗試是有作用的，至于效果，個人認為肯定會比把 heading標簽里的文字直接出現(xiàn)在頁面上要略差一點。

西華通訊手機在線銷售b2c，用的是h1，h2在頂部全站通用。

云南貨架網(wǎng)，企業(yè)網(wǎng)站。頂部全站調(diào)用一個h1，首頁使用獨立的h2，每個頻道頁面用自己獨立的h2。

h3— 小標題，個人愛用于欄目的名稱，如圖：

以香格里拉旅投集團為例，首頁及內(nèi)頁的欄目標題均使用h3標簽。至于h3的使用次數(shù)，沒有明確的規(guī)定，大家用到該用的地方就行。剛才說道h2適用于文章內(nèi)頁的文章標題上，那么h3我通常也用到文章的分段標題上，如本文一開始的“首先我要知道，什么是heading標簽？”等。

以上主要講述了h1-h3這3個heading標簽的用法，至于h4-h6，并沒有前3個那么常用，大家只要記得它們的權重為降序，舉一反三即可。

heading標簽的用法很靈活，jason在這里也只是拋磚引玉，后續(xù)的文章中我們會逐一分享到title的調(diào)用方法及strong與heading的區(qū)別等一些列SEO知識，敬請期待。

轉(zhuǎn)載請注明出處：云南網(wǎng)站設計師jason　http://www.playw3c.com

標簽： 網(wǎng)站結構優(yōu)化 網(wǎng)站標簽優(yōu)化 heading標簽優(yōu)化 

版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。