引言:
虽然有专门的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