p2h.cn始于05年,最早由来自腾讯,网易的前开发工程师,曾经为美的,格兰仕,电信,陆虎等企业提供过高品质psd转html解决方案。累计300多个客户至今,超过1000多个项目。

专注前端技术,关注用户体验
  • 2011年11月9日

html5如何做好seo优化

【P2H观点】大家都认为html5还没确认,有些浏览器不能够支持,所以还在期盼当中,其实html5的运用早就已经可以运用到网页中了 ,百度,淘宝,迅雷等都已经全部或者部分运用了html5的相关技术,而P2H组织也早已经开始提供了psd转html5的服务。转html5虽然对于ie等元老级的浏览器不支持,但是已经有可行的其他解决方案了,可以很好的解决这一个问题。下面我们将谈一谈html5对seo优化的好处。

头部代码

1、标题标签(title标签)

在HTML5中标题标签依然存在,其仍然具有不可替代的作用;不过我们看到还有更多的可供搜索引擎识别的代码,我们将改代码的等级微降。

2、元标签(meta标签)

字符集编码声明标签

该标签原本就是搜索引擎必看且首先要看的标签,其他属性都省略唯独留下charset属性能看到google公司用心良苦。

网页描述标签

该标签虽然没有什么提示,但是该区域的内容将会在SERP显示,其重要性不应该被忽略。

HTML5布局

正文代码

1、头部标签(header标签)

这块区域之前以logo居多,而从目前的情况来看,很多资料都建议在这类使用标题1或2标签,即H1或H2标签。我们认为未来每个网页只会出现一个H1标签,而他的位置就是位于header标签内。该区域我们不建议使用strong标签,不要使用b标签。

2、导航标签(nav标签)

nav标签内基本上都是a标签,而HTML5中不应该靠添加title标签来进行优化,我们建议是用strong标签。

3、文章标签(article标签)

article标签区域,我们可以使用h2标签,而不建议使用h1标签。基本上有多少个article标签就可以使用多少个h2标签。PS:可把SEO乐死了,估计黑帽又找到作弊的地方了。

而article标签区域的section标签将会替代h2标签链接过去的URL的title属性,这块区域的文字有可能将成为目标URL的description内容,即有可能会影响目标URL在SERP中的描述。

4、左或右侧标签(aside标签)

aside标签的文字信息与article标签区域的文字信息需要匹配,如果关联程度不大,可能会影响到该页面以及目标页面的排名。这是在HTML4中很多SEO忽视的一块区域,而这块区域的关键词对本页面可能影响不是很大。因为aside标签的内容基本上都属于公共内容,即会有N多的页面都有该内容。

5、底部标签(footer标签)

footer标签区域的内容对首页的排名将会增加,而对于内页来说搜索引擎将有可能会视而不见。不建议每个web的footer信息都是独立的,这或许意味着新的黑帽手段将会出现。

6、其他标签等

video标签中间区域的文字信息将会让搜索引擎读懂视频,这是一次飞跃。不过也为黑帽SEO节约了一笔不菲的时间。

audio标签作为类似img一样的单标签来处理感觉的确有点过分,这样对于音乐可能会有很多障碍,不过音乐里面基本上没有几个关键词,也就不再网页搜索引擎优化的研究范围了。注意下该标签上下文的关键词即可。

time标签可能会作为一个来判断网页文字源,也就是能够通过time标签来识别那篇文章是原创的。而time标签可能将是成为HTML5时代SEO们整理不休的一个标签。

noscript标签将会被大量使用,因为HTML5时代将会是一个富媒体时代。传统的文字、图片、链接、视频、音频可能已经满足不了用户的需求,大量的脚本能够编辑出丰富的信息,包括游戏、个性化设计等等。

总之,一个新的时代即将到来,SEO们将会有大量的工作要去处理。

PS:原创的文章,请不要删除掉版权信息,加个链接不会怀孕也不会破产。

奇商网络版权所有,转载请注明来源。原文地址:http://www.qisir.com/Blog/HTML5-SEO/


欢迎转载,转载请注明来源:http://www.p2h.cn/html5-how-to-do-seo-optimization/

相关链接: