如何做网页代码SEO精简优化？

发布时间：2016.12.27 浏览: 次

1、清除代码中垃圾代码，例如：无意义的空格、默认属性、注释语句和空语句等。

　　尤其是制作网页过程中的空格，肯定会有不少，一般100K大小的网页，空格所占的空间大概在15K。空格字符最常出现在代码的开始、结束、空行中。大家可以把在Dreamweaver里全部选中代码然后按shift+tab键左对齐。去除空格之后，就可以把网页的体积缩小不少，提高网页打开速度。

　　2、使用DIV+CSS布局网页

　　很多人在制作网页时采用table，可能这是为了布局的简易和网页的兼容性，但table的布局没有清晰的层次关系，如果是多层表格的嵌套还会大大增加代码量。采用div+css布局方式代码可以让代码更简练，网站优化效果会更加明显。

　　3、将CSS样式写入外部文件，CSS书写采用简写形式很多人为了调试方便常常使用内嵌式CSS(在head区域的普通内嵌式和在标签内出现的行内内嵌式css)，这样会增加页面内容无关代码量，不利于搜索引擎迅速理解页面信息。我们应该让所有css均处于外部文件，从而使网页代码最简练。

　　另外很多CSS样式有简写的方法，例如：.mycss { padding-top:10px; padding-right:5px; padding-bottom:10px; padding-left:3px; } 如果采用简写形式，只需要 .mycss { padding:10px 5px 10px 3px; } 即可，具体简写的样式有那些，大家找下相关css教程就可以了，网上很多。

　　特别要注意一点：并不是说网站采用了DIV+CSS就一定等于优化到家了，DIV之间的层次关系不容忽视，直接会影响到搜索引擎对页面信息区块的理解!如果大家不明白，可以参考seo奇兵博客的页面源代码，页面层次关系一看便知。

　　4、多采用html标签，减少使用CSS样式。

　　5、减少Flash，如果用java效果可以代替最好Flash是搜索引擎目前无法很好理解的，而且对苹果设备兼容性不好，所以，如果你的网站非常需要，最好用java来实现动画。

　　6、减少大量的java会增加网页体积，影响搜索引擎蜘蛛对页面的抓取。如果页面效果(例如：导航栏、浮动层等)能采用DIV+CSS代替最好。

　　特别要注意避免很多程序员喜欢的用java方式做超链接，除非你认为这个链接不重要，不想给下一级页面传递什么权重。

　　7、在服务器端对网页进行GZIP压缩

　　服务器端启用GZIP压缩能减少网页30%-80%的体积，是最重要的一种优化效果，当然这个功能是需要服务器控件支持。

赞一个

关键词： SEO优化网页代码优化网站代码优化

预约SEO顾问服务请联系：185-1018-8870（手机微信同步）领取免费VIP内部课程