一、頭部代碼
目前成都創(chuàng)新互聯(lián)已為上1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁空間、網(wǎng)站改版維護(hù)、企業(yè)網(wǎng)站設(shè)計、石峰網(wǎng)站維護(hù)等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。
1、標(biāo)題標(biāo)簽(title標(biāo)簽)
在HTML5中標(biāo)題標(biāo)簽依然存在，其仍然具有不可替代的作用;不過我們看到還有更多的可供搜索引擎識別的代碼，我們將改代碼的等級微降。
2、元標(biāo)簽(meta標(biāo)簽)
字符集編碼聲明標(biāo)簽：該標(biāo)簽原本就是搜索引擎必看且首先要看的標(biāo)簽，其他屬性都省略唯獨(dú)留下charset屬性能看到google公司用心良苦。
網(wǎng)頁描述標(biāo)簽：該標(biāo)簽雖然沒有什么提示，但是該區(qū)域的內(nèi)容將會在SERP顯示，其重要性不應(yīng)該被忽略。
二、正文代碼
1、頭部標(biāo)簽(header標(biāo)簽)
這塊區(qū)域之前以logo居多，而從目前的情況來看，很多資料都建議在這類使用標(biāo)題1或2標(biāo)簽，即h1或h2標(biāo)簽。我們認(rèn)為未來每個網(wǎng)頁只會出現(xiàn)一個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)簽。基本上有多少個article標(biāo)簽就可以使用多少個h2標(biāo)簽。PS：可把SEO樂死了，估計黑帽又找到作弊的地方了。
而article標(biāo)簽區(qū)域的section標(biāo)簽將會替代h2標(biāo)簽鏈接過去的URL的title屬性，這塊區(qū)域的文字有可能將成為目標(biāo)URL的description內(nèi)容，即有可能會影響目標(biāo)URL在SERP中的描述。
4、左或右側(cè)標(biāo)簽(aside標(biāo)簽)
aside標(biāo)簽的文字信息與article標(biāo)簽區(qū)域的文字信息需要匹配，如果關(guān)聯(lián)程度不大，可能會影響到該頁面以及目標(biāo)頁面的排名。這是在HTML4中很多SEO忽視的一塊區(qū)域，而這塊區(qū)域的關(guān)鍵詞對本頁面可能影響不是很大。因?yàn)閍side標(biāo)簽的內(nèi)容基本上都屬于公共內(nèi)容，即會有N多的頁面都有該內(nèi)容。
5、底部標(biāo)簽(footer標(biāo)簽)
footer標(biāo)簽區(qū)域的內(nèi)容對首頁的排名將會增加，而對于內(nèi)頁來說搜索引擎將有可能會視而不見。不建議每個web的footer信息都是獨(dú)立的，這或許意味著新的黑帽手段將會出現(xiàn)。
HTML5對SEO結(jié)構(gòu)上的好處
header定義了站點(diǎn)的頭部信息，也就是頁眉，一般放置網(wǎng)站的站點(diǎn)名稱以及LOGO和導(dǎo)航欄。搜索引擎更容易識別站點(diǎn)的類型。
nav定義導(dǎo)航鏈接，也就是欄目或者頻道的鏈接。搜索引擎可以更好了解網(wǎng)站的信息架構(gòu)，分類等。良好的信息架構(gòu)，更有利于蜘蛛的爬行和權(quán)重的分布。
footer定義了底部信息，也就是頁腳。放置頁腳導(dǎo)航，一些比如公司介紹，聯(lián)系我們之類的信息。一般來說對網(wǎng)站比較不重要，有可能搜索引擎會降低其位置的權(quán)重。
section該元素用來表示網(wǎng)頁中不同的分區(qū)。優(yōu)勢體現(xiàn)在每個部分都可以有其獨(dú)立的HTML標(biāo)題。這可以讓搜索引擎更好的了解網(wǎng)頁的結(jié)構(gòu)是如何劃分的。搜索引擎可能會根據(jù)網(wǎng)頁中的section標(biāo)簽找出其信息架構(gòu)。（同左撇子）
article 定義文章區(qū)域，可以更有利于搜索引擎識別網(wǎng)頁的內(nèi)容以及判斷相關(guān)性。，
aside定義頁面內(nèi)容之外的內(nèi)容，在左側(cè)或右側(cè)邊欄。比如知乎右側(cè)的“相關(guān)問題”就屬于aside區(qū)域。aside標(biāo)簽的文字信息與article標(biāo)簽區(qū)域的文字信息最好是相關(guān)。可能會影響到該頁面和目標(biāo)頁面的排名。
這些結(jié)構(gòu)元素有些在HTML4時代，一般是用div來定義。如div id=”header”、div id=”nav”和div id=”footer”，但是難免有些網(wǎng)站會采用其它的命名方式。而HTML就把這些都標(biāo)準(zhǔn)化了，規(guī)范化了，簡潔明了。更有利于搜索引擎衡量網(wǎng)頁上的內(nèi)容和相關(guān)性，甚至分配權(quán)重的流向。
HTML5與SEO沒有必然的聯(lián)系，但使用HTML5的確利于搜索引擎優(yōu)化，主要表現(xiàn)在如下幾點(diǎn)：
1、HTML5新增了不少新元素，這些新標(biāo)簽對SEO還是比較有影響的，適當(dāng)運(yùn)用，也許對SEO優(yōu)化是有很大好處。
（1）header定義了站點(diǎn)的頭部信息，也就是頁眉，一般放置網(wǎng)站的站點(diǎn)名稱以及LOGO和導(dǎo)航欄。搜索引擎更容易識別站點(diǎn)的類型。
（2）nav定義導(dǎo)航鏈接，也就是欄目或者頻道的鏈接。搜索引擎可以更好了解網(wǎng)站的信息架構(gòu)，分類等。良好的信息架構(gòu)，更有利于蜘蛛的爬行和權(quán)重的分布。
（3）footer定義了底部信息，也就是頁腳。放置頁腳導(dǎo)航，一些比如公司介紹，聯(lián)系我們之類的信息。一般來說對網(wǎng)站比較不重要，有可能搜索引擎會降低其位置的權(quán)重。
（4）section該元素用來表示網(wǎng)頁中不同的分區(qū)。優(yōu)勢體現(xiàn)在每個部分都可以有其獨(dú)立的HTML標(biāo)題。這可以讓搜索引擎更好的了解網(wǎng)頁的結(jié)構(gòu)是如何劃分的。搜索引擎可能會根據(jù)網(wǎng)頁中的section標(biāo)簽找出其信息架構(gòu)。
（5）article 定義文章區(qū)域，可以更有利于搜索引擎識別網(wǎng)頁的內(nèi)容以及判斷相關(guān)性。， aside定義頁面內(nèi)容之外的內(nèi)容，在左側(cè)或右側(cè)邊欄。aside標(biāo)簽的文字信息與article標(biāo)簽區(qū)域的文字信息最好是相關(guān)。這些結(jié)構(gòu)元素有些在HTML4時代，一般是用div來定義。如div id="header"、div id="nav"和div id="footer"，但是難免有些網(wǎng)站會采用其它的命名方式。而HTML就把這些都標(biāo)準(zhǔn)化了，規(guī)范化了，簡潔明了。更有利于搜索引擎衡量網(wǎng)頁上的內(nèi)容和相關(guān)性，甚至分配權(quán)重的流向。
（6）塊元素figure定義媒介內(nèi)容的分組，以及它們的標(biāo)題，figcaption定義 figure 元素的標(biāo)題。這兩個元素可以說非常好的使媒介和文字說明聯(lián)系在了一起。有利于搜索引擎理解內(nèi)容。文字說明是可見的。time定義日期/時間，time標(biāo)簽可能會作為一個來判斷網(wǎng)頁文字源，也就是能夠通過time標(biāo)簽來識別哪篇文章是原創(chuàng)的。
（7）audio定義音頻 video定義視頻 這兩個元素區(qū)域中間的文字信息將會讓搜索引擎讀懂視頻和音頻。據(jù)說很多國外社交網(wǎng)站都開始試用HTML5，就是因?yàn)樗阉饕婵梢愿米R別社交網(wǎng)站更多出現(xiàn)的音視頻。
2、新增的部分HTML5新標(biāo)簽，實(shí)現(xiàn)了以前Javascript才能做到的功能，利于搜索引擎優(yōu)化。
3、HTML5部分替代了Flash的功能利于搜索引擎優(yōu)化
html5對于seo的優(yōu)勢：
1、HTML5新增了不少內(nèi)聯(lián)元素，這為黑帽SEO節(jié)約了一筆不菲的時間；
2、HTML5的代碼可讀性更高了，也更簡潔了，內(nèi)容的組織相同，但每個元素有一個明確的清晰的定義，不再被迫去猜測之間不同命名的div標(biāo)記，搜索引擎可以更容易地衡量你網(wǎng)頁上的內(nèi)容和相關(guān)內(nèi)容。
3、time標(biāo)簽可能會作為一個來判斷網(wǎng)頁文字源，也就是能夠通過time標(biāo)簽來識別哪篇文章是原創(chuàng)的；
4、video標(biāo)簽中間區(qū)域的文字信息將會讓搜索引擎讀懂視頻，這是一次飛躍；
5、HTML5提供了一些令用戶興奮的東西，其次產(chǎn)品得到更好的展現(xiàn)，其次我們可以放心地使用它們，其次元素被更謹(jǐn)慎的方式定義，最后搜索引擎也不再淡定了；
6、HTML5會讓搜索引擎讀懂圖片、視頻、富媒體，一個新的時代即將到來，SEOer將會有大量的工作要去處理。
盡管現(xiàn)在html5還是在探索階段，但作為一個seo人員，必須要洞察先機(jī)，了解一些關(guān)于html5的知識并分析是否會對seo造成影響。事實(shí)上html5對網(wǎng)頁設(shè)計和開發(fā)人員的沖擊和影響，遠(yuǎn)遠(yuǎn)超過seo人員，但這并不意味著seor無須就html5對搜索引擎優(yōu)化策略做出調(diào)整。
html5新特性
html5是互聯(lián)網(wǎng)技術(shù)逐年演變的一種產(chǎn)物，包含了很多新的標(biāo)簽和元素，具體可以查閱《圖解html5》一文，但它仍然是基于xml的一種網(wǎng)頁表達(dá)語言，和html4相比也不是發(fā)生了翻天覆地的變化，而且對它的父輩有很好的兼容性，所以我們大可不必憂慮什么都得重頭學(xué)起，甚至認(rèn)為html5很難。
html5的哪些變化可能會影響seo
作為seo人員，我們只會關(guān)注html5規(guī)范發(fā)生了哪些可能會影響到seo的變化，下面是其中的一些。
改進(jìn)網(wǎng)頁分塊
現(xiàn)在的網(wǎng)頁基本上都是分塊的，網(wǎng)頁分塊意味著將一個頁面劃分為幾個獨(dú)立的部分，包括內(nèi)容、菜單、頭部、底部、鏈接等，但是站長沒有辦法告訴搜索引擎應(yīng)該如何對一個網(wǎng)頁進(jìn)行分塊，就是說沒有辦法告訴搜索引擎哪塊是頭部，哪塊是底部。不過html5將可以改變這一現(xiàn)狀，只要使用一些新的標(biāo)簽，如header和footer標(biāo)簽等。
新的article標(biāo)簽
估計這將會是對seo最有積極影響的html5新標(biāo)簽，因?yàn)檫@樣可以直接標(biāo)識文章內(nèi)容部分，而且可以避免使用div這些標(biāo)簽從而讓html代碼變得更簡潔，無疑對搜索引擎變得更加友好了。另一方面，放在article標(biāo)簽里的內(nèi)容將比放在頁面其他地方的內(nèi)容能在搜索引擎那里獲得更加多的權(quán)重。
新的section標(biāo)簽
section標(biāo)簽可以用來識別一個頁面或者一本書里單獨(dú)的章節(jié)，它的好處就是每一個章節(jié)都可以擁有單獨(dú)的html標(biāo)題，再結(jié)合article標(biāo)簽考慮，就可以推斷到搜索引擎將會更加注重單獨(dú)章節(jié)里的內(nèi)容。舉個例子，如果在某一章節(jié)里找到與搜索字符串相匹配的內(nèi)容，將比在整個頁面或者其他地方找到的能獲得更高的相關(guān)性。
新的header標(biāo)簽
header標(biāo)簽對于seo人員來說是一個福音，因?yàn)橄啾扔诂F(xiàn)在的head，它提供了更大的靈活性。header標(biāo)簽和H1標(biāo)簽的作用非常相似，但不同的是，header里面可以包含很多東西，包括可以是H1、H2括起來的內(nèi)容，也可以是整段文字，又或者是鏈接，以及你覺得有相關(guān)的其他信息。
新的footer標(biāo)簽
footer標(biāo)簽沒有header標(biāo)簽?zāi)敲垂苡?，但仍然可以包含一些重要信息在里面，它可以用作seo的一種手段。header和footer標(biāo)簽可以在一個頁面里多次出現(xiàn)，例如，我們可以為一個單獨(dú)的section配備一個header和一個footer，這無疑為我們提供了很大的靈活性。
新的nav標(biāo)簽
網(wǎng)站面包屑導(dǎo)航是seo的重要因素，一個導(dǎo)航友好的網(wǎng)站無疑可以在搜索引擎那里獲得更高的排名，所以一切簡化導(dǎo)航的做法都是對seo有作用的，而nav就可以做到這一點(diǎn)。
我們在這里只是列舉了部分在某種程度上可能會對seo產(chǎn)生影響的html5新標(biāo)簽，html5還有很多新的標(biāo)簽，例如audio、video、dialogue等，但它們對seo的重要性相對較低，所以在此不作討論。
總結(jié)
目前，html5對于大部分人來說還是很遙遠(yuǎn)的，當(dāng)越來越多的網(wǎng)頁應(yīng)用上html5的時候，搜索引擎才會更加注重html5，并作出相應(yīng)的策略調(diào)整，或者只有那時才會知道搜索引擎究竟會如何對待html5的頁面?，F(xiàn)在看來，html5的大規(guī)模普及并不是很快就會發(fā)生的事，所以我們無須過分擔(dān)憂它對seo產(chǎn)生的影響，可以繼續(xù)只關(guān)注html4。另一方面，瀏覽器也需要時間去為html5作出改變，所以html5無處不在的那一天還挺遙遠(yuǎn)的。
不過，一旦html5為所有瀏覽器和更多的用戶所接受，它將成為未來很長時間的主導(dǎo)標(biāo)準(zhǔn)，所以我們要時刻關(guān)注它的動態(tài)、關(guān)注其他站長正在做什么，目的是為了確保不要錯過當(dāng)html5成為事實(shí)標(biāo)準(zhǔn)后應(yīng)該馬上作出反應(yīng)的那一個時機(jī)。
既然HTML5是網(wǎng)頁改版的一次創(chuàng)新，那么它跟我們所熟知的SEO有必然的聯(lián)系嗎？實(shí)際上，HTML5與SEO之間有著千絲萬縷的關(guān)系。
第一、使搜索引擎更加容易抓取和索引
對于一些網(wǎng)站，特別是那些嚴(yán)重依賴于FLASH的網(wǎng)站HTML5是一個大福音。如果你有一個都是FLASH的站點(diǎn)，你就一定會看到切換到HTML5的 好處。首先，搜索引擎的蜘蛛將能夠抓取你的站點(diǎn)和索引你的內(nèi)容。所有嵌入到動畫中的內(nèi)容將全部可以被搜索引擎讀取。在搜索引擎優(yōu)化的基本理論中，這一方面將會驅(qū)動你的網(wǎng)站獲得更多的點(diǎn)擊流量。
第二、提供更多的功能，提高用戶的友好體驗(yàn)
使用HTML5的另一個好處就是它可以增加更多的功能。對于HTML5的功能性問題，我們從全球幾個主流站點(diǎn)對它的青睞就可以看出。社交網(wǎng)絡(luò)大亨Facebook已經(jīng)推出他們期待已久的基于HTML5的iPad應(yīng)用平臺，潘多拉也推出他們基于HTML5的音樂播放器的新版本。游戲平臺 Zynga也在推出了三款新的在移動設(shè)備瀏覽器上運(yùn)行的基于HTML5的游戲等等。每天都有不斷的基于HTML5的網(wǎng)站和HTML5特性的網(wǎng)站被推 出。保持站點(diǎn)處于新技術(shù)的前沿，也可以很好的提高用戶的友好體驗(yàn)。
第三、可用性的提高，提高用戶的友好體驗(yàn)
最后我們可以從可用性的角度上看，HTML5可以更好的促進(jìn)用戶于網(wǎng)站間的互動情況。多媒體網(wǎng)站可以獲得更多的改進(jìn)，特別是在移動平臺上的應(yīng)用，使用 HTML5可以提供更多高質(zhì)量的視頻和音頻流。
重慶分公司
重慶分公司
