现在的位置: 首页 > SEO优化 > 正文

DIV+CSS为什么比Table对SEO更具优势

2011年10月10日 SEO优化 ⁄ 共 2625字 ⁄ 字号 评论 10 条 ⁄ 阅读 586 views 次

DIV+CSS 所以成为目前网页布局主流,主要核心原因,其实不仅仅是其符合W3C标准,而是通过采用DIV+CSS,网页从此表现与内容分离。现在DIV+CSS已经很风靡了,各大网站都纷纷重构为DIV+CSS模式,得道SEO就是最好的例子,采用层和CSS后,给用户最直观的体验就是网页打开速度快了。

什么是DIV+CSS设计

DIV+CSS是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。

CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。

DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制

一、DIV+CSS 布局网站的好处

采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下4个显著优势:

1、表现和内容相分离
将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。

2、提高搜索引擎对网页的索引效率
用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的网页内容,并可能给你一个较高的评价。

3、提高页面浏览速度
对于同一个页面视觉效果,采用DIV+CSS重构的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2大小

4、易于维护和改版
你只要简单的修改几个CSS文件就可以重新设计整个网站的页面

从以上的描述来看,采用DIV+CSS对网站重构可以大大提升网站用户与搜索引擎的友好度

二、DIV+CSS的网页制作对搜索引擎优化(SEO)的优势

由于国外都流行用DIV+CSS来制作网页,这点与大多国内的企业站点用TABLE不同,所以想谈一下DIV+CSS的网页制作对搜索引擎优化(SEO)的优势有哪些?这些都是比较于TABLE而言的。

DIV+CSS布局较Table布局减少了页面代码,加载速度得到很大的提高,这在spider爬行时是非常有利的。过多的页面代码可能造成爬行超时,spider就会认为这个页面无法访问,影响收录及权重。

1、代码精简

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

2、表格的嵌套问题

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

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

而DIV+CSS布局基本上不会存在这样的问题,从技术角度来说,XHTML在控制样式时也不需要过多的嵌套。

这虽然没有得到确认,但还是建议使用Table布局的朋友们,在设计时尽可能的不要使用多层表格嵌套,SEOer们在文章中说明了这一点,相信他们也不是没有依据的。

3、速度问题

DIV+CSS布局较Table布局减少了页面代码,加载速度得到很大的提高,这在spider爬行时是非常有利的。过多的页面代码可能造成爬行超时,spider就会认为这个页面无法访问,影响收录及权重。

另一方面,真正的SEO网站优化不只是为了追求收录、排名,快速的响应速度是提高用户体验度的基础,这对整个搜索引擎优化及营销都是非常有利的。

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

我想,这样的情况可能不是排名规则,最大的可能还是spider爬行网站时,出现以上差异导致收录质量的不同。
毕竟廖胜于无,建议建站或改版的朋友们,技术许可的情况下,还是选择DIV+CSS布局为好

三、影响SEO搜索引擎优化的网页制作细节
1、将CSS与jAVACSRIPT全部用下边的方法分离到外部文件中去,让html代码最大可能的只是用来显示实际内容。

2、采用Xhtml代码编写页面,抛弃传统Table布局模式,去掉页面中的例如font/bgcolor等格式化控制标签。用符合web标准的代码来制作页面。这样能够让xhtml代码结构化、语义化。提高页面代码的可读性。

3、采用了上边的方法你会发现你的html代码会变得非常小,当然如果可以的话。让它变得更小。太大的页面会影响搜索引擎的处理速度。一般通过xhtml+css设计的网页,html代码应该可以控制在50K以内。大家可以去看一下用web标准重构得比较好的网站。
4、用好图片的alt标签合理的使用页面关键字去描述图片,这样能增加页面的关键字密度。

5、尽可能少地使用javascript来做与内容相关的事情,例如用document.write去显示正文。这样会影响搜索引擎对页面内容的搜索。

6、千万不要去javascript来实现你网站的导航,那样会让搜索引擎迷失方向。

7、每个页面的关键字尽可能出现在页面的标题,也就是头部的Title标签中。当然,要合理应用,太要太长,更别用大量与页面内容无关的网络热门关键字。因为那就不是优化而是在作弊。

8、尽量在每个页面代码中合理使用标签,并让关键字出现在标签中,让页面的文档结构更清楚。

徐州SEO:简单来说DIV+CSS 布局网站最明显的好处:
1.便于搜索引擎的抓取
2、页面加载速度快
3.布局更加灵活
4.便于动态程序嵌入或者动态程序载入div+css模版

如果你认为这篇文章对您有所帮助的话,请点击左侧百度分享按钮收藏或分享给朋友吧!



目前有 10 条留言    访客:10 条, 博主:0 条

  1. 网店货源 2011年10月10日 下午 8:00  @回复  Δ-49楼 回复

    又有新文章了,不错,支持博主。

  2. 什么美白产品好 2011年10月11日 下午 2:50  @回复  Δ-48楼 回复

    DIV+CSS比较好维护,对SEO也好。

  3. 免费软件共享63 2011年10月11日 下午 2:57  @回复  Δ-47楼 回复

    好久没来博主博客看看了,博主文章就是给力!

  4. 先看看 2011年10月11日 下午 3:51  @回复  Δ-46楼 回复

    很多都用这个做主题了

  5. 男科在线咨询 2011年10月11日 下午 4:37  @回复  Δ-45楼 回复

    呵呵,都改div了,没用表格了

  6. 七七 2011年10月11日 下午 4:46  @回复  Δ-44楼 回复

    不错的分享,支持下!

  7. SEO博客 2011年10月12日 下午 12:40  @回复  Δ-43楼 回复

    总的来说 代码少 速度快。

  8. 三亚网站优化 2011年10月13日 下午 4:39  @回复  Δ-42楼 回复

    博主文章就是给力!

  9. 超级p57减肥怎么样 2011年10月15日 下午 1:40  @回复  Δ-41楼 回复

    这种比较适合吧

  10. 奋斗 2011年10月29日 上午 11:10  @回复  Δ-40楼 回复

    是的,table是有点过时了

给我留言

留言无头像?


客服电话15252185118
联系站长
点击这里给我发消息
×