前端开辟工程师不但必要要跟视觉计划师、交互式计划师互助，完善还原计划图稿，编写兼容各大欣赏器、加载速率快、用户体验好的页面。如今还必要跟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次，过深倒霉于搜刮引擎的抓取。