首页 > seo基础 > 网站seo的代码精简优化
201204月16

网站seo的代码精简优化

做网站seo优化要讲究的问题有很多,从站内到站外,反反复复的需要检查维护。今天济南seo就和大家聊聊代码方面的问题,希望对seo学习者有一定的帮助。

为了要减少服务器负荷,优化传输,加快网页打开速度,我们需要做的一些工作,要求:减少空白区域,精简Css和Javascript. Markup优化

1) 尽可能的除去空白区域
一般而言,空白区域字符(空格、制表符、换行符等)都可以安全删除,但要避免修改pre, textarea, 及受CSS属性中white-space影响的标签。

2) 除去注释
除了在客户端给IE和doctype声明的条件注释外,几乎所有的注释都可以安全去除掉。

3) 使用最短格式的颜色表示
使用颜色时,不要一股脑的使用十六进制或全颜色名称(full color name),要尽可能根据实际情况使用最短格式的颜色表示。比如,一个为#ff0000 的颜色属性可以直接用red

4) 除去无用的标签
有些‘垃圾’markup,比如使用了多次的重复标签或者某些编辑器里用作广告的meta 标签,都可以安全地被删除。

5) 除去CSS中的空白区域
相比起(X)HTML来,CSS对于空白区域没有那么敏感,所以除去空白区域便可以极大地减少CSS文件和style样式表区域的大小。

6) 除去CSS注释
如同除去markup代码中的注释一样,由于CSS中的注释对普通的最终用户来说并没有什么实用价值,所以也应该被除去。不过,如果考虑到较低级的浏览器,则在CSS中的style标签中的屏蔽注释信息不可以被除去。

7) 使用最短格式来表示颜色值
和HTML一样,CSS颜色也可以用词语或十六进制格式表示。注意,在CSS中这样做的效果会稍微明显一些。主要是因为CSS中支持3位的十六进制色值,例如对白色#ffffff,1和2同 , 3和4同 , 5和6同,我们可以用#fff 来表示。

8 ) 对CSS的规则进行合并、减少或删除
CSS中的诸如字体大小、字体重量等规则往往可以使用一种单属性字体的速记注释方式来表示。使用得当的话,这个技巧可以让您把如下的规则:
p {font-size: 36pt;
   font-family: Arial;
line-height: 48pt;
   font-weight: bold;}
改写成下面简短的形式:
p{font:bold 36pt/48pt Arial;}
在利用网页设计软件制作网页的时候,经常产生一些默认属性的代码。比如说,左对齐,不添加左对齐,默认也是左对齐,添加了多此一举。

9)清除空格,空语句
空格字符是网页中最常见的垃圾代码,这里说的空格不是”&nbsp“,而是在编写的时候直接敲上去的空格。每个空格相当于一个字符,空格很多的话也会占用不少字符。
a.每行代码开始前的空格代码
b.空白行
c.每行结束时的空格代码
空语句是指标签之间没有任何内容的语句。清理这些语句是针对删除后不影响页面正常显示的标签,如<p></p>,<td></td>就不能删除,否则会出现混乱。

10). 一般在首页链接中会出现target=”_blank”标签,最好在HEAD中设置<base target=”_blank” />,然后把页面中链接的所有target=”_blank”去掉.

11). 链接里最好不要写class=”",如果一定要定义则在链接的外面,<p class=”"><a href=”xx.htm”>内容</p>这种方式来定义,最优化的<a href=”xx.htm”>内容</a>,

12). 面中尽量少用<span>标签,如果要用,用在不重要的位置,比如<span>2010-7-19</span>

13). seo最佳div个数,整个网站只写5个DIV :分别是 头部 header、 中间main、 底部 footer,这是3个,再把中间分开left right 分开左和右,然后DIV里全部用 DD DT DL UL LI 这些标签 那么我们就用了最少的DIV 来建设我们想要的站 ,但在美化上面肯定有限制。具体操作还得视情况而定.
PS:CSS优化

对CSS的优化主要有以下几个方面:
1.属性设置
例如对margin、padding属性设置时,原代码如下:margin:0px 0px 0px 0px;优化后的代码如下:margin: 0px;本例中要实现的效果是将对象的外边界设置为0px,两个代码实现效果是一样的

2.使用分组选择器
定义选择器样式时,经常会遇到不同选择器内容相同或类似的情况,代码如下:
h1 {
                font-size: 18px;
                color: #0000FF;
                text-align: left;
}
h2 {
                font-size: 18px;
                color: #0000FF;
                text-align: left;
}
可以使用分组选择器的方式,将样式相同的选择器放置在一个分组中定义,代码如下:
h1,h2 {
                font-size: 18px;
                color: #0000FF;
                text-align: left;
}

3.使用类选择器
类选择器的好处是在样式中定义一次后,在HTML代码中,定义可重复应用。所以,在应用CSS进行网页布局时,除了基本的布局必须用id选择器定义外,其他部分的样式定义尽量使用类选择器定义,这也是优化CSS的一种方法。
以上内容几乎涵括了seo优化中队代码部分的要求,如果你觉得自己的网站有“瘦身”、优化代码的需要,不妨参考一下。

相关阅读:网站SEO优化中的基本名词概念

 

分享按钮

文章作者:济南seo
本文地址:http://www.yyseor.com/201204252.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!

17 Responses to “网站seo的代码精简优化”

  1. #1 micro inverter 回复 | 引用 Post:2012-04-16 16:10

    确实有些见解,可以看的出来博主还是很用心的。

  2. #2 脚跟疼 回复 | 引用 Post:2012-04-22 11:33

    感觉学了蛮多东西,收藏您的博客了。希望您经常更新一些好的文章!希望通过学习,能把我的网站给做上去!

    • #3 济南seo 回复 | 引用 Post:2012-04-25 16:44

      欢迎随时来访交流,共同进步学习

  3. #4 苏州代开发票 回复 | 引用 Post:2012-04-25 11:59

    能解释卢松松刷百度反链工具的原理吗?

    • #5 济南seo 回复 | 引用 Post:2012-04-25 16:44

      我们在一些查询网站做查询的时候,比如ip,收录,alexa等等,会在查询的网站留下链接,利用这种方式刷网站外链。不过这种刷外链方式虽然能在短时间内增加大量外链,但是这种外链的质量很低,过不了多少时间百度就会把这些垃圾外链给清除掉,很容易造成外链波动

  4. #6 injection molding 回复 | 引用 Post:2012-04-28 14:23

    很好,我已经转载了,哈哈哈。

  5. #7 纯天然 回复 | 引用 Post:2012-04-28 21:52

    关注博主博客一段时间了,内容很符合我的胃口,以后还会经常来的

  6. #8 全讯网 回复 | 引用 Post:2012-04-28 22:21

    初次来访,觉得博主的博客很不一样,会常来的。

  7. #9 文学小说网 回复 | 引用 Post:2012-05-01 22:52

    好久没来博主的小窝看看了…最近可好.也希望博主关注一下我的小说网

  8. #10 外贸整合营销 回复 | 引用 Post:2012-05-02 17:48

    总结的很不错,来看看了

  9. #11 西安搬家公司 回复 | 引用 Post:2012-05-08 11:18

    劳动节刚过,西安搬家公司,也是一直忙,今天有空来看看博主~!

  10. #12 bird cage 回复 | 引用 Post:2012-05-15 14:02

    一流品质,更新很快。

  11. #13 微量元素检测仪 回复 | 引用 Post:2012-06-01 17:48

    看来网站优化真是一个需要好好思考的过程

  12. 如果看不懂代码还挺麻烦呢!

  13. #15 瘦身网 回复 | 引用 Post:2012-11-20 18:05

    代码精简是很重要的

  14. #16 济南网站建设 回复 | 引用 Post:2012-12-07 18:30

    楼主厉害啊

  15. #17 lrc 回复 | 引用 Post:2015-01-04 09:23

    在这里,找到了我想找的东西。呵呵!

发表评论