如何对网站代码进行优化
发布时间:2014-04-18 阅览次数:1069 次
在网站优化中,代码优化是其中的一个重要步骤,也是网站优化的基础。大多数站长都认为,同等条件下网站代码优化做的比较好的网站关键词排名自然要比较好!实际效果确实如此,如果网站代码冗余,或者一些必要的做法没有去做,那么网站的质量肯定是要打折扣的。深圳网站优化总结了有关网站代码优化的内容,具体如下。
1、css,js引入和http请求问题
将css,js放在文件中外部调用,尽量不要使用内部样式或者行内样式;注意代码的合并,减少文件的数量和大小,很明显多一个文件就多一次http访问,影响页面的打开速度,图片最好使用css精灵;(一个大型网站使用一个公共文件一个结构文件,中小型网站一个css足以)引入js最好放在前,但是为了修改方便大部分网站跟css放在一起;
2、给代码减肥,避免大量冗余代码
例如:a、整个网站的字体一般一致,除个别标题,其他的都在body里面定义。比如:body{font:12px/1.5”宋体”};鼠标悬浮用a:hover{color:#f00}没必要下面的字体再重新定义;
b、使用margin,paidng等时,要这样缩写:Margin:1px2px3px4px;而非:margin-top:1px;margin-right:2px;margin-bottom:3px;margin-left:4px;
c、给机器明确的命令,不要让机器自己去判断,比如:背景色用background-color:#f00;而不是background:#F00;为了避免兼容性,页面最好都设置背景颜色,body{background-color:#fff}图片设置上宽高img{width:100px;height:100px;}
d、不要一个属性独占一行,少用空格和换行;
3、html结构语义化代码的使用规范性注意大小写,避免使用不合理的html元素,类似标签或者毫无意义的元素比如使用换行,使用实现换行,坏代码影响你的排名;
4、使用div+css分层,根据元素的“含义(权重)”使用标签,避免出现代码标记
Div要分层写,标题使用H标签加重其权重,搜索引擎会重点抓取,同样是加粗如果含有关键词使用strong而不是b标签,是加重语气标签;是粗体标签;注意代码标记的麻疹,不要每个每个标签都引入类,注意继承和派生的使用。
5、超链接注意事项
a、属性用法超链接前后加“/”;
b、重要内容的链接不要超过三层;
c、超链接要加title属性,图片要加alt属性,没有超链接的图片也要加上title属性,提高用户体验度;
d、斜杠用法。当浏览器打开一个像“http://www.domain.com/about”这样的链接时,它需要计算这个地址包含哪些文档或者网页,浪费时间。如果在链接后面使用斜线,变成“http://www.domain.com/about/”,浏览器就会识别出这个地址是指向一个文件夹的,减少加载时间。
6、尽量不要或者少使用flash,避免使用javascript导航,iframe框架,jsp代码等
因为大部分搜索引擎抓取不到flash,尽管谷歌浏览器能抓取大部分,但是百度能抓取不去抓取flash;使用javascript导航干扰蜘蛛对内容的分析,无形中降低了关键字的密度,影响网页权重的分布
7、nofollow的用法即不抓取特定链接合理分布权重
将"nofollow"写在网页上的meta标签上,用来告诉搜索引擎不要抓取网页上的所有外部和包括内部链接。;将"nofollow"放在超链接中,告诉搜索引擎不要抓取特定的链接。网站优化站长在对一些不必要页面时,可以采用nofollow,以达到防止权重流失的目的。
8、尽量满足W3C标准
搜索引擎收录标准、排名算法,都是在W3C标准的基础上开发的。所以网页代码的编写满足W3C标准,能够提升网站和搜索引擎的友好度。
以上内容就是深圳网站优化关于“如何对网站代码进行优化”的总结。当然,这属于一部分代码优化内容,更多细节问题请查阅相关资料。深圳网站优化专注于中小企业网站代码优化、结构优化、关键词布局、百度快照优化等网站优化工作。