来自:http://www.seven2.com.cn/archives/215
作为一个CSSer,需要懂得的知识是比较多的,前面有UE设置,后面有程序,而在开发的同时,需要考虑到网站优化,包括用户体验和SEO等等。今天就SEO与DIVCSS布局的关系。首先了解一下,什么是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网页布局教程DIV+CSS网页布局技巧如何实现DIV+CSS网页布局.pdf
div+css网页布局学习 div+css网页布局学习是指使用div标签和css样式来设计和布局网页的技术。下面是学习div+css网页布局的相关知识点: 一、XHTML基础知识 * XHTML是HTML的后继版本,提供了一些新的功能和改进 * ...
作为一个CSSer,需要懂得的知识是比较多的,前面有UE设置,后面有程序,而在开发的同时,需要考虑到网站优化,...今天就SEO与DIV+CSS布局的关系,我们作一些了解,相信大家看了以后,会有收获的。转自www.jqueryba.com
DIV+CSS网页布局与美化,div,css,web2.0
DIV+CSS 网页布局常用基础知识DIV+CSS 网页布局常用基础知识
DIV+CSS网页布局商业案例精粹光盘源文件
通过对十个经典案例进行分析,分别从不同类型网站的布局风格以及实现方法来讲解DIV+CSS网页布局和制作方法。本教程系统地讲解了CSS样式的基础理论和实际运用技术,并结合实例来讲解层叠样式表与层布局相结合制作网页...
适合初学者的39个div+css网页布局例子, 可以了解CSS命名规范,DIV+CSS布局方法, 三栏,二栏,多栏复杂型布局例子.
一本很好的实例讲解书籍,每个安全均按照效果图切割、页面效果分析、html代码编写,最终css页面布局实现进行讲解。即使刚入门的新手,也可以一步步轻松实现复杂的css页面布局。
DIV+CSS 网页布局常用基础知识DIV+CSS 网页布局常用基础知识
别具光芒DIV+CSS网页布局与美化 非常不错的书 按页码分别压缩为六个压缩包,可以单独解压 可以先下载一个看看 好了再下其他的 <br>注: 此书来自网络 版权归原作者所有 仅供个人学习参考...
div+css 网站布局案例精粹 袁润非 div+css 网站布局案例精粹 袁润非 div+css 网站布局案例精粹 袁润非 div+css 网站布局案例精粹 袁润非 div+css 网站布局案例精粹 袁润非 div+css 网站布局案例精粹 袁润非 div+css ...
DIV+CSS网页布局商业案例精粹-配书源代码 很好的学习材料,研究CSS布局,建议买书学习。
table布局网页转换为div+CSS布局的转换软件. 非常快捷方便,一转眼一个老式样table布局网页的网页就转换成div+CSS布局的了,支持绝对定位和流定位.
div+css布局大全 B/S项目表现层也很重要!
这里面十几个DIV+CSS布局的实例代码,刚学CSS的同学看看,还是比较有帮助的
Div+CSS网页样式与布局从入门到精通的配套实例
div+css 网页布局教程+例题... HTML格式...
DIV+CSS网页布局 提供 DIV+CSS网页布局供参考