自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新的标签。
文章来源/seo_show.asp?Bigid=22&id=111,欢迎转载分享