来自: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网页布局对SEO的四大影响 随着互联网的发展,搜索引擎优化(SEO)成为提升网站可见度和吸引流量的重要手段之一。对于前端开发者而言,不仅要关注网站的美观与交互体验,还需要考虑如何通过合理的布局...
DIV+CSS网页布局对SEO的四大影响 作为一个CSSer,需要懂得的知识是比较多的,前面有UE设置,后面有程序,而在开发的同时,需要考虑到网站优化,包括用户体验和SEO等等。今天就SEO与DIV+CSS布局的关系,我们作一些...
**DIV+CSS布局** - **概念:** DIV+CSS是一种网页布局方式,利用HTML中的`div`标签配合CSS来实现页面的布局设计。 - **优势:** 相比传统的表格布局,DIV+CSS具有更好的灵活性、易维护性和搜索引擎友好性。它...
1. **布局技术**: 采用了DIV+CSS布局,这是当前网页设计中的主流布局方式之一,具有较好的兼容性和可维护性。 2. **页面内容**: 设计内容包括但不限于个人、美食、公司等多种主题,以满足不同场景下的需求。 3. **...
- **使用DIV+CSS布局**:这是一种现代网页设计的标准方法,通过将内容与样式分离,可以使页面更加灵活且易于维护。在设计过程中,合理运用浮动和定位属性,可以帮助构建复杂的布局结构。 - **页面结构**:页面一般...
使用了DIV+CSS布局的网页与Table布局比较,精简了许多页面代码,那么其浏览访问速度自然得以提升,也从而提升了网站的用户体验度。 三.艺帆CMS企业版1.7.6VSEO优化 采用div-css布局的网站对于搜索引擎很是友好,因此...
在这个模板中,利用CSS实现了DIV+CSS布局,使得网页看起来更加现代且色彩鲜明。例如,通过设置`background-color`来改变顶部导航及底部区域的背景颜色,使其宽度为100%,这样可以使得整个页面看起来更加统一和谐。 ...
第2讲_首页DIV+CSS设计一: 此章节主要关注博客系统的前端界面设计。通过使用HTML和CSS,我们可以创建一个美观且响应式的博客首页。学习者将学习到如何使用HTML5语义化标签构建页面结构,以及如何使用CSS3实现布局和...
鉴于这些限制,推荐采用现代网页技术标准,比如HTML5配合Div+CSS布局,这不仅简洁明了,而且对搜索引擎极为友好。同时,设置404错误页面,维护网站的稳定性和可访问性,提供站内搜索功能,以便用户能够快速地搜索到...
CSS负责页面的样式和布局,良好的CSS编码规范能够使样式表更易于维护。这可能涉及选择器的编写规则,如避免使用过于复杂的级联选择器,提倡使用BEM(Block Element Modifier)或SMACSS(Scalable and Modular ...
CSS(层叠样式表)在其中起到美化和布局的作用。通过CSS,我们可以定义元素的样式,如颜色、大小、位置等。在天气预报特效中,可以使用CSS设置背景图片来展示晴天、雨天等不同天气的图标,还可以调整字体样式、边框...
对程序进行最新版本SEO优化升级,增加优化布局,增加了分享功能 博达企业网站管理系统V2020新版本: 1、程序分为Asp+Access版本,所有Asp主机大多支持。使用教程请查看网站根目录下的博达企业后台教程.doc 2、程序...