第二世界国家

搜索引擎优化之DIV+CSS

海贼王 海贼动漫 海贼动漫 发表于:2008-07-24 14:23:41 IP:121.229.45.*

不少网站都开始使用日趋主流的div+css对网站进行重构,div+css的好处除了使代码简洁改版方便之外,当我们对网站进行SEO也是有好处的,我们使用DIV+CSS是为了使代码更简洁,DIV+CSS并不是说不能用TABLE,有时使用TABLE时代码更少更简单时,还是要用TABLE的。什么事过了都会不好的。搜索引擎蜘蛛爬行Table布局的页面,遇到多层表格嵌套时,会跳过嵌套的内容或直接放弃整个页面

      div+css重构网站的好处:
      1,提高搜索引擎对网页的索引效率
      提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;
      由于能高效的爬行,就会受到spider喜欢,这样对收录数量有一定好处。
      避免了表格嵌套,搜索引擎蜘蛛爬行Table布局的页面,遇到多层表格嵌套时,会跳过嵌套的内容或直接放弃整个页面,不少使用传统的table布局的网站,很多页面在搜索引擎快照中显示不完整。

      2,表现与内容相分离
      将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息,方便网站改版,只需要对css进行重构便可完成网站的改版需要。

      3,提高页面加载速度
      大大的减少了网页的代码,节省服务器带宽。
      提高网页加载速度,使用户打开页面的速度大大提高,提高用户体验。

      Div+css设计网页时需要注意的问题:
      css部分与页面代码应该分离,将css单独封装在一个.css文件中调取。
      使用id与class,尽量避免使用style=""。
      尽量使用标准的css命名规范,这是检验一个设计师是否专业的一个小标志。
      浏览器兼容,目前主流的浏览器有IE6,IE7,Firefox,div+css容易产生兼容问题,设计时需要对三个浏览器进行不断调试。
      尽量使用css的缩写以节省代码,例如margin:10px 20px 10px 20px;可以简写为margin:10px 20px;

      Div+css设计网页时需要注意的SEO问题:
      代码的顺序,将重要的代码部分显示在前,不重要的显示在后,而视觉效果不变。例如利用float可将左右部分代码调换位置。
      H标签的使用,h标签在搜索引擎算法中占据比较重要的位置,h1—-h6标签都对SEO有一定的帮助。
      Javascript代码的封装。页面中不少javascript代码干扰了搜索引擎分析页面内容,可以将javascript代码封装在一个.js文件中外部调用,在这里有朋友会问,为什么不能用JS?因为JS里的内容不会被搜索引擎识别,JS里如果有内容就没办法被收录了,而且JS都显示出来,会使页面的篇幅变大。。
      每个<img />都要加入alt注释,如果是页面代码的构成内容比如某个边角图片,则可以将alt留空,即alt="",当然去掉alt=""也未尝不可,只是如果要遵循标准的话,保留alt=""是必要的。
      无用代码的封装。将对SEO产生干扰或者负面影响的内容使用<iframe>或者.js封装成文件外部调用。
将需要强调的文字信息(主要指包含关键词的信息)使用<strong>加粗


这是个关于一群爱做梦孩子的故事,他们拥有热情,他们拥有毅力,他们拥有伙伴..
海贼动漫
我也来说两句 返回网缘驿站   加入收藏夹 
内容:
图片地址: (以http://开头 .jpg .gif 等格式)
验证码: 匿名发表
 
·网友评论只代表网友个人观点。第二世界管理人员有权对留言内容进行保留或删除。
·遵守法律法规,尊重网上道德,承担一切因您的行为而直接或间接导致的民事或刑事法律责任。
·参与评论即表明您已阅读并接受上述条款。