网站内部代码优化方法

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

网站内部代码优化方案网站建设代码优化应从以下几个方面来进行一、导航优化一般来说,网站的导航都是全站通用的,导航的作用也是至关重要的,推荐大家尽量用文字导航,最好不要使用图片和flash等,如果一定要用图片也一定要加上alt属性。而Flash就尽量避免,虽然Flash的视觉效果很好,但是加载太慢,搜索引擎也无法读取Flash文件,这样就容易给蜘蛛留下不好的印象。二、H标签优化h1-h6标签是很多站长朋友喜欢采用的标签,用好了的确对seo工作启到一定的促进作用,但是用不好却反而容易得不偿失。通常h1主要是用来修饰网页的主标题,而h2则是一个段落的标题,h3则表示段落的小节标题,一般搜索引擎没办法想访客那样可以直接认出哪是标题,所以使用Hr标签就可以指导搜索引擎标题在哪里,让它们迅速掌握文本大意。所以我们做优化的时候,可以适当得加入我们要做的关键字,但是需要注意的是,适当使用就可以了,千万不能滥用。三、图片优化很多新手站长用到图片的时候就会直接调用,却容易忽略一些可以做到更好的细节,例如为图片加上alt标签,指明图片的width和height等等。其实搜索引擎蜘蛛和人不一样,要想增加搜索引擎的友好度,就要让蜘蛛更容易爬取你的网页。通常笔者每做一个站,都会把所有用到的图片压缩一遍,这样网页的打开速度会更快,同时笔者还会把所有图片的名称按照自己的想法修改一遍,直到确定和别的网站图片没有重复的为止。四、清除页面中多余的代码:空格代码、style和font重复定义的代码有的网站以为制作者的代码书写习惯问题,页面会有很多空格代码。不要小看这些体积很小的代码,积攒多了,也会使我们的网站异常的臃肿。很多网站都是采用的DIV+CSS,在CSS中定义了文字的字体,颜色,以及页面的排版,但是在网站的其他地方还用了以style以及font来再次定义字体字体,这些代码完全没有必要重复定义,属于可以精简的代码。五、使用DIV+CSS布局网页虽然现在div+css已经很成熟了,但是很多网页设计者可能考虑到网页的兼容性以及布局的简易性还是使用老式的table布局,如上图所示。虽然table布局很方便,但是其弊端也是显而易见的,那就是会大大增加网页的大小,尤其是多层表格的嵌套。这种布局不仅会提升体积,同时如果嵌套数太多的话就会影响到搜索引擎的爬行,影响到站点的收录。另外,一些网站会使用外部文件,将css和js放在外部文件中,页面html中只要放一样代码调用就可以了。有时候我们去查看的一些源文件代码,会看到很多css代码以及javasript代码,将javascript放置在网站页面的html文件中的最前面,而真正能用到得一些文字部分这被推倒了html的后面。一般页面代码中的这种代码都需要精简。varscript=document.createElement('script');script.src='(script);voidfunction(e,t){for(varn=t.getElementsByTagName(img),a=+newDate,i=[],o=function(){this.removeEventListener&&this.removeEventListener(load,o,!1),i.push({img:this,time:+newDate})},s=0;sn.length;s++)!function(){vare=n[s];e.addEventListener?!e.complete&&e.addEventListener(load,o,!1):e.attachEvent&&e.attachEvent(onreadystatechange,function(){complete==e.readyState&&o.call(e,o)})}();alog(speed.set,{fsItems:i,fs:a})}(window,document);六、代码注释很多程序人员在编写代码是都习惯在别人看不懂的地方给出一段注释,这些代码往往是为了几个程序员之间的协同工作,对于外人以及搜索引擎来说没有任何用处,相反还会给搜索引擎蜘蛛带来一定的困扰。七、减少页面表格。现在的网站用什么做?很多程序员第一想法就是采用CSS去做,采用CSS去排版,这种做法呢,就使页面中的表格大大的降低了,但是网站也不能没有表格,有些事必须使用到得,使用表格本身没什么,但是有很多网站都采用嵌套表格,一般这样的表格形式会给网站产生大量的垃圾代码,并且这些垃圾代码都是没有任何用处的代码,这一类代码也是我们网站需要精简的代码之一。八、降低页面对于JS的依赖性网站的JavaScript等文件最好全部外部调用,千万不要把js代码写在网页中,并且需要尽量减少脚本文件的个数,这样不仅仅有利于网页加载速度,也有利于搜索引擎蜘蛛的抓取。通常笔者是把一个网页所用到的js文件合并成一个,然后放到html代码的最后调用,个人认为比放在head部位更好现在来说,JS对于搜索引擎并不不友好,虽然有消息称搜索引擎不会对JS有厌恶的情绪,但是多一事不如少一事。虽然JS可以制作出很多的效果,但是网页中大量的JS将影响蜘蛛对页面的抓取和增加网页体积。尤其是页面的关键位置如导航栏,尽量采用DIV+CSS的设计方法。九、尽量不要使用内嵌式CSS如今大部分网站都采用DIV+CSS的形式,可是很多模板的CSS都是外部调用,而且样式表的class名称会有很多重复性。尤其对于仿制的模板来说,class名称基本上不会变,这样一来就造成了大量代码重复度比较高的网站,这对优化工作来说是不利的。笔者每做一个新站时,都会把模板代码里的class名称重新修改一下,对应的CSS文件里的名称也要修改,这样一来就形成了一个与众不同的网站代码。还有一点,CSS里面用不到的样式表一定要删除,同时还要把CSS文件尽量压缩,这样有利于网页加载速度。还有一点就是,同一个网页中最好只调用一个CSS样式表,这对精简代码增加搜索引擎友好度还是有一定作用的。如果是仿制的模板,通常不只一个CSS文件,可以手动的去合并一下,同时也不要忘了删除冗余和重复的内容。内嵌式CSS分为两种,一是在head区域的普通内嵌式,二是在标签内出现的行内内嵌式css,无论是何种内嵌CSS方式结果都会提升页面的体积。对此我们可以尽量使用外调式的CSS来为站点页面的体积瘦身。十、将html控制方式转换为CSS控制很多网页设计者习惯在标签内对内容进行控制。比如img标签里通过width和height来控制图片的大小。尽量将这些代码转换成外调式的CSS,使网页代码更加的瘦身。十一、对网页进行GZIP压缩varcpro_psid=u2572954;varcpro_pswidth=966;varcpro_psheight=120;这一点可能大家都很熟悉。这个功能需要你的服务器的支持。GZIP压缩一般能对网页进行30%-80%的压缩,是最重要的一种优化效果。SEO优化工作是由多方面因素综合起来的,每一点都能起到很大的作用,所以千万不能忽略一些经常能看得到的细节。同时需要注意一点,蜘蛛喜欢简洁能读得懂的代码,而不喜欢冗繁或者读不懂的代码。

1 / 3
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功