Skip to main content
 首页 » 搜索优化

谈DIV+CSS以及对SEO的优势

15年前 (2009-10-16)24190

我们知道DIV(标签)+CSS(层叠样式表)是网站标准中的常用术语之一,在XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。

SEO的思想就是用搜索引擎的理念来搭建网站,而不是单一的在网站建设好后,通过一些技巧和手段来使得网站被搜索引擎所喜欢进而达到好的排名效果。

所以我们在建站时要用SEO思想指导采用DIV+CSS设计来建设网站。使用DIV+CSS设计网站对SEO的影响是显而易见的,由于结构简单,且符合标准,利用DIV+CSS构建的网站深受搜索引擎的喜欢,但是并不是所有的DIV+CSS对网站的排名都有好处,正确的网页布局,对于SEO也是非常有利的。

下面具体谈一下DIV+CSS的优势:

1、代码精简
代码精简带来的好处由两点:一是提高spider爬行效率,能在最短的实践内爬行完整个页面,这样对收录质量由一定的好处;二是能高效爬行的页面,就会受到spider的喜欢,这样对收录数量有一定的好处。

2、表格的嵌套问题
根据目前掌握的情况来看,spider爬行表格布局的呀面,遇到多层表格嵌套时,会跳过嵌套的内容或直接放弃整个页面。
使用表格页面,为了达到一定的视觉效果,不得不套用多个表格。如果嵌套的表格中是核心内容,spider爬行时跳过了这一段没有抓取到页面的核心,这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。DIV+CSS布局基本上不会存在这样的问题,从技术角度来说,XHTML在控制样式时也不需要过多的嵌套。少一些多层表格嵌套,对网站SEO还是有好处的。

3、速度问题
DIV+CSS布局与表格布局相比减少了页面代码,加载速度的得到了很大的提高,这对spider爬行时非常有利的。过多的页面代码可能造成爬行超时,spider就会认为这个页面无法访问,影响收录及权重。另一方面,真正的网站优化不只是为了追求收录、排名,快速的响应速度也是提高用户体验的基础。

4、修改设计时更有效率
由于使用了DIV+CSS制作方法,在修改页面的时候更加省时。到CSS里找到相应的ID,使得修改页面的时候更加方便,也不会破坏页面其它部分的布局样式。

5、保持视觉的一致性
DIV+CSS最重要的优势之一时保持视觉的一致性。以往表格嵌套的制作方法,使得页面与页面或者区域与区域之间的显示效果会有偏差;而使用DIV+CSS的制作方法,将所有的页面或所有区域统一用CSS文件控制,就避免了不同区域或不同页面体现出的效果偏差。

6、对排名的影响
对于XHTML标准DIV+CSS布局,一般在设计完成后会尽可能完善到能用过W3C验证,与普通表格组成页面的网站相比,使用XHTML架构的网站排名状况一般都要好些。

 

评论列表暂无评论
发表评论
新浪微博
微信