搜索引擎是从上到下、从左到右访问网站信息的,而且,搜索引擎访问的是代码,和网页做得如何漂亮无关,所以,在网站建设的时候,关键内容在网页中的位置非常重要。我们在研究那些比较大的网站时会发现,整个网页代码被很多注释所包围。这些注释有两个好处:一是便于技术人员对代码的调整;二是便于SEO人了解关键内容的位置,便于调整。
使用DIV + CSS设计网站的时候,不得不强调一个利用SEO思想来建设网站的问题。搜索引擎对网站的排名顺序不是固定的。SEO的思想就是用搜索引擎的理念来搭建网站,而不是单一的在网站建设好后,通过一些技巧和手段来使得网站被搜索引擎所喜欢进而达到好的排名效果。不管是思想指导实践,还是实践填充了思想,都是一个好的开始,由学习国外的SEO,转变为自己的研究、总结和提升。
CSS是Cascading Style Sheets (层叠样式表单)的缩写,它是一种用来表现HTML或XML等文件样式的计算机语言。
DIV (标鉴)+ CSS (层叠样式表)是网站标准(或称“Web标准”) 中的常用术语之一,通常为了说明与HTML网页设计语言中的表格 (Table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV + CSS的方式实现各种定位。
使用DIV + CSS设计网站对SEO的影响是显而易见的,由于结构简单,且符合标准,利用DIV + CSS构建的网站深受搜索引擎的喜欢,不过并不是所有的DIV + CSS对网站的排名都有好处,正确的网页布局,对于SEO也是非常有利的。
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验证,与普通表格组成页面的网站相比,使用XTML架构的网站排名状况一般都要好些。