网站代码优化个人觉得是最有难度的一个优化技巧,因为他需要你懂得html代码这项技术。为什么要代码精简化呢,是因为去掉网站多余的代码,缩短网站打开的时间并且在控制用户跳出率方面也是起着很大作用。因此对网站代码优化的程度关系到搜索引擎对你网站抓取的难易度,所以大家要抓紧对网页代码进行查看了,如果些许感觉有些迷茫的话,接下来你就要认真跟着做北京seo的我学习吧!
$ {4 ~- I1 v+ q
6 Q$ U9 ]0 z3 h: F: ] I& W 一、利用各种服务器的功能对网页进行GZIP压缩
/ Z- T5 Q9 W5 P. U 在此提醒大家请根据自己的服务器种类百度一下Gzip压缩。比如我是IIS服务器就百度搜下:IIS服务器怎么进行GZIP压缩。方法应有尽有。照着步骤来就可以了,但是要注意避免出错。因为过程中涉及到很多权限代码问题。请务必认真操作。* f# {) z! ^" y" q
Gzip开启以后会将输出到用户浏览器的数据进行压缩的处理,这样就会减小通过网络传输的数据量,提高浏览的速度。
, g9 u2 @9 f' _, T4 z v) B/ V
& W: f3 Z7 @: c+ k 二:使用DIV+CSS布局网页
7 m# E9 A# U# c4 K7 z6 b$ Z% p% H 虽然现在div+css已经很成熟了,但是很多网页设计者可能考虑到网页的兼容性以及布局的简易性还是使用老式的table布局,如上图所示。虽然table布局很方便,但是其弊端也是显而易见的,那就是会大大增加网页的大小,尤其是多层表格的嵌套。这种布局不仅会提升体积,同时如果嵌套数太多的话就会影响到搜索引擎的爬行,影响到站点的收录。7 G) B) K5 ~8 V
另外,一些网站会使用外部文件,将css和js放在外部文件中,页面html中只要放一样代码调用就可以了。有时候我们去查看的一些源文件代码,会看到很多css代码以及javasript代码,将javascript放置在网站页面的html文件中的最前面,而真正能用到得一些文字部分这被推倒了html的后面。小强认为一般页面代码中的这种代码都需要精简。8 o0 d1 s& ~' C. Q
4 ^' J6 ?/ \' l5 l( {# D" w( l% D
/ m' Z& k% I- g. w+ P5 w, \ 三、 减少页面表格。6 ~7 H/ ?# D" g/ b: i
现在的网站用什么做?很多程序员第一想法就是采用CSS去做,采用CSS去排版,这种做法呢,就使页面中的表格大大的降低了,但是网站也不能没有表格,有些事必须使用到得,使用表格本身没什么,但是有很多网站都采用嵌套表格,一般这样的表格形式会给网站产生大量的垃圾代码,并且这些垃圾代码都是没有任何用处的代码,这一类代码也是我们网站需要精简的代码之一。
5 l( y+ D# o8 e* J/ ?1 C/ n 四、降低页面对于JS的依赖性
3 c( y' c5 U* }4 B% r 现在来说,JS对于搜索引擎并不不友好,虽然有消息称搜索引擎不会对JS有厌恶的情绪,但是多一事不如少一事。虽然JS可以制作出很多的效果,但是网页中大量的JS将影响蜘蛛对页面的抓取和增加网页体积。尤其是页面的关键位置如导航栏,尽量采用DIV+CSS的设计方法。
5 H$ V. J I) }* U* Y
8 b# B' {7 o) H3 x! D1 b
+ u7 y( M: o+ N% W! |' H 五、尽量不要使用内嵌式CSS
, o! e& M, N( ^+ n3 T 内嵌式CSS分为两种,一是在head区域的普通内嵌式,二是在标签内出现的行内内嵌式css,无论是何种内嵌CSS方式结果都会提升页面的体积。对此我们可以尽量使用外调式的CSS来为站点页面的体积瘦身。- D4 t. e; O3 X( C4 {& g
. b1 Y% Z' y# ?7 C" v6 d
l. |) D! M/ Q! K* r" h }+ {$ i' m }; F
六、将html控制方式转换为CSS控制
, X7 P0 { ]5 _( X 很多网页设计者习惯在标签内对内容进行控制。比如img标签里通过width和height来控制图片的大小。尽量将这些代码转换成外调式的CSS,使网页代码更加的瘦身。
( A7 w8 V2 ?! u
' W6 y2 Z/ y$ ]% U1 X
4 O4 K: A- U. E, D0 `9 w 七:清除页面中多余的代码:空格代码、style和font重复定义的代码
+ R$ u Z' ~! z' c& X" g! K 有的网站以为制作者的代码书写习惯问题,页面会有很多空格代码。不要小看这些体积很小的代码,积攒多了,也会使我们的网站异常的臃肿。% N) h5 [! s% t; @0 M
很多网站都是采用的DIV+CSS,在CSS中定义了文字的字体,颜色,以及页面的排版,但是在网站的其他地方还用了以style以及font来再次定义字体字体,这些代码完全没有必要重复定义,属于可以精简的代码。. P3 c" l- K: V( u& v
" c* A( t/ J! `' f
% F3 f/ ^4 y$ {: b9 J. A4 `- h& ~$ M9 w 八、删除不必要的字体和注释# p A: g# _8 Y
网页代码尽量少用注释,我们知道一段程序里面加上注释能够便于我们快速找到和理解具体代码对应的功能,对于编程人员修改网页是有帮助的,但是这样的代码对于搜索引擎来说是没有任何的意义的,只能说是噪声,因此我们要减少网页代码里面出现的注释部分。
8 p, ^7 h7 E: p 做北京SEO的我相信大部分网站都可以通过以上的优化减小大概30%-50%的重量,但是身为一个完美主义的SEOer来说这是远远不够的,So、我们在要在以后的工作中继续对网站瘦身进行深入探索和研究。希望大家做好成功的每一步。
, B, q# M$ ?* w' c! t; C8 @
9 _% k7 F( d6 [+ A( l: P0 L
* k' S. N. \: O. N' C5 n( A+ t8 |原文出处链接:http://seo论坛seoqijiseo站长论坛/37.html5 U: e& c5 L2 F5 \
搜外论坛原创作者:SEO巅峰1号
# _6 g: k% X$ n6 Z" w日期:2015-6-1 |
|