前端开发工程师不只需要要跟视觉设计师、交互式设计师合作，完美还原设计图稿，编写兼容各大浏览器、加载速度快、用户体验好的页面。现在还需要跟SEO人员合作，调整页面的代码结构和标签。

一些老练的渠道，在开发初期并没有考虑优化问题，所以做出来的页面，就算是作用很炫，功能很强，但是对搜索引擎非常的不友善。任何一个老练的网站，后期页面都是动辄几百万的，到这个时候再来调整结构，既费时又吃力，最怕的还是会影响到排名和收录。

所以说与其在后期碰到问题再来调整，还不如把问题解决在源头。我自己也是从事前端开发作业的，下面把晴天博客小编作业过程中，积累的几个开发过程中就需要做好的SEO优化技巧，分享给大家。

1、简化代码结构，更利于搜索引擎分析抓取有用内容：页面尽量选用DIV+CSS，当然，表格展示形式用table还是比div便利很多的；所有js、css选用外联方法，图片选用css精灵，减少恳求次数。看下下面相同的内容，用div和talbe布局的代码比较，显而易见用div简洁的多。

2、重要内容优先加载（第一个链接最好是网站主关键词，不故意要求），能够用css来处理，索引一篇文章的长度也是有约束的，必定要把最重要的内容，优先展示给蜘蛛，这方面你能够通过检查一些比较大的网页快照来求证。

3、每个页面只能呈现一次H1标签，H2标签能够多次：H1权重很高，普遍认为仅次于title，一般资讯详情页的标题、产品详情页的标题，都放在H1里。

4、图片必定要添加alt特点，title特点可选：蜘蛛不认识图片上的内容，只能通过alt特点来判别，如果是产品列表页，所有产品都加了alt和title的话，容易形成堆砌关键词，所以我一般是只加alt特点。

5、图片大小声明：如果图片大小不做界说的话，页面需要重新渲染，就会影响到速度。

6、链接可根据实践需求添加title特点以及nofllow值；非特殊性链接，链接地址必定要写入herf特点，有些前端开发人员为了省劲，直接用div加个click事件当链接，在视觉上和使用上确实是完成了连接作用，但是做过SEO优化的人员都知道，蜘蛛现在对于js的支撑很差，基本无法读取里面的链接地址。所以说用click事件是肯定不允许的，特别是一些重要的导航链接。

7、页面内容尽量不要做成flash、图片、视频，这些东西蜘蛛是抓不到的，就算是必须的，也要生成相应的静态页面。有很多企业站看着很炫，全站flash，老板看着是爽了，做SEO优化的人员就要抓狂了，全站没一个链接。

8、除主页外其他页面最好要加上面包屑性导航，导航结构必定要明晰。

9、做好404页面，一般会加主页链接及过错提示，并测试其回来状况码为404：1、用户体验友爱，能够留住用户，不至于直接关闭页面；2、蜘蛛友爱，能够回来抓取其他页面。

10、网站结构呈扁平状树形，目录结构不宜过深，每个页面离主页最多点击不超越3次，过深不利于搜索引擎的抓取。