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

  这个互联网基础性行业在经历了长时间的发展变化之后,现在已经慢慢步入理性的发展轨道,特比是如今在搜索引擎越来越掌控人们信息搜寻的今天,良好的用户体验度及好的搜索引擎排名在整个网站建设过程中是重点需要考虑的方向了。

  网站设计从过去的盲目跟时髦状态,如今面向用户转变及面向搜索引擎是不可逆的趋势了。适应搜索引擎也好,对搜索引擎友好也好,都在强调搜索引擎对网站的重要性—没有搜索引擎,哪里来的访客?用户体验度也好,提升访问量也好,或者是提高页面的访问深度,这种以搜索引擎及用户适应性为主体的网站设计的新理念,经过许多成功网站的检验而成为一种新的趋势。

  


 

  那么如何才能既顾及了搜索引擎的排名算法,同样也提升良好的用户体验度那?网页设计应考虑的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或者伪静态都行!

  总之上面罗列的是在网页设计时一些要注意到事项,做好这些基本上就可以在网站建设及页面静态化的时候把用户体验及搜索引擎友好度这些做的最好的平衡,可谓“鱼与熊掌兼得”之举。

  本文有郑州网站建设公司(http://www.371518.cn)原创首发,转载请注明出:http://www.371518.cn/article/show/70.aspx

时间: 2024-09-30 14:21:42

如何设计兼顾用户体验和搜索引擎友好度的网站的相关文章

怎样才能兼顾用户体验和SEO优化

众所周知,网站建设的过程中,用户体验和SEO优化都是非常重要的一部分,一个好的用户体验网站设计,大图片是占据着重要的部分,因为大多数吸引用户的还是图片的视觉冲击力,但仅仅图片是非常不利于搜索引擎SEO的优化,SEO优化重要的是内容(文字)和外链,这与用户体验有着一定的冲突.所以能设计出用户体验和SEO优化都能兼顾的网站是现阶段中小型企业的重中之重.其实在网路上也有朋友对此的介绍,但我的思路与其稍微有些不同,以下介绍的主要思路为拼接.特别适合在设计行业不久的朋友. 第一.寻找一个不错的网页设计门户

电商网站Web设计提高用户体验度的九个要点

无论是传统商业时代还是互联网电商时代,提高用户的极致体验都是达成营销盈利目标的重要行动.而对于电商而言,Web设计的核心与目标就是以用户为中心,追求极致的用户体验,并完成其本身所承载的商业或用户诉求等目标. 互联网时代,电商网站Web设计提高用户体验度有以下九个要点: 一.网站定位 首先,你应该确定你的网站的用户群有哪些,是否承载电子商务功能单位,是否满足在线购物需求等等.传统的电商网站页面颜色过于单调.布局太过传统且整体缺乏活力,只是满足官网的定位,但是却无法满足电子商务的网站需求.因此,这时

分享网站内容seo如何兼顾用户体验和内容优化

摘要: 网站的优化很重要,网站内容的优化也很重要,既然优化很重要,那我们怎么来做优化,是为了优化而优化,还是为用户做优化,相信很多seo的朋友都遇到了这个问题.下面见远seo就和 网站的优化很重要,网站内容的优化也很重要,既然优化很重要,那我们怎么来做优化,是为了优化而优化,还是为用户做优化,相信很多seo的朋友都遇到了这个问题.下面见远seo就和大家一起分享网站内容seo如何兼顾用户体验和内容优化: 1.关键词密度 关键词密度就是关键词在文章中出现的次数.如果是为优化而做的优化,你可以在首段插

互联网产品设计的用户体验设计来自平凡生活

文章描述:来自平凡生活的用户体验设计启示. 用户体验设计,来源自用户关怀,目的是产品和用户双赢. 用户,则是广大真实存在的人们,那么来源自生活的用户体验启发,对于虚拟产品的用户体验设计,具有极大的借鉴意义. 以下就是笔者在现实生活中发现的故事,并总结出了许多用户体验设计的原则. 1 坦途与上下楼 自从搬了新的办公区,倒咖啡就成了一件麻烦的事. 我们的办公区身处二楼,在二楼的另外一边有一个咖啡机,而在一楼正下方也有一个咖啡机. 最初不熟悉的时候,常常要在两个之间抉择,究竟去哪儿倒咖啡. 一楼的位置

产品设计参考:优秀的界面设计和用户体验

文章描述:优秀用户体验的五点提示. 感谢苹果公司,现在的产品和应用越来越注重用户体验.如果有读者使用过私密社交软件Path的话,一定会惊叹Path出色的UI设计.在未来应用爆炸的年代,要想给用户留下良好的第一印象,产品拥有优秀的界面设计和用户体验已经越来越重要了. 在这篇文章中,我们列出了五点产品和应用如何设计出最优秀的UX,供想做出举世惊叹的产品的团队和个人参考. 1. 优雅的UI(用户界面)设计 虽然最好的用户体验不会全部归功于UI设计,但无疑这是很重要的一部分.比如社交应用Path,当你喜

区别交互设计,产品设计与用户体验设计

文章描述:交互设计,产品设计与用户体验设计. 交互设计,产品设计和用户体验设计经常被混淆,而实际上完全不是一个概念甚至不是一个纬度的概念: 一直认为交互设计与互动设计很接近,互动设计这个词更多用在flash设计中,维基百科中的交互设计的定义也证实这个想法: 交互设计,又称互动设计,(英文Interaction Design, 缩写 IxD 或者 IaD),是定义.设计人造系统的行为的设计领域.人造物,即人工制成物品,例如,软件.移动设备.人造环境.服务.可佩带装置以及系统的组织结构.交互 设计在

用户体验:10条有用的网站可用性设计参考

每个人都会赞同可用性是网站的一个很重要的方面的说法.无论你是在做一个作品集网站.网上商店还是网络应用,让你的页面对用户来说可以容易和快乐的使用是一个关键.这些年,很多人在网站和界面设计的很多方面完成了很多的研究,这些结论在帮助我们提高我们的工作方面很有价值.这里是能够帮助你提高你的网站的用户体验的10条有用的可用性结论和指南. Form标签最好放到字段的上面 UX Matters的一份研究发现表单中的标签(label)的理想位置是在字段(field)的上面.在很多的表单中,标签被放到字段的左边,

设计理论:用户体验设计与浏览器

浏览器的出现互联网的出现是人类信息交流方式的一次划时代的革命,在这场革命中有两个技术对互联网的发展起到了决定性的作用:一个技术带来的人类信息交换方式的改变,人们普遍的使用电子邮件时信息交流方式:另一个技术则是由伯纳斯-李和安德里森带来的网络使用方式的改变,人们普遍的使用万维网和网络浏览器. 网络浏览器的出现,不仅使超文本文件格式的优点得到了充分的发挥,而且也使对互联网用户的技术要求降到了最低点.不用任何电脑方面的知识,不用经过任何训练,只要用一个小小的鼠标,就可以操作.正是浏览器的使用,才使得每

谈迅雷看看的设计及用户体验点滴

很多网页设计师认为自己做好设计就可以,其他的事可不用理会和学习,那就大错特错了!一个优秀的设计师,必须深入了解产品本身.相关交互结构及用户体验等常识!这样设计师设计的东西才能深入产品中去,避免不犯错误!设计来源生活和思考,同样作为一个网页设计师,要不断地学习.思考.分析产品才能设计出更好的作品! 这里主要以迅雷看看产品为例,谈设计及用户体验的点点滴滴!希望对刚跨入网页设计这行的童鞋们有所帮助! 主要两个方面讲: 1.了解产品需求设计(以迅雷看产品为例) 2.交互设计与视觉设计 首先讲下第一方面: