移動互聯網
心觸屏,新抵達
未來觸手可及
1.《header》定義了站點的頭部信息,也就是頁眉,一般放置網站的站點名稱以及LOGO和導航欄。搜索引擎更容易識別站點的類型。
2.《nav》定義導航鏈接,也就是欄目或者頻道的鏈接。搜索引擎可以更好了解網站的信息架構,分類等。良好的信息架構,更有利于蜘蛛的爬行和權重的分布。
3.《footer》定義了底部信息,也就是頁腳。放置頁腳導航,一些比如公司介紹,聯系我們之類的信息。一般來說對網站比較不重要,有可能搜索引擎會降低其位置的權重。
4.《section》該元素用來表示網頁中不同的分區。優勢體現在每個部分都可以有其獨立的HTML標題。這可以讓搜索引擎更好的了解網頁的結構是如何劃分的。搜索引擎可能會根據網頁中的《section》標簽找出其信息架構。(同左撇子)
5.《article》 定義文章區域,可以更有利于搜索引擎識別網頁的內容以及判斷相關性。,
6.《aside》定義頁面內容之外的內容,在左側或右側邊欄。比如知乎右側的“相關問題”就屬于《aside》區域。aside標簽的文字信息與article標簽區域的文字信息最好是相關??赡軙绊懙皆擁撁婧湍繕隧撁娴呐琶?。
這些結構元素有些在HTML4時代,一般是用div來定義。如《div id=”header”》、《div id=”nav”》和《div id=”footer”》,但是難免有些網站會采用其它的命名方式。而HTML就把這些都標準化了,規范化了,簡潔明了。更有利于搜索引擎衡量網頁上的內容和相關性,甚至分配權重的流向。
HTML5塊元素上的好處:
1.《figure》定義媒介內容的分組,以及它們的標題,《figcaption》定義 figure 元素的標題。這兩個元素可以說非常好的使媒介和文字說明聯系在了一起。有利于搜索引擎理解內容。文字說明是可見的。
2.《time》定義日期/時間,time標簽可能會作為一個來判斷網頁文字源,也就是能夠通過time標簽來識別哪篇文章是原創的。
3.《audio》定義音頻
4.《video》定義視頻
這兩個元素區域中間的文字信息將會讓搜索引擎讀懂視頻和音頻。據說很多國外社交網站都開始試用HTML5,就是因為搜索引擎可以更好識別社交網站更多出現的音視頻。
另外目前搜索引擎可能還不能很好支持的HTML5,畢竟現在還沒有更好的推廣和運用。但我相信這是未來的趨勢。