打造网络营销利器-第8篇-技术篇：前端代码的优化

　　网络营销如何做，才能从网络挖掘出大量的新业务？互联网时代你还停留于没业务就扩充销售队伍的思想，你就OUT了！

　　本系列文章将用通俗的语言介绍网站运营大牛们的惯用手法，网站SEO并没有你们想象那么难！重点是了解并坚持去做！

　　上一篇文章《打造网络营销利器-第6篇-外链推广》介绍了为什么网站需要做图片优化？企业网站上传图片有哪些误区？图片优化工作怎么做？有哪些工具可以做图片优化？

　　接下来，我们来点有技术性的，网络营销不是靠忽悠，得有点“真本事”，呵呵。接下来给大家从前端上讲解下，网络营销的SEO优化是怎样做的。

　　注：以下部分可能技术性比较强，如果你看不懂，直接丢给你们技术或者网站外包商去处理。

一、H标签很重要

　　做网站运营后，有个习惯就是，一拿到一个网址，打开页面后就查找源码里面有没有h1标签，如果有1个，说明这个网站很可能是经过优化了，而如果没有或者有多个h1标签，那么很可能这家公司不懂网络优化！

　　那么h1标签有多重要？这个相当于网页的中心思想，小学语文老师就经常让我们去一大篇文章去找中心思想，你当时有多头疼，而百度蜘蛛在遇到这么一个网页的时候，找H1标签找不到，就也会有多头疼。不过蜘蛛不是学生，他几乎有生杀予夺的权利，所以，你没有H标签，他抓不到重点，那么就给你胡乱弄一个得了。或者直接就下一个了。

　　这个是说的h1标签，而其他的，h2、h3也都是非常重要的，你如果定义清楚，那么蜘蛛就觉得你有条理，而且，本身在H标签中，插入一些有用的关键词也是提升关键词权重的重要办法。

二、strong和b标签不要乱用

　　网页中，会经常用到strong标签或者b标签，有些前端开发因为对seo这块儿不熟，经常用自己用strong或者b标签来做标题的，这个是非常之大忌！

　　另外，strong和b标签，是可以提升关键词权重的，所以，在一个网页中，不适合放太多strong和b标签，否则可能有关键词垒砌嫌疑。

三、a标签的讲究

　　a标签，一般来说也就是通常的超级链接，这个主要说下使用a标签的误区，a标签比较简单；

　　1、a标签中，使用js打开网页，这样实际上百度蜘蛛是不认识的，届时蜘蛛会认为是空链接。除非一些功能性的网页，否则尽量使用href属性，有这个属性，蜘蛛才会跟着你指定的网址去爬行；

　　2、a标签中，还有一个属性是nofollow，完全写法是<a href="http://www.ledaokj.com" rel="nofollow">深圳网站建设</a>，这个rel="nofollow"就是告诉蜘蛛，这个链接不要再去爬了，不是给你看的。

四、img标签需要注意的

　　img标签也比较简单，需要关注的点不多：

　　1、src地址，也就是图片地址，尽量是完全地址的，而不是相对地址的，针对根目录的绝对地址也可以。

　　2、alt标签一定要加上，因为蜘蛛是不认识你图片里面到底展示的是什么，所以，你需要对图片进行解释下，就是通过加上这个alt标签来解释的。加上alt标签，对网页整体排名有帮助，另外，你的这张图片很可能被百度图片索引，也同样能带来一些流量。

五、抛弃掉table结构

　　一般来说，table结构的页面，是早几年流行的，但是他不利于蜘蛛爬行，排版起来也比较麻烦，所以基本上现在已经被弃用了，除非是在一些后台，为方便格式化数据展示的地方，才会用到table结构。前端建议抛弃table结构。

六、慎用flash或者弃用flash

　　在前面几篇文章中，都有介绍，网页尽量不用flash或者直接弃用flash，因为搜索引擎蜘蛛不识别，而且现在的flash安全性也存在很多问题。

七、文章或者产品列表的优化

　　经常有运营小鲜肉问到我，说我这个网站一直有做原创更新的啊，为什么收录这么少？

　　如果你的网站也存在这样情况，那么请检查下你的文章或者产品列表，是不是js跳转翻页的，或者是不是ajax刷新、拖动自动加载的。如果是，那么狠不幸，你之前做的一些文章更新很可能是竹篮打水一场空，你的辛苦耕耘，搜索引擎看不到。

　　经常见到一些java或者.net的网站，文章列表都是用的js跳转或者ajax刷新，可能用户体验好了，看起来比较炫，但是却把搜索引擎蜘蛛拒之门外了。

　　而你使用js跳转翻页，或者ajax无刷新翻页，而且你的网站还没有sitemap，那么千万记得第一步就是要优化这个！！！

八、JS部分的优化

　　前面也提到了，搜索引擎蜘蛛现在还停留在幼儿水平，而且他目前也只喜欢格式化的、文本形式的内容，js是不认识的。

　　那么，js部分的优化就很有必要了。

　　1、js尽量外部文件形式加载   尽量不要把js代码写入html中；

　　2、js代码尽量整合成一个文件，减少文件请求，加快网页加载速度。不过在有的js比较大的情况下，可以归类下，公用的JS部分写入一个公用的JS文件，其他子页面才用到的JS，就单独写在一个文件。减少公用JS加载的时间，这个需要根据具体情况来。

　　3、js能写在页尾的，就不要写在页头！一般JS都是处理一些交互上的东西，最后加载不影响。写在页面尾部，有利于蜘蛛爬行。

九、CSS部分的优化

　　跟前面介绍的js优化差不多：

　　1、也注意尽量外部文件形式加载，不要写在html里面；

　　2、也注意整合和分离的概念，减少加载时间；

　　3、CSS因为会影响页面构造，如果放在页尾，可能会导致网页一开始打开是排版错乱的，所以，css文件一般是在页头引入；

　　4、css里面引入的一些图片文件，地址一定要正确，蜘蛛是可以识别css文件的，所以，引入的图片如果错了，也会导致爬行的时候出现404错误。

　　5、网页里面的图标，如果能使用css sprite技术，尽量把图标整合到一起，减少文件请求次数，加快网页打开速度。

　　以上，基本上是前端方面所涉及到的一些优化部分。还有一些内容，因为涉及到网站程序方面，所以单纯前端去做优化还有困难，所以就下面再分开列出来：

十、网站结构的优化

　　网站的优化，还有一个重要的优化，就是网站结构的优化。

　　一般来说，企业网站可能都是平面结构，而一些企业网站，直接就是动态的网址，那更是不用说，90%是平面结构。

　　这里再说下，还有一种结构叫树形结构，所谓树形结构，就是像树枝一样，是发散开的。首先是首页，然后是列表页，详情页，一层层从结构上存在包含和被包含的关系，例如：

　　首页：  http://www.ledaokj.com/

　　网络营销：  http://www.ledaokj.com/a-wlyx/

　　详情页：  http://www.ledaokj.com/a-wlyx/159/639.html

　　他们的层次层层递进，层层包含；推荐树形结构，但是并不是说平面结构不被蜘蛛认同；

注意：树形结构的目录层数尽量不超过3级；

十一、url的优化

　　url方面，也是需要注意的，有的网站网址直接是动态的地址，然后跟一长串字符，那种网页搜索引擎蜘蛛是不识别，所以，推荐静态或者伪静态，把动态的地址改为以.html结尾的网址，这样对搜索引擎更优化。

　　而有的url优化做得更好，直接网址是包含关键词的，这种更好，不过这种比较适合英文网站，中文的有转码，或者有的服务器、浏览器支持不好。