必威体育Betway必威体育官网
当前位置:首页 > seo技术

做网站为什么要使用div+css?浅析div+css的优点

时间:2020-03-19 10:18:01来源:seo技术作者:seo实验室小编阅读:0次「手机版」
 

   网站已经成为企业网络营销的标准,站点建设是网站营销的第一步,什么样的网站结构布局适合于营销?越来越多的网站页面开发者正在使用div+css布局,今天他们发现了原因:

 
  DIV(标准参考)+CSS(级联样式表)"是网站标准(或"Web标准")中常见的术语之一。通常用来解释HTML网页设计语言中表单(表格)定位方法的区别,因为在XHTML网站设计标准中,不再使用表格定位技术,而是使用DIV+CSS方法来实现各种定位。使用DIV+CSS设计网站对SEO的影响是明显的。由于其结构简单、符合标准,DIV+CSS构建的网站受到搜索引擎的青睐,但并非所有的DIV+CSS都有利于网站的排名,正确的页面布局也非常有利于搜索引擎优化。
 
  做网站为什么要使用div+css?
 
  1.网页代码减少,简单明了:
 
  代码精简带来的好处有两点:一是提局spider爬行效率,能在最短的时间内爬行完整个页面,这样对收录质量有一定的好处;二是能高效爬行的页面,就会受到spider的喜欢,这样对收录数量有一定的好处。
 
  2.避免表格的嵌套弊端
 
  根据目前掌握的情况来看,spider爬行表格布局的页面,遇到多层表格嵌套时,会跳过嵌套的内容或直接放弃整个页面。使用表格页面,为了达到一定的视觉效果,不得不套用多个表格。如果嵌套的表格中是核心内容,spider爬行时跳过了这一段没有抓取到页面的核心,这个页面就成了相似页面。
 
  网站中过多的相似页面会影响排名及域名信任度。 DIV + CSS布局基本上不会存在这样的问题,从技术角度来说,XHTML在控制样式时也不需要过多的嵌套。少一些多层表格嵌套,对网站SEO还是有好处的。
 
  3.响应速度更快:
 
  div+css布局与表格布局相比减少了页面代码,力口载速度得到了很大的提高,这对spider爬行是非常有利的。过多的页面代码可能造成爬行超时, spider就会认为这个页面无法访问,影响收录及权重。另一方面,真正的网站优化不只是为了追求收录、排名,快速的响应速度尉是高用户体验的基础。
 
  浅析DIV/CSS的优点
 
  div+css,这个布局中,div承载的是内容,而css承载的是样式。内容和样式的分离对于所见即所得的传统table编辑方式确实是一个很大的冲击,尤其是设计人员很难接受设计一个他们不能立即看到的样式。不过div+css的好处实在是太明显了:
 
  1、搜索引擎亲和力:
 
  搜索引擎不会在意一个页面的设计或者构成。搜索引擎不可能“欣赏”设计漂亮新颖的页面;也不会去“排斥”颜色搭配丑陋的页面。它们只是默默地拿到它们需要的内容就离开。如果一个页面中涵盖了大量的table来描述构架,试想搜索引擎要花多大的代价才可以拿到真正有用的信息呢?
 
  一般来说,table构架描述的页面,样式结构和内容信息大小比可能达到1:1甚至更高。而CSS+DIV构架的页面,虽然在客户端看来下载一个复杂的CSS 也要占用差不多的带宽,然而搜索引擎可以很方便的绕过这个css,而直接抓去div中的内容。这便是div的优势所在。带宽的稍多占用,完全显得微不足道,更何况一个冗余的table设计架构如果代码写的不好会占用更多的带宽。
 
  2、重构页面的方便性。
 
  网页美工设计培训老师觉得这个应用最经典的例子就是各大blog程序了。就如现在我用的LBS系统,以及流行的PJBLOG、php下面的WP、MT,都是采用div+css构架。内容和样式的分离导致我们在重构页面布局(更换皮肤)的时候,只用针对每一个div元素重新定义其具体位置、样式就行了。而在原来的table基础上进行改版,几乎必须改变所有的内容注入渠道,实在是太过于麻烦。
 
  对于XHTML标准的DIV + CSS布局,一般在设计完成后会尽可能完 善到能通过W3C验证,与普通表格组成页面的网站相比,使用XTML架构的网站排名状况一般都要好些。
 
  搜索引擎是从上到下、从左到右访问网站信息的,而且,搜索引擎访问的是代码,和网页做得如何漂亮无关,所以,在网站建设的时候,关键内容在网页中的位置非常重要。我们在研究那些比较大的网站时会发现,整个网页代码被很多注释所包围。这些注释有两个好处:一是便于技术人员对代码的调整;二是便于SEO人了解关键内容的位置,便于调整。
分享到:

栏目导航

推荐阅读

热门阅读