网站地图设为首页收藏本站

量子网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 548|回复: 0

为什么说HTML5是为SEO优化而生的

[复制链接]
发表于 2017-6-17 21:47 | 显示全部楼层 |阅读模式
   自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新的标签。
文章泉源http://www.cxboke.com/seo_show.asp?Bigid=22&id=111,接待转载分享
您需要登录后才可以回帖 登录 | 立即注册 新浪微博登陆

本版积分规则

QQ|Archiver|手机版|小黑屋|联系我们|南阳导航网 ( 豫ICP备07006132号-1|网站地图  

GMT+8, 2018-10-20 12:43 , Processed in 0.280885 second(s), 29 queries .

快速回复 返回顶部 返回列表