學(xué)會(huì)合理的使用heading標(biāo)簽應(yīng)該算做是使用符合w3c的義語(yǔ)Xhtml進(jìn)行頁(yè)面構(gòu)架的第一步。今天正好就朋友問(wèn)起我h1標(biāo)簽的用法，那么我來(lái)說(shuō)說(shuō)我的習(xí)慣。

首先我要知道，什么是heading標(biāo)簽？

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

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

為什么要使用heading標(biāo)簽？

在珍愛(ài)生命 遠(yuǎn)離“DIV”+ CSS 一文中我們說(shuō)到，所謂div+css，其實(shí)只是我們通俗的叫法，正確的叫法應(yīng)該是Xhtml+css。

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

義語(yǔ)標(biāo)簽對(duì)于SEO的重要性大家都很明白，那么heading標(biāo)簽，顧名思義，標(biāo)題！它們的重要性大家可想而知。

heading標(biāo)簽是用來(lái)詮釋整個(gè)網(wǎng)站、頻道、欄目甚至文章段落的標(biāo)簽。

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

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

h1，h2，h3 的用法：

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

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

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

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

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

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

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

圖例：

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

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

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

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

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

h3— 小標(biāo)題，個(gè)人愛(ài)用于欄目的名稱，如圖：

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

以上主要講述了h1-h3這3個(gè)heading標(biāo)簽的用法，至于h4-h6，并沒(méi)有前3個(gè)那么常用，大家只要記得它們的權(quán)重為降序，舉一反三即可。

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

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

標(biāo)簽： 網(wǎng)站結(jié)構(gòu)優(yōu)化 網(wǎng)站標(biāo)簽優(yōu)化 heading標(biāo)簽優(yōu)化 

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