`
yunmoxue
  • 浏览: 289376 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

Div+CSS网页布局对SEO的四大影响

阅读更多

来自: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的四大影响

    ### DIV+CSS网页布局对SEO的四大影响 随着互联网的发展,搜索引擎优化(SEO)成为提升网站可见度和吸引流量的重要手段之一。对于前端开发者而言,不仅要关注网站的美观与交互体验,还需要考虑如何通过合理的布局...

    DIV+CSS布局也需要注意的SEO原则

    DIV+CSS网页布局对SEO的四大影响  作为一个CSSer,需要懂得的知识是比较多的,前面有UE设置,后面有程序,而在开发的同时,需要考虑到网站优化,包括用户体验和SEO等等。今天就SEO与DIV+CSS布局的关系,我们作一些...

    HTML+CSS+JS个人网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计

    **DIV+CSS布局** - **概念:** DIV+CSS是一种网页布局方式,利用HTML中的`div`标签配合CSS来实现页面的布局设计。 - **优势:** 相比传统的表格布局,DIV+CSS具有更好的灵活性、易维护性和搜索引擎友好性。它...

    JavaScript期末大作业 基于HTML+CSS+JavaScript技术制作web前端开发个人博客(48页)

    1. **布局技术**: 采用了DIV+CSS布局,这是当前网页设计中的主流布局方式之一,具有较好的兼容性和可维护性。 2. **页面内容**: 设计内容包括但不限于个人、美食、公司等多种主题,以满足不同场景下的需求。 3. **...

    基于HTML的环境网站设计 HTML+CSS环保网站项目实现 带设计说明psd

    - **使用DIV+CSS布局**:这是一种现代网页设计的标准方法,通过将内容与样式分离,可以使页面更加灵活且易于维护。在设计过程中,合理运用浮动和定位属性,可以帮助构建复杂的布局结构。 - **页面结构**:页面一般...

    艺帆智能手机生产企业官方网站模板

    使用了DIV+CSS布局的网页与Table布局比较,精简了许多页面代码,那么其浏览访问速度自然得以提升,也从而提升了网站的用户体验度。 三.艺帆CMS企业版1.7.6VSEO优化 采用div-css布局的网站对于搜索引擎很是友好,因此...

    HTML CSS游戏官网网页模板 仿绝地求生吃鸡游戏网站 大学生游戏介绍网站毕业设计 DW游戏主题网页模板下载

    在这个模板中,利用CSS实现了DIV+CSS布局,使得网页看起来更加现代且色彩鲜明。例如,通过设置`background-color`来改变顶部导航及底部区域的背景颜色,使其宽度为100%,这样可以使得整个页面看起来更加统一和谐。 ...

    雪狐ThinkPHP博客系统(上).rar

    第2讲_首页DIV+CSS设计一: 此章节主要关注博客系统的前端界面设计。通过使用HTML和CSS,我们可以创建一个美观且响应式的博客首页。学习者将学习到如何使用HTML5语义化标签构建页面结构,以及如何使用CSS3实现布局和...

    网站结构优化四大要点.docx

    鉴于这些限制,推荐采用现代网页技术标准,比如HTML5配合Div+CSS布局,这不仅简洁明了,而且对搜索引擎极为友好。同时,设置404错误页面,维护网站的稳定性和可访问性,提供站内搜索功能,以便用户能够快速地搜索到...

    包含一些前端规范的集合

    CSS负责页面的样式和布局,良好的CSS编码规范能够使样式表更易于维护。这可能涉及选择器的编写规则,如避免使用过于复杂的级联选择器,提倡使用BEM(Block Element Modifier)或SMACSS(Scalable and Modular ...

    jQuery动画展开天气预报特效.zip

    CSS(层叠样式表)在其中起到美化和布局的作用。通过CSS,我们可以定义元素的样式,如颜色、大小、位置等。在天气预报特效中,可以使用CSS设置背景图片来展示晴天、雨天等不同天气的图标,还可以调整字体样式、边框...

    博达企业网站管理系统-Asp

    对程序进行最新版本SEO优化升级,增加优化布局,增加了分享功能 博达企业网站管理系统V2020新版本: 1、程序分为Asp+Access版本,所有Asp主机大多支持。使用教程请查看网站根目录下的博达企业后台教程.doc 2、程序...

Global site tag (gtag.js) - Google Analytics