网站代码优化的方法有哪些呢？这个关于网站代码优化的问题，相信是大多数站长朋友们比较关注的，那么，我们先简单地说一下，网站优化主要要注意哪些方面的优化吧，我们在做网站优化的时候，不仅要注重网站的站内站外优化，还要注重一些细节优化了，这些细节优化其中的一部分就包括了整站代码的优化了，大家可别小看了这些代码的优化，它所能给网站带来的综合得分是很高的，只有我们的网站综合得分提高了，才能使我们网站的权重得到提升。整站代码标签全面优化的方法：

    1、布局网站的方式
    我们都知道按照现在快速发展的搜索引擎出发，这边是十分建议使用div+css来进行网站的布局的，因为信息发展在进步，这种布局网络的方式可以更好的迎合现如今搜索引擎的抓取特性。但是还有一些比较落后，或者没有即时更新的网站，在网站建设的时候依然使用table来布局网站，其实是非常不可取的。因为这会一定程度上的增加网站加载页面体积，特别是页面上有很多套用表格的时候，当搜索引擎抓取网站页面信息的时候，很大程度上会放弃继续抓取页面信息，对于利益相关方来说，这是很大的损失。所以我们在上面说建议使用div+css，也是为了网站有更好的优化效果出发的。

    2、关于网站压缩
    在整个网站规划部署完成之后，接下来就可以网站压缩了，不过整站压缩不是通过代码来控制的，是需要服务器支持，一般来说，gzip压缩是一个很好的选择，它能够对网站页面进行很大程度上的压缩，一般都是可以压缩一半以上的网站体积。减轻网站体积的同时，我们的优化效果也就可以很好的达到了。还有控制图片宽高的图片代码，建议将这些图片代码转换为能被外部使用的css，这也是为了页面的简洁美观。

　　3、“TDK”标签的优化
　　所谓的“TDK”标签指的就是网页三要素标签了，其中“T”表示网页标题（Title）、“D”表示网页描述（Description）、“K”表示网页关键字（Keywords），好，接下来就分别给大家仔细讲解一下吧。
 
　　（1）Title标签的优化
　　Title标签其实就是网站的标题了，以目前来说，Title标签是网站优化中比较重要的优化标签了，因为，Title网站标题是主要参与排名的一个考量指标了，只要优化好了网站标题，才能是网站的排名更靠前，那么，我们应该要怎么优化网站标题呢？
 
　　（2）Description标签的优化
　　Description标签既网站的描述了，Description标签主要的作用就是概况和总结网站的主旨是什么，网站的发展方向，网站主要做的是什么内容等，网站的描述虽然对于排名的影响不大，但是，它可以辅助关键词的匹配度。
 
　　那么，网站的描述要怎么优化呢？我们可以用简单的一段通顺的话概况和总结出网站的所有内容，如上面的内容所展示出来的那样，但是，这里值得补充说明一点就是，要尽量在网站描述中出现关键词，使其匹配度更高，我们可以在搜索一些关键词时，在搜索结果中看到一些标红的词，如果完全匹配就把所有的关键字都标红了，如果部分匹配，就会出现部分标红的关键字的情况了。
 
　　（3）Keywords标签的优化
　　Keywords标签就是网站的关键字了，Keywords标签可以和Titel网站标题一起设置，但是，它们之间是有区别的，网站标题是设置主关键词，而Keywords网站关键字设置的关键词是辅助的关键词，什么是辅助的关键词呢？
 
　　4、“H”标签的优化
　　网站的“H”标签主要用于网站的标题，和文章主标题和段落小标题的位置了，大家可别小看了H标签的作用，它可以使你的网站或是文章，在搜索引擎眼里是否有层次感，或者是否结构合理等，通常H标签分为6个大小级别，H1级别最大，一个页面只允许出现一对H1标签，而H6级别最小。那么，H标签应该要怎么优化呢？我们可以把H1标签加在网站的LOGO图片上，或是文章的主标题上，这样可以突出重点，然后，把H2-H6分别加在网站的各个板块，或是文章的段落小标题中，以此来体现文章的层次和结构。
 
　　5、“alt”标签的优化
　　“alt”标签其实就是图片ALT属性标签了，主要的作用就是给图片加上描述，帮助搜索引擎更好地识别图片中的内容了，因为，搜索引擎对于图片上的文字性内容还不能完全识别出来，所以，我们要对图片的ALT属性进行优化处理，那么，图片ALT属性标签怎么优化呢？这里就给大家举个例子吧，比如一张图片是一个人在沙滩上走，那么，我们的图片ALT属性可以写成：“一个意气风发的青年正走在金色的沙滩上”等，诸如此类的图片ALT属性描述，可以适当在图片中注入我们要做的关键词，这里只是给大家举个例子而已，具体的大家可以自由地去发挥。
 
　　6、“nofollow”标签的优化
　　所谓的“nofollow”标签，从字面上的意义来理解就是不跟随的意思，而它在SEO中真正的意义是不给链接传递权重的意思，“nofollow”标签一般加在网站的一些出站链接的位置，比如：一些网站的客服QQ，或是一些广告链接等，给这些链接加上了“nofollow”标签之后，就证明不给这条链接传递权重，从而，也就可以避免我们网站权重分散给那些出站链接了，这就是“nofollow”标签在网站优化中的一个优化作用了。

    7、关于页面中的空格问题
    因为在书写代码的时候，有些站长会在写代码的时候中出现很多空格，这也是书写习惯不好导致的，网站建设如果出现很多空格，会导致网站总体体积增大，有些网站的空格空间能够达到整站空间的八分之一，这对于网站的加载就很不利了，所以推荐在写完代码的时候，多一个小小的步骤，也就是将没必要的空格全部清除，可以很大程度提升网页加载。

    8、JS位置：我们买来的模版，JS绝对都是放在头部，但在优化的过程中，而JS文件通常是效果文件，我们可以让网站先加载主题内容，其次加载效果内容，所以有必要把JS文件从头部移动到底部，这样用户看起来你的网站会访问的更快，当然如果CSS有必要，一样可以这样做，常规的CSS是不建议放到底部，会影响加载效果。另外JS及CSS不建议在html模版中写入，最好是新建一个JS或CSS文件，然后把JS或CSS内容放入，在调用这个CSS或JS文件即可。

　　9、LOGO：LOGO部分需要优化的主要有两个方面，第一个方面在LOGO处加H1标签，其次是在LOGO的A标签处添加一个title属性，title属性中写上你优化的主关键词，之所以建议写主关键词而不写品牌词原因有两个，第一个增加优化主关键词的密度，其次是title属性用户很难得看得到。

　　10、广告：如果你网站是自己接的广告，那可以使用百度广告管家统计数据，同时还可以把多个广告位的JS整合到一个JS里面，这是对广告联盟的JS做一个何必，如果你是使用百度广告联盟，没关系，一样对接到百度管家里面，然后把广告联盟的JS整合到一个JS。其他第三方的广告联盟就设置不了，也没有这个优势！

　　11、导航：导航上的优化，通常就是一个A标签，这个A标签不建议设置新窗口打开，另外一个是A标签中的title属性，如果条件允许，可以直接设置成行业词，而A标签中可显示的文字可以设置成品牌词，这样在不影响体验的同时一样达到了优化关键词的效果。

　　12、文章链接：文章链接通常是做两个，一个在标题上，一个做在描述上，我的博客之所以没做描述上的链接，主要是在百度热力图上并没有看到有多少人点击描述部位。不过我还是建议在描述位置增加一个A标签，A标签中增加title属性。

　　这里需要提醒一点的是，当一篇文章出现两个一样的A标签指向的时候，我们需要用nofollow标签屏蔽其中一个链接，这里描述和标题都出现了同一个链接，这里建议使用nofollow标签屏蔽描述上的链接，加上去是为了让用户方便点击，屏蔽是为了不让搜索引擎重复抓取。

　　13、搜索：站内搜索页面本不建议做SEO优化，因为大多站内搜索都是动态页面，而这些动态页面均直接用robots了屏蔽百度蜘蛛，艾瑞网曾使用搜索结果页面做SEO排名被刷排名出现降权，所以我们要吸取教训，不过最好还是建议使用百度的站内搜索。这样自己网页就不会出现太多的垃圾页面收录了。

　　14、版权：版权是可以留下的，使用别人的程序不留版权是不道德的行为，所以有必要在底部留下对于的版权信息，但是版权、备案、站外链接都应该加nofollow标签，当然这是站外的链接，站内也有部分链接需要加入nofollow标签，比如我博客底部的广告合作、微信二维码、手机客户端、联系QQ等页面。

　　15、体验：其实在用户体验上的优化本问说的并不少很多，但代码可以决定用户体验，比如增加百度统计的返回顶部功能，文章页面增加快速评论功能、一个网站最多只能显示3屏、左右可以翻页等功能，看起来功能非常少，但综合的细节决定一个网站的成败！

    16、垃圾代码的清理

　　空格

　　空格字符是网页中最常见的垃圾代码。但此处讨论的空格字符并非HTML语言中的“&nbsp；”标签，而是指在代码编辑环境下敲击键盘上的空格键所产生的符号。网页中每个空格都相当于一个字符，因此，空格字符也会占用巨大的空间。初步同济，空格字符约占用页面总体积的1.5%。也就是说，一个100KB的页面中，其中1.5KB是空格字符。

　　空格字符通常会出现在每行代码的开始和结束处，还有就是空行中。

　　（1）每行代码开始前的空格字符：是网页制作软件生成代码时，默认产生的缩进字符。

　　（2）每行代码结束处的空格字符：是编辑HTML代码时，不小心加上的。只要我们在每行代码的结束位置向右移动光标，如果光标不换行，则说明该页面还存在空格字符。

　　（3）空白行：在编写代码时，常利用空行或者注释对不同功能模块进行分隔，这样就产生了空白行。

　　对于页面中不同位置上的空格字符，清理的方式也有嗦不同，下面介绍几种常用的空格字符清理方法。

　　每行代码开始前的空格字符

　　对于每行代码开始钱的空格字符，可以使用Dreamweaver或者EditPlus等软件进行清理。具体操作步骤如下：

　　（1）转至HTML代码编辑模式（如果是Dreamweaver）；

　　（2）按Ctrl+A选择全部代码；

　　（3）使用组合键Shift+Tab，直至删除所有空格为止。

　　下面的代码1是清理空格前的效果，而代码2则是清理空格字符后的效果。

　　代码1：

　　<table width="100%" border="0" cellsoacing="0" cellpadding="0">

　　<tr>

　　<td>&nbsp;</td>

　　</tr>

　　<tr>

　　<td>&nbsp;</td>

　　</tr>

　　<tr>

　　<td>&nbsp;</td>

　　</tr>

　　</table>

　　代码2：

　　<table width="100%" border="0" cellsoacing="0" cellpadding="0">

　　<tr>

　　<td>&nbsp;</td>

　　</tr>

　　<tr>

　　<td>&nbsp;</td>

　　</tr>

　　<tr>

　　<td>&nbsp;</td>

　　</tr>

　　</table>

　　空行

　　对于空行中空格字符的清理，只能手工逐行去掉。

　　（1）首先，使用鼠标选择空行；

　　（2）再按Delete键，即可删除空行。

　　每行代码结尾处的空格字符对于每行代码介绍处的空格字符，我们可以使用Editplus或者其他文笔编辑软件的替换功能进行清理：

　　（1）用鼠标选择“>”+“一个空格字符”，即“>”；

　　（2）再按Ctrl+F，就会弹出一个窗口；

　　（3）“替换”处填上“>”，再点击“全部替换”即可。

　　页面经过清理空格字符后，大概可以删除70%左右的垃圾代码。也就是说，空格字符的代码量大概占总垃圾代码的70%，还有30%左右的垃圾代码分布在默认属性、注释语句及空语句中。

    17、注释语句

　　注释语句是用于对代码功能或作用进行说明的语句，注释语句里的内容对于普通用户来说就是不可见的。即普通用户在页面中是看不到HTML代码中注释标签里的内容。

　　在制作网页的时候，我们或多或上会添加注释语句一增强代码的可读性。但是，过多的注释语句会占用大量的存储空间。不仅如此，如果在注释标签里添加大量的关键字，还会被搜索引擎认为是堆砌关键字，从而对网站进行惩罚。

　　所以，在添加注释语句时，我们要坚守一个院长：绝不添加哪些即使删除后也不会影响网页源代码可读性的注释语句。