如何设计兼顾用户体验和搜索引擎友好度的网站.docVIP

如何设计兼顾用户体验和搜索引擎友好度的网站 这个互联网基础性行业在经历了长时间的发展变化之后，现在已经慢慢步入理性的发展轨道，特比是如今在搜索引擎越来越掌控人们信息搜寻的今天，良好的用户体验度及好的搜索引擎排名在整个网站建设过程中是重点需要考虑的方向了。 　　网站设计从过去的盲目跟时髦状态，如今面向用户转变及面向搜索引擎是不可逆的趋势了。适应搜索引擎也好，对搜索引擎友好也好，都在强调搜索引擎对网站的重要性—没有搜索引擎，哪里来的访客?用户体验度也好，提升访问量也好，或者是提高页面的访问深度，这种以搜索引擎及用户适应性为主体的网站设计的新理念，经过许多成功网站的检验而成为一种新的趋势。 　　那么如何才能既顾及了搜索引擎的排名算法，同样也提升良好的用户体验度那?网页设计应考虑的SEO因素?下面几条作为网页设计师不得不重视。 　　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或者伪静态都行! 　　总之上面罗列的是在网页设计时一些要注意到事项，做好这些基本上就可以在网站建设及页面静态化的时候把用户体验及搜索引擎友好度这些做的最好的平衡，可谓“鱼与熊掌兼得”之举。