开元棋牌游戏

首页 > 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.ibet999.com/201204252.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!

本文的评论功能被关闭了.
www.macuait.com

开元棋牌游戏 开元棋牌游戏【apk下载】 pc蛋蛋游戏试玩平台,分分pk10,快三开奖结果查询,og视讯平台,og真人视,泛亚电竞投注 ,大发时时彩 玩法,开元棋牌游戏,济南seo,影悦工作室的博客-赵存良和你一起关注济南网站优化,济南seo咨询,医疗网络营销推广服务 2020xhzq开元棋牌游戏 开元棋牌游戏【apk下载】(www.ibet999.com) http://ibet999.com