网站代码优化需要注意的问题

seoer

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

ngdbw

路过，学习了

May

看了楼主的帖子，让我陷入了严肃的思考中