面向前端开发者的10大seo优化方法

一些成熟的平台在开发初期并没有考虑优化问题，所以即使结果眼花缭乱，功能强大，对搜索引擎也是非常不友好的。任何一个成熟的网站，后期都有上百万的页面。这个时候调整结构又费时又费力，最怕的就是影响排名和收录。

前端开发工程师不仅需要与视觉设计师、交互设计师合作，还需要完美还原设计图纸，编写兼容各大浏览器的页面，加载速度快，用户体验好。现在需要配合seo人员调整页面的代码结构和标签。所以，与其以后再调整，不如从源头解决问题。我也是搞前端开发的。以下是我在开发过程中需要做好的一些seo优化技巧。

1.简化代码结构，更有利于搜索引擎分析和抓取有用内容：页面尽量使用div css。当然，表格显示方式比div方便多了；所有js和css都采用外展的方式，图片采用css精灵，减少了请求的数量。看看下面同样的内容，对比一下div和talbe的代码布局，很明显使用div要容易得多。

2.重要内容要先加载(第一个链接应该是网站的主关键字，不是刻意要求的)，可以用css处理。文章的索引长度也有限制，所以最重要的内容一定要优先给蜘蛛。您可以通过检查一些相对较大的网页快照来检查这一点。

3.h1标签每页只能出现一次，h2标签可以出现多次：h1权重高，一般认为仅次于title，一般信息详情页和商品详情页的标题都放在h1中。

4.图片必须添加alt属性，标题属性可选：蜘蛛不知道图片上的内容，只能通过alt属性来判断。如果所有产品在产品列表页面都添加了alt和title，很容易造成关键词堆积，所以我一般只添加alt属性。

5.图片大小声明：如果没有定义图片大小，需要重新渲染页面，会影响速度。

6.该链接可以根据实际需要添加标题属性和nofllow值；对于非特殊链接，链接地址必须写入herf属性。有的前端开发者为了省事，直接用div加一个click事件作为链接，真正做到了视觉上和使用中的链接效果。但是做过seo优化的人都知道蜘蛛目前对js的支持很差，很难读懂里面的链接地址。所以绝对不允许使用点击事件，尤其是一些重要的导航链接。

7.尽量不要把页面做成flash、图片、视频这些蜘蛛抓不到的东西。即使需要，也生成相应的静态页面。有很多看起来很酷的企业，整个站都是闪的，老板看起来很酷，seo优化人员会抓狂，整个站都没有链接。

8.最好在除了主页以外的其他页面上添加面包屑导航，导航结构一定要清晰。

9.做好404页面，一般添加首页链接和错误提示，测试返回状态码为404: 1，用户体验友好，不需要直接关闭页面就可以保留用户；2.蜘蛛友好，可以返回抓取其他页面。

10.网站结构比较扁平，树形，目录结构不要太深。每个页面从首页最多点击不超过3次。太深不利于搜索引擎的捕捉。