站内的代码优化是seoer需要做的一项重要工作,因为代码的精简有利于加快页面打开速度,获得更佳的搜索引擎评分和用户体验,是优化必须要注意的基础。很多人都学过div+css,但是很多优化的细节并非程序员能够完成的,还是需要我们自己动手来做,主要有以下几点:
一、空格,很多程序员因为方便自己查找和修改代码喜欢将代码错开对齐,这导致了很多空格出现。空格在网页中约占15%的比例,空格字符最常出现在代码的开始和结束处,还有就是空行中,对空格的精简是第一步。
解决方法:把代码放在Dreamweaver里全部选中代码然后按shift+tab键左对齐。 二、字体加粗标签。例如:与两者都是对字体加粗但是却比多了5个字符。要用简单的标签,减少请求次数,加快打开页面的速度。 三、不使用table设计网页。table是最古老的html布局模式,虽然在dreamweaver中使用起来非常便捷,但是代码量也是非常惊人的,而且table布局打开速度很慢,推荐采用div布局。 四、ALT图片描述。给网站上所有的图片加上ALT文字描述,因为搜索引擎蜘蛛看不懂图片内容,你要给图片加上描述,对于搜索引擎蜘蛛更加友好。 五、CSS优化。把CSS样式写在网页的head头部标签里面,如果页面体积大的时候,可以把CSS写在文件里采取调用的方式。 六、CSS代码缩写。在CSS里面有不少可以缩写的属性,包括margin,padding,border,font,background和颜色值等。 七、代码压缩。当你决定把网站项目部署到网络上,那你就要考虑对CSS进行压缩,出去注释和空格,以使得网页加载得更快。压缩您的代码,可以采用一些工具,如YUI Compressor,利用它可精简CSS代码,减少文件大小,以获得更高的加载速度。 八、js优化。很多网站大篇幅的使用js,虽然这样的网站看起来高端大气上档次,但是搜索引擎蜘蛛是看不懂js的,也不会去抓取js内的任何代码。所以我们要尽量减少这些内容出现,特别忌讳的就是用js做导航栏。另外调用的js要放到底部后面,可以加快打开速度。
|