理论:前端开发人员SEO优化技巧(未完待续)
来源:互联网 发布:返利机器人源码 编辑:程序博客网 时间:2024/06/16 05:52
引言:
虽然有专门的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
0 0
- 理论:前端开发人员SEO优化技巧(未完待续)
- 前端开发人员应考虑哪些SEO优化技巧
- SEO:前端SEO优化技巧
- 前端必备SEO优化技巧
- mysql优化(未完....待续....)
- ThinkPHP 静态缓存 实现商品详情页PC版、手机版静态+SEO优化(未完待续。。。)
- MY_Web_初识前端(未完待续)
- 前端优化之SEO技巧小谈
- seo教程:网站前端图片优化技巧。
- css技巧总结(未完待续)
- jquery小技巧(未完待续)
- mysql数据库优化(未完....待续....)
- mysql数据库优化(未完....待续....)
- 网站访问优化,未完待续
- Android Studio的调试技巧 (未完待续)
- Eclipse的一些技巧以及快捷键(未完待续)
- Qt使用的一些技巧(未完待续。。。)
- POJ1753(未完待续)
- A dark variant of the 'Cranefly' theme
- 第十章 k-均值算法 10.4 对地图上的点进行聚类
- 微信内置浏览器,点击链接有进度条但不跳转
- VS2010工程太大的处理方法-转
- 解决:Disk /dev/sdb doesn't contain a valid partition table
- 理论:前端开发人员SEO优化技巧(未完待续)
- 信必优将全新的基于意法半导体Accordo 5汽车处理器的数字信息娱乐解决方案推向市场
- unity shader中有哪些属性如何使用
- java.lang.NoSuchMethodException: org.apache.catalina.deploy.WebXml addFilter
- HTTPS详解
- mysql创建用户报错ERROR 1364 (HY000): Field 'ssl_cipher' doesn't have a default value
- python-"is" v.s. "=="
- 滑动框选图片,自定义RecyclerView
- ASimpleCache 轻量级缓存