SEO基础教程5：网站代码优化建议和标准

　　我们学习过网站结构优化后，进入网站代码优化的学习，如果你学习过网页制作，这节学习起来就比较简单了，我虽然学习过网页制作，不过时间已经很长了，大部分内容都记不清楚了，所以学习的时候还是比较吃力的。

　　网站代码优化的建议

　　一、恰当地使用标题标签

　　合理的使用h1-h6标签，它的存在是告诉搜索引擎哪个是最重要的，哪些是次要的。对于页面的主题使用标签。充分利用到标签来指明内容的层次以及描述相似的内容区域。但不要一个页面使用多个标签。

　　二、避免页面重复

　　每个页面包括标题、描述和关键字等都应该不一样，需要注意的是很多设计师会做一个通用的模板，而用的时候又忘记修改。标题一定要是具有独特性的!

　　三、设计好网站导航

　　网站的导航全站通用，至关重要，尽量用文字导航，不要用图片和flash等，若一定要用图片请一定加上alt属性。Flash则尽量避免，Flash的效果是很好的，但加载很慢，搜索引擎也无法读取Flash文件。

　　四、精简代码，合理布局。

　　符合web2.0标准，使用div+css设计网页，合理布局标签尽量减少div层，使用描述标签，精练描述你的网页网络销售培训，将网站重点内容与经常更新的内容代码尽量靠近的位置。页面不要超过125K。

　　五、图片与文字链接加上属性

　　给所有图片加上alt描述属性。并符合W3C标准，搜索引擎会读取alt属性，图片的alt属性还可以帮助用户浏览。给文字链接加上tittle属性，并记住尽量减少用图片代替文字!

　　六、少用脚本，外部调用。

网站的JavaScript和CSS等文件一律外部调用，不要把代码写在网页中，并且尽量减少脚本文件个数，这样不仅仅有利于网页加载速度也有利于搜索引擎蜘蛛的抓取!要提一下的是ajax效果虽然很炫，也尽量少用哟!

　　七、网页布局结构

　　面包屑型导航，树状扁平化结构。首页点击不出三次可以到达网站任何一个页面，任何页面都可以很快的回到想要的页面。文章内容部分先于其他部分显示，设置 上一篇、下一篇文章，根据文章的关键词设置"相关文章"，如果文章内容多分几页显示，需要保持每页的网页标题、文章内容均不同，避免出现复制内容问题 。

　　网站HTML标签SEO优化标准

　　H标签：权重依次为h1>H2>H3....类推

　　在做H标签的时候一定要注意切勿把H标签用在LOGO上面，还有就是注重在页面当中出现的次数，不易过多。

　　Strong标签，Em标签，U标签：对于网站而言这三种标签的作用非常类似，它们都是对网页内容当中的重要关键词来进行加强突出，让搜索引擎更为重视。

　　在常用标签上使用关键词

　　一个网页的标签很多种，通常会列入排名而且被经常使用的有以下标签：

　　<title>页面标题</title>

　　<meta name="keywords" content="关键词" />

　　<meta name="description" content="网站描述" />

　　<h1>页面主题主题</h1>

　　<h2>页面相关性标题</h2>

　　<h3>页面相关性标题</h3>

　　......

　　<img src="xxx.jpg" alt="SEO基础教程5：网站代码优化建议和标准" alt="图片说明">

　　<a href="/" title="链接说明">链接词</a>

　　<strong>关键词强调</strong>

　　<u>关键词强调</u>

　　<em>关键词强调</em>

　　比较重要的标签有Title标签、H标签、强调标签

　　Ttile标签是所有网页里面最重要的标签，H标签次之，强调标签在三者最后。

　　<1> Title：标题的布局一般我们会采用完整匹配和分词匹配，很少用到绝对匹配的形式。很多人会经常采用"排字"的形式去描写标题，比如这样的标题"胜火网络-成都网络公司-成都网站建设-成都网站制作"，采用这种标题写法的人正想使用完整匹配的形式去布局关键词。除了标题的可读性差以外，你还能看出这个标题中出现一个问题吗?

　　<2> Keywords：基本被大多数搜索引擎抛弃，已经不作为搜索排名的因素。

　　<3> Description：不仅是网站的一种简单自我介绍，还是给用户提供信息阅读的重要标签。用户关注的，搜索引擎不会抛弃。在用户搜索结果页面描述信息的关注度大约为30%。

　　<4> H标签：H标签当中数H1的权重最高，H1相当于我们一篇作文的标题，H2、H3等标签是属于页面的相关性主题标签。除了H1标签其他都可以多次使用。

　　<5> Strong Em U：这三个标签的作用差别不大，都是对于网页的关键词起到加强的作用，直至现在，仍然有很多人误以为<b>、<i>等标签的使用也可以达到同样的效果。

　　清理垃圾代码

　　清理垃圾代码是指删除页面中的多余代码。一个页面经过垃圾代码清理后，可以删除接近80%的多余代码。然而，什么样的代码才是垃圾代码呢？

　　1.垃圾代码简

　　垃圾代码就是指删除后不会影响页面正常显示的非必要的代码。这些代买占据着庞大的空间，不但消耗用户下载页面的时间，还占用搜索引擎巨大的存储空间，增加搜索引擎分析数据的时间。然而，这么庞大的垃圾代码是如何产生的呢？

2.垃圾代码的产生

　　一般情况下，我们会使用网页制作软件制作网页，如FrontPage、Word及Dreamweaver。这些网页制作软件在制作网页的时候，会生成相应的HTML代码，其中大部分是必要的，而有一小部分则是可有可无的，这就是所谓的垃圾代码。因此，避免产生垃圾代码最好的办法就是以手工编写代码的方式制作网页。

　　即使是同样内容的网页，使用不同的网页制作软件进行制作，所产生的代码也会存在很大的区别。在没有掌握手工编写代码前，可以使用Dreamweaver制作网页，完成后再清理其中的垃圾代码。

　　3.垃圾代码的清理

　　〇空格

　　空格字符是网页中最常见的垃圾代码。但此处讨论的空格字符并非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%左右的垃圾代码分布在默认属性、注释语句及空语句中。

　　〇默认属性

　　在利用网页制作软件制作网页时，通常会产生一些默认属性的代码。例如，我们在HTML代码中不添加左对齐属性，页面中的内容也是以左对齐的方式显示的，所以代码中的左对齐属性是可以删除的。

　　在页面中，还有很多其他属性都是默认属性，以下是比较常见的。

　　（1）align="left"：横向居左对齐属性值，默认情况下文章或者图片都是横向居左对齐的。

　　（2）valign="middle"：竖向居中对齐属性值，默认情况下文章或者图片都是竖向居中对齐的。

　　（3）size="3"：文字大小属性值，默认情况下是3号字体。

　　（4）target="_self"：新页面打开属性值，默认情况下网页中文本的字体颜色是黑色。

　　利用Dreamweaver的替换功能，可以完成对默认属性代码的替换。在"查找"中填上要替换的默认属性代码，"替换"处留空白，还可以在"查找范围"上选择替换范围，然后点击"替换全部"就可以删除"产照范围"内所有指定的默认属性代码。

　　〇注释语句

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

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

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

　　〇空语句

　　垃圾代码清理的最后一步就是删除代码中的空语句。简单地说，空语句就是指标签间不存在任何内容的语句。

　　空语句的清理主要针对即使删除后也不会影响页面正常显示的标签。但有一部标签是不能删除的（如<tr>、<td>），否则页面将会出现错乱。

　　手工编写HTML代码是搜索引擎优化从业者必须具备的基本技能。如果你已经具备手工编写HTML代码的能力，就应该有限采用手工编写代码的方式制作网页。

　　经过垃圾代码清理后，页面中70%以上的多余代码已经被清楚，但是，精简代码的工作并没有完成。接下来就是暂缓HTML中的长标签，以及对CSS，JavaScript进行优化。

转载请注明出处：https://www.rixin.info/a/2251.html