积累的几个开发过程中就需要做好的SEO优化技巧

　　积累的几个开发过程中就需要做好的SEO优化技巧

　　SEO是方方面面，每一个细节都要把握好

　　前端开发工程师不仅需要与视觉设计师和交互设计师合作，完美还原设计图纸，还要写出兼容主流浏览器、加载速度快、用户体验好的页面。现在需要配合SEO人员调整页面的代码结构和标签。对于一些成熟的平台，在开发初期并没有考虑优化，所以即使做出来的页面很炫很强大，对搜索引擎也很不友好。对于任何成熟的网站，后面的页面往往都是数百万美元。这时调整结构费时费力。最怕影响排名和收录。

　　所以与其事后遇到问题再做调整，不如从源头上解决问题。我也是从事前端开发的，在工作中和大家分享一下开发过程中积累的SEO优化技巧。

　　1、 简化的代码结构更有利于搜索引擎分析捕捉有用的内容：页面尽量使用DIV+CSS，当然表格显示方式比div方便多了；所有js和css都使用外链，图片使用css sprites减少请求次数。看下面同样的内容，对比一下div和talbe的代码布局，很明显用div容易多了。

　　2、重要内容先加载（第一个链接最好是网站主关键词，不是刻意要求的），可以用css处理。索引文章 的长度也是有限的。一定要先把最重要的内容展示给蜘蛛。对此，您可以通过查看一些比较大的网页快照来验证这一点。

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

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

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

　　6、链接可以根据需要添加title属性和nofllow值；对于非特定链接，链接地址必须写在herf属性中。有的前端开发者为了省事，直接用div添加一个点击事件作为链接。确实是上层和使用上实现了链接效果，但是做SEO优化的人

　　众所周知，蜘蛛目前对js的支持很差，基本无法读取里面的链接地址。所以绝对不允许使用click事件，尤其是一些重要的导航链接。

　　7、 页面内容不得制作成flash、图片、视频。这些东西是蜘蛛抓不到的。即使有必要，也应该生成相应的静态页面。有很多企业网站看起来眼花缭乱，整个网站都在闪烁，老板看起来好酷，做SEO优化的人都快疯了，整个网站都没有链接。

　　8、除首页外其他页面最好添加面包屑导航，导航结构要清晰。

　　9、 做好404页面，一般会加首页链接和错误提示，测试其返回状态码为404：1、 用户友好体验，可以留住用户，不要直接关闭页面； 2、蜘蛛很友好，可以返回爬取其他页面。

　　10、网站 结构为扁平树，目录结构不宜太深，每个页面从首页点击不超过3次。过深不利于搜索引擎抓取。

　　注意：在内容为王的时代，有价值的输出仍然是最重要的依靠。不要试图建立自己的 IP。