頭部代碼

1、標(biāo)題標(biāo)簽(title標(biāo)簽)

在HTML5中標(biāo)題標(biāo)簽依然存在，其仍然具有不可替代的作用;不過我們看到還有更多的可供搜索引擎識(shí)別的代碼，我們將改代碼的等級(jí)微降。

2、元標(biāo)簽(meta標(biāo)簽)

字符集編碼聲明標(biāo)簽

該標(biāo)簽原本就是搜索引擎必看且首先要看的標(biāo)簽，其他屬性都省略唯獨(dú)留下charset屬性能看到google公司用心良苦。

網(wǎng)頁描述標(biāo)簽

該標(biāo)簽雖然沒有什么提示，但是該區(qū)域的內(nèi)容將會(huì)在SERP顯示，其重要性不應(yīng)該被忽略。

正文代碼

1、頭部標(biāo)簽(header標(biāo)簽)

這塊區(qū)域之前以logo居多，而從目前的情況來看，很多資料都建議在這類使用標(biāo)題1或2標(biāo)簽，即H1或H2標(biāo)簽。我們認(rèn)為未來每個(gè)網(wǎng)頁只會(huì)出現(xiàn)一個(gè)H1標(biāo)簽，而他的位置就是位于header標(biāo)簽內(nèi)。該區(qū)域我們不建議使用strong標(biāo)簽，不要使用b標(biāo)簽。

2、導(dǎo)航標(biāo)簽(nav標(biāo)簽)

nav標(biāo)簽內(nèi)基本上都是a標(biāo)簽，而HTML5中不應(yīng)該靠添加title標(biāo)簽來進(jìn)行優(yōu)化，我們建議是用strong標(biāo)簽。

3、文章標(biāo)簽(article標(biāo)簽)

article標(biāo)簽區(qū)域，我們可以使用h2標(biāo)簽，而不建議使用h1標(biāo)簽?；旧嫌卸嗌賯€(gè)article標(biāo)簽就可以使用多少個(gè)h2標(biāo)簽。PS：可把SEO樂死了，估計(jì)黑帽又找到作弊的地方了。

而article標(biāo)簽區(qū)域的section標(biāo)簽將會(huì)替代h2標(biāo)簽鏈接過去的URL的title屬性，這塊區(qū)域的文字有可能將成為目標(biāo)URL的description內(nèi)容，即有可能會(huì)影響目標(biāo)URL在SERP中的描述。

4、左或右側(cè)標(biāo)簽(aside標(biāo)簽)

aside標(biāo)簽的文字信息與article標(biāo)簽區(qū)域的文字信息需要匹配，如果關(guān)聯(lián)程度不大，可能會(huì)影響到該頁面以及目標(biāo)頁面的排名。這是在HTML4中很多SEO忽視的一塊區(qū)域，而這塊區(qū)域的關(guān)鍵詞對(duì)本頁面可能影響不是很大。因?yàn)閍side標(biāo)簽的內(nèi)容基本上都屬于公共內(nèi)容，即會(huì)有N多的頁面都有該內(nèi)容。

5、底部標(biāo)簽(footer標(biāo)簽)

footer標(biāo)簽區(qū)域的內(nèi)容對(duì)首頁的排名將會(huì)增加，而對(duì)于內(nèi)頁來說搜索引擎將有可能會(huì)視而不見。不建議每個(gè)web的footer信息都是獨(dú)立的，這或許意味著新的黑帽手段將會(huì)出現(xiàn)。

6、其他標(biāo)簽等

video標(biāo)簽中間區(qū)域的文字信息將會(huì)讓搜索引擎讀懂視頻，這是一次飛躍。不過也為黑帽SEO節(jié)約了一筆不菲的時(shí)間。

audio標(biāo)簽作為類似img一樣的單標(biāo)簽來處理感覺的確有點(diǎn)過分，這樣對(duì)于音樂可能會(huì)有很多障礙，不過音樂里面基本上沒有幾個(gè)關(guān)鍵詞，也就不再網(wǎng)頁搜索引擎優(yōu)化的研究范圍了。注意下該標(biāo)簽上下文的關(guān)鍵詞即可。

time標(biāo)簽可能會(huì)作為一個(gè)來判斷網(wǎng)頁文字源，也就是能夠通過time標(biāo)簽來識(shí)別那篇文章是原創(chuàng)的。而time標(biāo)簽可能將是成為HTML5時(shí)代SEO們整理不休的一個(gè)標(biāo)簽。

noscript標(biāo)簽將會(huì)被大量使用，因?yàn)镠TML5時(shí)代將會(huì)是一個(gè)富媒體時(shí)代。傳統(tǒng)的文字、圖片、鏈接、視頻、音頻可能已經(jīng)滿足不了用戶的需求，大量的腳本能夠編輯出豐富的信息，包括游戲、個(gè)性化設(shè)計(jì)等等。

總之，一個(gè)新的時(shí)代即將到來，SEO們將會(huì)有大量的工作要去處理。

作者：姜東棟，上海奇商網(wǎng)絡(luò)科技有限公司CEO，2006年接觸SEO，2007年正式成為一名職業(yè)SEO，2008年師從甲骨文公司高級(jí)技術(shù)開始正式專注百度白帽SEO研究，同年創(chuàng)立上海SEO聯(lián)盟，2009年成立上海奇商網(wǎng)絡(luò)科技有限公司，專門提供企業(yè)級(jí)SEO培訓(xùn)同年加入上海SEO聯(lián)誼會(huì)，2011年成為上海SEO俱樂部聯(lián)合創(chuàng)始人。

原文：http://www.qisir.com/Blog/HTML5-SEO/

【編輯推薦】

1. HTML 5***指南：2012年14大預(yù)測
2. 使用HTML 5/CSS3五步快速制作便簽貼特效
3. 現(xiàn)在就使用HTML 5的十大理由
4. 51CTO技術(shù)沙龍第十七期：HTML 5應(yīng)用開發(fā)經(jīng)驗(yàn)分享
5. 用HTML 5打造斯諾克桌球俱樂部