收藏本站|设为首页

您现在的位置: 首页 > 新闻中心 > 建站经验 > 详细内容

详解HTML5与SEO的关系

2013-06-17 18:04 来源: 卓杰科技(www.zhuojie.cc) [ ]

许多人都在问:HTML5真的有助于SEO嘛?这点我们可以从XDite大大在Google+上的发文可以看到,这答案是肯定的!不过这中间可能会有一个逻辑上的误区:不是HTML5带来SEO的效益,而是网页正确语义化及HTML5更完美的架构,导致了搜索来量的提升。这也是为什么,未来从事SEO工作的时候,我们可能要将HTML5化,作为SEO工作之一。

 

反过来说,我们现在使用的HTML4/XHTML,难道就不能语义化嘛?这点半对半不对。在HTML4/XHTML中,除了传统的td,tr切版方式的网页制作外,DIV+CSS的版面配置已经逐渐受到重视。所以,一个基础的网页我们可能有这样的配置。

嗯,看起来很熟悉吧。不过这是很基础的DIV配置,还没有做到语义化的目的,所以在HTML5出来前,依据W3C的规则,我们其实可以利用"id"这个元素,来帮我们的每个DIV「取名」,其实只要做到这一步,搜索引擎就已经可以清楚辨识每个DIV的作用,并正确找到文章的重点,所以在HTML4/XHTML中的语义化实现是:

See,这样用id来帮DIV命名,跟前一张图相比较,连中文附注都不用,就可以很清楚知道版块的用意,同样的搜索引擎也能快速的了解网页。但是在HTML5中,新增了header、article、section、footer、aside、nav等标签,来协助我们在使用HTML5做到更好的语义架构,也更容易让搜索引擎快速的了解一整页的重点,所以从上图的架构来说,利用HTML5来做编辑的话,可以调整为:

好了,我想从基础架构来说,你应该已经知道HTML5下的语义架构下,该怎么去调整自己的网站了吧!不过有几个容易搞混的地方还是要提醒一下:

 ?所谓「标签」,在语义上就表示包含的内容是具有意义的。所以不要遇到区块就用section去包。像是Logo一些无意义的内容,div还在,请善用。

 ?不要凡是遇到「列表」或是「导览列」就用nav,个人的基本分类原则:连站内的再用nav,如果是要导航到外站的,请用section,或是div就好。