第八节:SEO优化中CSS样式书写技巧 SEO基础教程 安仔SEO优化网
轻松走上SEO巅峰,从这里开始
为SEOer免费提供最有效的SEO优化知识,期待将来的SEO界是精英的对决!
当前位置:安仔SEO优化网 > SEO教程 > SEO基础教程 > 浏览教程
SEO基础教程

第八节:SEO优化中CSS样式书写技巧

Tags:SEO,优化,样式,书写Time:2017-07-05Contents:SEO基础教程Browse:271Type:原创

众所周知搜索引擎可以读懂CSS样式,但又不是全懂。因此,在写书写CSS样式时,要考虑是否影响SEO优化效果。

1、CSS样式书写格式

<link href="/css/layout.css" rel="stylesheet" type="text/css" /> 

<style type="text/css">
/* 样式内容 */
</style>

2、CSS样式表的位置

CSS样式表文件一般放于head标签里面,越早出现越好。CSS样式表一般放在描述标签的下面,如果没有描述标签则放在标题下面。样式表越早出现,可提高页面展示效率。

一个页面一般是一个CSS样式表,遇到多个CSS样式表时,尽可能的合并,最多不能超过三个。

CSS样式不要写在html页面里,会影响搜索引擎蜘蛛提取页面信息。CSS样式表的作用,就是让CSS样式和html页面分离,如果不能彻底分离,将失去它的意义。再则,页面上的CSS样式会使网页二次渲染,可能会出现闪屏的现象,影响用户体验。

注意:样式表不要放在body里面,不符合语法,也影响解析。

SEO优化中CSS样式书写技巧

3、CSS样式的统一性可提高SEO优化效果

页面中的字体最好是统一,写在初始化里,万不可多个地方定义不同的字体或者相同的字体。

字体大小单位要统一,用像素px则统一用像素,用百分比%则统一用百分比。

页面最大宽度要统一(最好是用同一个class名),一般是1200px,注意,宽度加上内边距要等于这个宽度,这样页面区域才整齐,而不是头大身子小或者有小肚子。

板块间距要统一,特别是上下间距,是50px则统一为50px。

CSS样式是将布局(草图)精准化,每个网站必有自己的统一标准,有了这个标准搜索引擎分析出来的框架才规整、整齐,这样才能得高分。

4、CSS样式书写顺序

先写初始化样式,初始化CSS样式不要用星号(*),很消耗资源,而是用到了那个html标签将谁初始化。

其次,定义body的背景(即使是白色背景也要定义)、字体、字体大小、行高、文本居中。

第三,定义页面最大宽度样式,一般为1200px。

第四,通用的三大板块,头部、中间、底部。

最后,就是各个小版块的样式,值得一提的是,每个板块的CSS样式要聚集在一起,样式书写顺序按照:从上到下,从左到右。

5、SEO优化中CSS样式书写注意事项

不要使用兼用CSS样式,凡是用兼容代码的,要么布局不行,要么CSS样式书写有问题。

少用定位,最好不用,因为搜索引擎解析定位很容易错位,导致布局混乱。

定义DIV样式时,少用高度这个属于,高度一般由内容撑出来,而不是定义。

“display:none;、visibility:hidden;、overflow:hidden;”这三个属性少用,用时要考虑该区域是否为SEO优化板块。如果是,不要隐藏,一旦隐藏了,搜索引擎会忽略掉。

内部出现浮动时,要清楚浮动,保证盒子高度不丢失。

6、SEO优化中CSS样式检测工具

IE6、IE7是检测CSS样式的神器,只要IE6、IE7布局没有乱,基本就符合搜索引擎的要求,这里说的是解析CSS样式上。没人知道搜索引擎使用什么标准解析CSS样式,如果我们的代码低级版本的浏览器都兼容的话,搜索引擎也必然“兼容”。

注意:没有兼容代码的情况下,达到IE6、IE7布局不乱(公认BUG除外)。

总结

CSS样式时网站的骨架,它支撑着网站的布局。网站的长相由CSS样式决定,搜索引擎对网站是否跟兴趣,先看的就是“脸”,内容是“品质”,文章更新周期是“性格”。

《第八节:SEO优化中CSS样式书写技巧》为安仔SEO优化网原创文章,转载请注明出处!