• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > DIV+CSS布局也需要注意的SEO原则

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含DIV,CSS,SEO等相关知识,佚名 希望在学习及工作中可以帮助到您
DIV+CSS网页布局对SEO的四大影响

  作为一个CSSer,需要懂得的知识是比较多的,前面有UE设置,后面有程序,而在开发的同时,需要考虑到网站优化,包括用户体验和SEO等等。今天就SEO与DIV+CSS布局的关系,我们作一些了解,在jb51.net中,也有着类似的文章,相信大家看了以后,会有收获的。首先了解一下,什么是SEO。

  SEO主要就是通过对网站的结构,标签,排版等各方面的优化,使Google等搜索引擎更容易搜索网站的内容,并且让网站的各个网页在GOOGLE等搜索引擎中获得较高的评分,从而获得较好的排名。

  一、代码精简

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

  二、表格的嵌套问题

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

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

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

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

  三、速度问题

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

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

  四、对排名的影响

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

  我想,这样的情况可能不是排名规则,最大的可能还是蜘蛛爬行网站时,出现以上差异导致收录质量的不同。只要把网页做好了,相信蜘蛛能更快速,简洁的扫描我们的页面,收录更多的内容。

您可能想查找下面的文章:

  • css小技巧
  • DIV 自动滚动功能及滚动条颜色修改的代码
  • CSS控制div宽度最大宽度/高度和最小宽度/高度的方法
  • 解决img在div中居中的问题
  • 设置一个DIV块固定在屏幕中央的两种方法(推荐)
  • 使用CSS的overflow属性防止float撑开div的方法
  • CSS文本和div垂直居中方法总结
  • 使用CSS3的box-sizing属性解决div宽高被内边距撑开的问题
  • html+css+div实现电影结束效果
  • 不固定宽度和高度的情况下CSS调整div居中的方法总结

相关文章

  • 2017-08-06html图片自适应手机屏幕大小的css写法
  • 2017-08-06简析CSS表达式attr()的运用
  • 2017-08-06运用比较纯的CSS打造很Web2.0的按钮
  • 2017-08-19DIV 全屏方式
  • 2017-08-06牛人也得看的15个CSS技巧(提高网页效率)
  • 2017-08-06HTML+CSS实现漂亮的查询部件实例
  • 2017-08-06关于CSS样式表文件组织形式的整理
  • 2017-08-06学习DIV+CSS网页布局之一列布局
  • 2017-08-06CSS制作水平垂直居中对齐 多种方式各有千秋
  • 2017-08-06margin折叠的问题探讨

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 让某一个div固定在屏幕中的解决方法
    • 浅析rem和em和px vh vw和% 移动端长度单位
    • 巧用box-shadow实现布局区域间隔变色
    • css中li前面点的样式或换成图片不适用其默认样式
    • CSS控制Table内外边框、颜色、大小示例
    • CSS旋转与翻转使用示例详解
    • 淘宝导航栏css代码分享
    • 粗上加粗的IE10字体宽到超出原本的容器
    • 使用before和:after伪类制作css3圆形按钮
    • CSS控制前端图片HTTP请求的各种情况示例

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有