DIV+CSS网页布局对SEO的影响

开发 前端
DIV+CSS网页布局有很多值得学习的地方,那么它对SEO具有哪些影响呢,今天就SEO与DIVCSS布局的关系,我们向大家做一下简单介绍。

本文和大家分享一下DIV+CSS网页布局对SEO的影响,SEO主要就是通过对网站的结构,标签,排版等各方面的优化,使Google等搜索引擎更容易搜索网站的内容。

DIV+CSS网页布局对SEO的四大影响

  作为一个CSSer,需要懂得的知识是比较多的,前面有UE设置,后面有程序,而在开发的同时,需要考虑到网站优化,包括用户体验和SEO等等。今天就SEO与DIVCSS布局的关系,我们作一些了解,在div-css.net中,也有着类似的文章,相信大家看了以后,会有收获的。首先了解一下,什么是SEO。

  SEO主要就是通过对网站的结构,标签,排版等各方面的优化,使Google等搜索引擎更容易搜索网站的内容,并且让网站的各个网页在GOOGLE等搜索引擎中获得较高的评分,从而获得较好的排名。

  一、代码精简

  使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点:一是提高蜘蛛爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到蜘蛛喜欢,这样对收录数量有一定好处。

  二、表格的嵌套问题

  很多网站如何推广的文章中称,搜索引擎一般不抓取三层以上的表格嵌套,这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来,但根据目前掌握的情况来看,蜘蛛爬行Table布局的页面,遇到多层表格嵌套时,会跳过嵌套的内容或直接放弃整个页面。从而减小了搜索效率。

  使用Table布局,为了达到一定的视觉效果,不得不套用多个表格。如果嵌套的表格中是核心内容,蜘蛛爬行时跳过了这一段没有抓取到页面的核心,这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。

  而DIV+CSS布局基本上不会存在这样的问题,从技术角度来说,XHTML在控制样式时也不需要过多的嵌套。
  这虽然没有得到确认,但还是建议使用Table布局的朋友们,在设计时尽可能的不要使用多层表格嵌套,SEOer们在文章中说明了这一点,相信他们也不是没有依据的。

  三、速度问题

  DIV+CSS布局较Table布局减少了页面代码,加载速度得到很大的提高,这在蜘蛛爬行时是非常有利的。过多的页面代码可能造成爬行超时,蜘蛛就会认为这个页面无法访问,影响收录及权重。
  另一方面,真正的SEOer不只是为了追求收录、排名,快速的响应速度是提高用户体验度的基础,这对整个搜索引擎优化及营销都是非常有利的。

  四、对排名的影响

  基于XTHML标准的DIV+CSS布局,一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面,但事实证明使用XTHML架构的网站排名状况一般都不错。这一点或许会有争议,但樂思蜀本人保持这样的观点,有异议者可以拿三组以上基本同等质量的网站对比观察。

  我想,这样的情况可能不是排名规则,***的可能还是蜘蛛爬行网站时,出现以上差异导致收录质量的不同。只要把网页做好了,相信蜘蛛能更快速,简洁的扫描我们的页面,收录更多的内容。

文章来源:Div-Css.net设计网参考:http://www.div-css.net/div_css/topic/index.asp?id=6898

【编辑推荐】

  1. 十个不被IE6支持的实用CSS属性
  2. 实例解析CSS padding 属性用法
  3. 解读Div CSS网页布局对SEO的四大影响
  4. CSS教程:详解margin和padding属性应用场合
  5. 实现IE6、IE7、IE8多版本浏览器共存的五种方法
责任编辑:佚名 来源: div-css.net
相关推荐

2010-09-02 09:44:07

DIV+CSSSEO

2010-08-17 14:15:30

DIV+CSS布局

2010-09-10 10:36:30

DIV CSS

2010-08-23 11:08:28

DIV+CSS

2010-08-20 15:43:00

Div CSSSEO

2010-08-17 13:28:31

DIVCSS

2010-08-16 14:18:49

DIV+CSS

2010-08-27 13:46:58

DIV+CSS

2010-08-30 14:57:21

DIV+CSS

2010-08-24 13:01:13

DIV+CSS

2010-08-27 17:41:03

DIV+CSS

2010-09-01 10:42:11

DIV+CSS

2010-08-23 14:30:14

DIV+CSS

2010-08-25 12:47:40

DIVCSS

2009-03-11 11:39:54

CSSJavascriptSEO

2010-08-23 10:50:39

DIV+CSS

2010-09-03 13:51:59

DIVCSS

2010-08-16 13:17:47

DIV+CSS

2010-08-23 14:25:13

marginCSS

2010-08-23 14:06:57

DIV+CSS
点赞
收藏

51CTO技术栈公众号