HTML和SEO基礎(chǔ)知識：H標簽全透視
2019-03-08 來源：xmued.com
在html里的每一個標簽都有其自身的意義，而H標簽作為標題標簽，它的意義更是至關(guān)重要。對于H標簽的用法特別是h1的用法一直是個爭議的問題，也是值得我們研究的問題。我在總結(jié)了前人經(jīng)驗的基礎(chǔ)上結(jié)合自己對H標簽的理解，寫下了這篇文章，希望對大家有所幫助。
什么是H標簽？
W3C指出h1-h6標簽可定義標題。h1定義最大的標題。h6定義最小的標題。
h1，h2，h3，h4，h5，h6，作為標題標簽，并且依據(jù)重要性遞減。我認為遵循這樣的原則是很有必要的，它能讓頁面的層級關(guān)系更清楚，讓搜索引擎更好地抓取和分析出頁面的主題內(nèi)容等等。為了更好的理解，請看下面的代碼：
<body>
<h1>一級標題</h1>
<p>段落</p>
<div>
<h2>二級標題</h2>
<p>...</p>
<div>
<h3>三級標題</h3>
<p>...</p>
<div>
<h4>四級標題</h4>
<p>...</p>
</div>
</div>
</div>
</body>
瀏覽器的默認樣式也是依據(jù)重要性遞減，字號從h1到h6由大變小。而不同的瀏覽器中的樣式又有一些差別，介于這種差別，我們通常在布局中用CSS將其統(tǒng)一。
大家怎么用的？
現(xiàn)在很多網(wǎng)站（包括淘寶、新浪、搜狐等知名網(wǎng)站），都喜歡把h1用在LOGO上， 如圖：
大家都這樣用，不無道理，其實優(yōu)點蠻多的：它概括了整個頁面的內(nèi)容，而且LOGO離body很近，這樣就方便了搜索引擎最快的抓取主題，再者從語義來說也更加精準。
當然也不是全部網(wǎng)站都將h1用在LOGO上，網(wǎng)易的用法就是比較特別的例子：
網(wǎng)易將h1設(shè)置了display:none樣式，使其隱藏起來，這樣既解決了h1不知道放哪里的矛盾又起到了SEO優(yōu)化的作用，可謂一箭雙雕。
而騰訊首頁的h1則是頭條新聞，如圖：
從上面的例子可以看到各大網(wǎng)站對于h1的用法都有所不同，對于h1放哪里？一直是一個爭議的問題，但我認為到底放哪里沒有絕對的答案。我認為應(yīng)該根據(jù)網(wǎng)頁的定位、類型、用戶搜索習慣等因素綜合考慮。比如新聞類的網(wǎng)站，可以把h1放在頭條新聞上；綜合門戶類的網(wǎng)站，那就把h1放在LOGO上吧；如果公司網(wǎng)站也可以把h1放在LOGO上，因為用戶搜索公司一般喜歡搜公司的名稱；如果有網(wǎng)站宣傳語，還可以把h1放在宣傳語上，這也是不錯的選擇�？傊�，選擇一種最適合的才是最好的。
標簽： w3c html SEO基礎(chǔ)知識
版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。
