这个互联网根本性行业在经历了长时间的成长转变之后,现在已经慢慢步入理性的成长轨道,特比是如今在搜索引擎越来越掌控人们信息搜寻的今天,杰出的用户体验度及好的搜索引擎排名在整个网站扶植过程中是重点需要斟酌的标的目的了。
网站设计从曩昔的盲目跟时髦状态,如今面向用户转变及面向搜索引擎是不成逆的趋势了。适应搜索引擎也好,对搜索引擎友好也好,都在强调搜索引擎对网站的重要性—没有搜索引擎,哪里来的访客?用户体验度也好,提升拜候量也好,或是提高页面的拜候深度,这种以搜索引擎及用户适应性为主体的网站设计的新理念,颠末许多成功网站的查验而成为一种新的趋势。
那么如何才能既顾及了搜索引擎的排名算法,同样也提升杰出的用户体验度那?网页设计应斟酌的搜索引擎优化因素?下面几条作为网页设计师不克不及不重视。
1,代码精简化,布局清晰流利。
搜索引擎不喜欢年夜量的冗余代码,尽可能用精简的代码量来完成相同的功能是指导性标准,比如table向DIV布局的转变,css代码的精辟化,在使用DIV布局是尽可能少的削减DIV层的嵌套等这些适合web2.0标准。
同时页面布局的时候不要紊乱,在着手做网页静态化之前就对整个网页的层布局有清晰的打算,用尽可能公道的DIV布局来把网页给静态化完是王道。参考标准:一般来讲页面年夜小不要逾越125K。
2, JS脚本、CSS脚本外部挪用措置。
在静态化过程中一些网站需要用到的Javascript及CSS样式等统一整理成相应的JS文件、CSS文件做外部外部挪用,一般不要直接把把这些代码写在网页中,这样可最年夜化的削减页面代码量,更有利于网页加载速度也有利于搜索引擎蜘蛛的抓取!同时,在归并js代码时只要不是JS文件过年夜,要尽可能削减脚本文件个数,这个也是一条准则!
3,醒目清晰的导航系统
导航对搜索引擎来讲是举足轻重的,网站的主导航及次导航一般是全站通用,所以导航要尽可能清晰化,明确化真正起到导航的作用。
另外一方面,在措置导航的时候尽可能使用文字做导航,尽可能的避免使用图片或flash等,若一定要用图片请一定加上alt属性。Flash则尽可能避免,虽然Flash的表示效果特别好,可是目前搜索引擎仍是无法读取到Flash文件的,这是典型的顾忌用户体验度而疏忽的搜索引擎友好度。
4, 图片与A链接标签加上属性
现在搜索引擎还读取不到图片信息,因此在设计静态化页面时就要注意给所有图片加上alt描述属性,搜索引擎是可以抓取到图片的alt属性的。同时给图片的alt属性及a标签加上title属性是适合W3C标准,同时可以帮忙用户阅读。
在设计时一些栏目题目类的是特别要注意的,这些是对搜索引擎起重要作用的处所,尽可能的削减图片及特殊字体的使用,这些处所既不会严重影响用户体验度还统筹了搜索引擎的抓取!
5,页面title等信息要完整
在对设计图进行静态化的时候我们对每个页面包换题目、关头字(keywords)、描述(description)等都应该完善并在法度措置时要注意同步差别化更新。设计师做好的模板在法度措置时一定要是跟页面内容相关!
6, HTML标签使用要公道
对css操作熟练的美工往往对同一个表示效果来讲使用任何一种HTML标签都能实现,比如对题目来讲,用H1跟span标签都可以实现一样的效果不会影响到用户体验,可是对搜索引擎来讲是天壤之别。对搜索引擎来讲,h1-h6标签是判断哪个是最重要的些是次要的参考依据。
一般来将一个页面只能使用一个H1标签,可同时使用多个H2及H3标签来指明内容的条理以及描述相似的内容区域,H4-H6的标签根基可以疏忽。
7, 页面布局布局要公道
这主要是一些琐碎的注意事项,做好了可以是用户方面直接的找到内容及搜索蜘蛛行(PS:这些就是所谓的站内优化)。
1) 面包屑型导航;
2) 树状扁平化布局;
3) 设置上一篇、下一篇文章;
4) 按照文章的关头词设置“相关文章”栏目等。
8, 目录化站点栏目
在静态化的时候要注意站点栏目的目录化措置,简单来讲就是对不合的栏目设置不合的目录,是站点在物理布局上保持条理清晰,比如对一个简单的企业站来讲:新闻中心、产品中心、在线办事等可在站点跟目录设置news、products、services目录来存放该栏目下的频道页、栏目页、终端页这些。同时在目录划分是尽可能不逾越三次,这样可缩短url地址尽长度,或使用静态URL或伪静态都行!