CSS对SEO的影响
A:网站优化的第一步是先优化网站的代码,比如尽量使用DIC+CSS,少用表格嵌套!
B:为什么?
A:因为采用DIV+CSS代码的网页,更有利于搜索引擎的抓取,对搜索引擎比较友好!
B:那DIV+CSS为什么对搜索引擎友好?
A:因为¥%&……%&……%*
在网站制作的整个过程中,对于网站采用什么样的结构,如何根据要实现的功能选择合适的语言,从一开始就做好代码优化,这些前期的决定显得尤其重要!那么为什么要采用DIV+CSS布局规范呢?相信这个问题有N种答案,每个人都有自己不同的看法:代码简单、利于维护、避免表格嵌套、保持整站视觉效果一致……那么对于SEO方面,DIV+CSS又有哪些优势呢?
一、首先我们要弄清楚什么是CSS
CSS(Cascading Style Sheet,可译为“层叠样式表”或“级联样式表”)是一组格式设置规则,用于控制Web页面的外观。通过使用CSS样式设置页面的格式,可将页面的内容与表现形式分离。页面内容存放在HTML文档中,而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分,通常为文件头部分。将内容与表现形式分离,不仅可使维护站点的外观更加容易,而且还可以使HTML文档代码更加简练,缩短浏览器的加载时间。
二、采用DIV+CSS的网站对搜索引擎的影响
1、代码精简
采用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道。代码精简带来的好处有两点:一是提高spider爬行效率,能在最短时间内爬行完整个页面,这样对收录质量有一定的好处;二是提由于能高效的爬行,就会受到spider喜欢,这样对收录数量有一定的好处。
2、表格的嵌套问题
很多站长认为,搜索引擎一般不抓取三层以上的表格嵌套,这一点一直没有得到搜索引擎官方的证实。经过业内人士的多次试验,没有得出完全的结果,但根据目前掌握的情况来看,spider爬行Table布局的页面,遇到多层表格嵌套时,会跳过嵌套的内容或直接放弃整个页面。使用table页面,为了达到一定的视觉效果,不得不套用多个表格。如果嵌套的表格中是核心内容,spider爬行是跳过了这一段没有抓取到页面的核心,这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。
div+css布局基本上不会存在这样的问题,从技术角度来说,XHTML在控制样式时也不需要过多的嵌套。
3、网页加载速度快
DIV+CSS布局较table布局减少了页面代码,加载速度得到很到的提高,同时也减轻了服务器的压力,这在spider爬行是非常有利的。过多的页面代码可能造成爬行超时,spider就会认为这个页面无法访问,影响收录及权重。另一方面,真正的网站优化不只是为了追求收录、排名,快速的响应速度是提高用户体验的基础。
4、整站维护简单
由于使用了DIV+CSS制作方法,在修改页面的时候更加容易省时,到css里找到相应的ID,使得修改页面的时候更加方便,也不会破坏页面其它部分的布局样式。如果是采用表格嵌套,可以想象一下维护人员的工作量。
5、保持整站视觉效果一致
DIV+CSS最重要的优势之一 :保持视觉的一致性;以往表格嵌套的制作方法,会使得页面与页面,或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法,将所有的页面,或所有区域统一用CSS文件控制,就避免了不同区域或不同页面体现出的效果偏差。
6、对排名的影响
对于XHTML标准的DIV+CSS布局,一般在设计完成后会尽可能完善到能通过W3C验证,与普通table表格组成页面的网站相比,使用XTML架构的网站排名状况一般都要好些。
首发于楚亚鹏西安SEO博客:http://www.chuyapeng.com(转载请保留)





