自2014年10月29日萬維網聯盟公開發布HTML5語言一來,HTML5一直深受業內人士的關注,特別是對於seoer來說,更是讓人欣喜,我從事SEO工作快2年時間,從事網站建設也有3年的時間,下面我給大家詳細介紹一下HTML5一些新標簽給seo帶來的作用。
1,<nav>
我們以前布局網站導航欄的時候一般都是采用<div class=”nav”><ul><li></li></ul></div>這種模式,現在我們可以直接使用html5的<nav>標簽,這樣就直接告訴搜索引擎<nav></nav>裡面的內容是導航欄,搜索引擎就能很好的去識別導航欄的位置,這也解決了有些網站雙層導航的問題,我們可以把主導航欄寫在<nav></nav>裡面,這樣對SEO就不會有營銷了。
注意事項:Internet Explorer 8 以及更早的版本不支持 <nav> 標簽。
2,<aside>
我們網頁布局的時候一般都喜歡在主文章旁邊加一些推薦文章、熱門文章、相關文章,目的主要是增加用戶的粘性或者增加關鍵詞密度,但是這樣會給搜索引擎帶來一個困難,就是可能會判斷錯誤哪些是網頁主內容,哪些是次要內容,雖然現在的搜索引擎都很智能,但還是有可能出錯。現在html5推出了<aside>標簽,我們可以把文章的側內容寫在<aside></aside>裡面,這樣就能夠很好的向搜索引擎表達我們網站內容的情況了。
注意事項:Internet Explorer 8 以及更早的版本不支持 <aside> 標簽。
3,<article>
一個網頁可能會同時存在文章、用戶評論、帖子,但如果都用<div>去布局的話他們之間可能會彼此影響,現在我們可以利用<article>標簽來解決這個問題,<article>主要是用來獨立某文檔某些結構的,<article></article>之間的內容可以包含一個論壇帖子、一篇雜志文章、一篇博客文章、用戶評論等具體寫法見下圖。
注意事項:Internet Explorer 8 以及更早的版本不支持 <nav> 標簽。
4,<header>
以前我們在寫頭部文件的時間都是<div class=”head”></div>這樣的形式,但現在建議采用html5新標簽<header>,我們可以把頭部文件寫在<header></header>。
注意事項:Internet Explorer 8 以及更早的版本不支持 <header> 標簽。
5,<footer>
以前我們在寫頭部文件的時間都是<div class=”foot”></div>這樣的形式,但現在建議采用html5新標簽<footer>,我們可以把頭部文件寫在<footer></footer>。
注意事項:Internet Explorer 8 以及更早的版本不支持 <footer> 標簽。
6、<figure>
我們知道搜索引擎不能識別圖片信息,所以我們以前的做法都是在alt屬性加入描述信息,但現在我們可以使用<figure>標簽直接秒速,但<figure>標簽一般和<figcaption>一起使用。具體寫法格式如下圖:
注意事項:Internet Explorer 8 以及更早的版本不支持 <figure> 標簽。
以上是我介紹幾個對SEO友好的html5新標簽,當然新的標簽還有很多,比如<video> 、<section>、<audio>等,這些標簽都是對SEO比較友好的,浏覽器兼容性也比較的好,希望更多的建站者能使用這些Html5新的標簽。
文章