为您提供专业的seo网站优化,seo网站推广,整站优化以及网站关键词优化服务,以专业的姿态为您提供seo优化服务.

济南seo

整站优化,关键词优化

济南SEO助您提升关键词排名,提高公司业绩销量

整站优化服务热线

正规化CSS命名对SEO优化有何帮助?

点击次数: 发布时间:2017-10-19 21:27文章来源:搜索引擎优化
很多的seoer在做优化时没有注重过css样式!而很多时候往往就是某些细节性的优化会使排名上升,而在css中到底是有哪些方面利于seo优化呢?
css seo优化
正规化CSS命名对SEO优化有何帮助?

1、CSS文件及样式命名

  首先,先为大家展示一些CSS文件及样式的命名样例,因为这些名称能使大家立马明白定义的文件,具体如下所示:
  (1)CSS文件命名规范
  全局样式:global.css
  框架布局:layout.css
  字体样式:font.css
  链接样式:link.css
  打印样式:print.css
  主要的:master.css
  专栏:columns.css
  主题:themes.css
  (2)CSS样式命名规范
  对于CSS样式的命名规则,建议用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数字,为了开发后样式名管理方便,大家请用有意义的单词或缩写组合来命名,让同事一看就明白这样式大概是哪一块的,这样就节省了查找样式的时间。
  例如:头部样式用header,头部左边,可以用header_left或header_l,还有如果是列结构的可以这样——box_1of3 (三列中的第一列),box_2of3 (三列中的第二列)、box_3of3 (三列中的第三列),其它的我就不一一举例了,大家按以上规律去命名就好。
  下面列出一些常用的命名单词方便大家使用(以后大家工作过程中慢慢把自己积累的单词都共享出来,那大家的命就会更加统一了,就不会有一义多词的情况了):
  容器:container/box
  头部:header
  主导航:mainNav
  子导航:subNav
  顶导航:topNav
  边导航:sidebar
  左导航:leftsideBar
  右导航:rightsideBar
  网站标志:logo
  大广告:banner
  页面中部:mainBody
  整个页面:content
  底部:footer
  菜单:menu
  菜单内容:menuContent
  子菜单:subMenu
  子菜单内容:subMenuContent
  搜索:search
  搜索关键字:keyword
  搜索范围:range
  标签文字:tagTitle
  标签内容:tagContent
  当前标签:tagCurrent/currentTag
  标题:title
  内容:content
  列表:list
  当前位置:currentPath
  侧边栏:sidebar
  图标:icon
  注释:note
  登录:login
  注册:register
  面包屑:breadCrumb(即页面所处位置导航提示)
  列定义:column_1of3 (三列中的第一列)、column_2of3 (三列中的第二列)、column_3of3 (三列中的第三列)

2、CSS的优先级

  行内样式(inline style) > ID选择符 > 样式(class)、伪类(pseudo-class)和属性(attribute)选择符 > 类别(type),伪对象(pseudo-element)。
  博客注解:
  *内联样式(inline style):元素的style属性,比如 <div style="color:red;"></div>,其中的color:red;就是行内样式。
  *ID选择符:元素的id属性,比如<div></div>可以用ID选择符#content
  *伪类(pseudo-class):最常见的是锚(a)伪类,比如a:link,a:visited.
  *属性选择符(attribute selectors):比如div[class=demo],含有class为demo的div元素。
  *类别选择器(type selector):HTML标签选择,比如div .demo,div元素下含有class为demo的元素。
  *伪对象选择器(pseudo-element selector):比如div:first-letter,div元素下的第一个单词。

3、CSS代码书写样式

  在写CSS代码的时候,对于缩进、断行、空格,每个人有每个人的书写习惯,在经过不断实践后,我决定采用下面这样的书写样式:
  .classname {
  width:100px;
  }
  当使用联合定义时,我通常将每个选择器单独写一行,这样方便在CSS文件中找到它们,在最后一个选择器和大括号之间加一个空格,每个定义也单独写一行,分号直接在属性值后,不要加空格。
  我习惯在每个属性值后面都加分号,虽然规则上允许最后一个属性值后面可以不写分号,但是如果你要加新样式时容易忘记补上分号而产生错误,所以还是都加比较好,最后,关闭的大括号单独写一行,这样的空格和换行有助与阅读
以上便是从SEO优化角度看待CSS样式文件!希望能够给大家带来帮助,助于大家快速提升百度排名!