理论：前端开发人员SEO优化技巧（未完待续）

引言：

虽然有专门的SEO职位，但越来越多的公司对于前端人员要求了解甚至精通SEO优化方面的技巧，为了更好的完成工作上的任务，也为了提升自己代码的质量，进行一些SEO优化技巧总结是可行的。

理解：

对于SEO，自己其实并不了解，仍是处于“人云亦云”的阶段，最大的感触是，很多前辈的话，比如h1只能有一个、script标签写在body下面等，其实都在一定意义上涵盖了“优化”思想。

作用：

考虑优化问题，可以使页面对搜索引擎更为友善，利于网络爬虫的抓取。

在构建项目的时候解决此类问题，以尽可能的避免项目上线之后再来修改代码、调整结构，让咱程序猿多活几天……

技巧：

页面整体布局尽量采用DIV+CSS，细节部分或者说展示有用内容的还是要使用含有意义的标签，如li、p、a，当然具体情况还要具体看待，例如表格展现模式用table还是比div方便；

所有的JS、CSS文件采取外联方式，当然开发完之后要压缩；

重要内容优先加载；

h1只能出现一次，一般认为其权重仅次于title；

小图片采用CSS精灵，减少请求次数；

大图或者说必须单张出现的，其大小要定义，否则浏览器需要重新渲染，影响速度；

img一定要添加alt属性，title属性可选，如果同时写容易造成堆砌关键词；

非特殊性链接，一定要用a的href。网络爬虫对js支持相对较差，使用div+click模拟，可能无法读取连接地址；

页面内容，尽量不做flash、图片、视频，主要是这样链接会相对少很多，但在现在“酷炫漫天飞”的大背景下，只能尽量；

网站除了首页，其他页面最好加上面包屑型导航，即“当前位置：首页>二级页面>三级页面…”，结构一定要清晰；

网站页面离首页最多点击不超过三次，即“结构呈扁平状树形，目录结构不宜过深”；

做好404页面，这个既可以很有效的提高用户体验，使用户了解发生了什么问题，也有利益网络爬虫，可以返回其他抓去到的页面；

参考：

http://lusongsong.com/reed/664.html

http://uxc.360.cn/archives/984.html