• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > 站长应该知道的提升站内搜索体验的22条优化策略(图文)

站长应该知道的提升站内搜索体验的22条优化策略(图文)

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含搜索优化,站内搜索优化等相关知识,佚名 希望在学习及工作中可以帮助到您
我们以各类营销方式,使访客通过直接输入地址、搜索引擎搜索、邮件或标签回访等方式访问站点。愿意拜访,并不是我们的营销手段高明,而是他们都怀揣 着一丝渴求,渴求获取:心爱的物品、最新的消息、学习的机会、有价值的信息、自我价值的实现等等,物质层面与精神层面的满足。登陆网站寻宝的第一步,导航 菜单、站点地图、Tag标签、面包屑、站内搜索等都是我们提供挖宝工具,其中站内搜索最能说明访客的心声。
  言归正传,那站内搜索怎么设置才更有利于访客使用呢?我们一起看看以下22条优化策略。
  搜索框优化
  1、搜索框位置
  搜索框应该放在访客所期望的位置:右上角或上面中间位置。避免以“搜索”文字链向导航菜单的形式作为搜索功能,因为大多数访客喜欢用搜索框的形式进 行搜索。还应避免将邮件注册、邮件订阅等输入框,放在搜索框应该出现的位置,那样会误导访客。如果非得将邮件输入框与搜索框放在临近的位置,可以在框内显 示“请输入邮件地址”、“请输入搜索关键字”提示。
站内搜索体验大提升:22条优化策略 三联教程
  2、搜索框大小
  搜索框必须足够长去容纳搜索词,至少可见30个字符,以便访客在点击“搜索”按钮前,能够查看到搜索词的大部分内容,确认是想要的搜索词。
  3、搜索范围
  范围限定搜索,可以使得用户在特定区域进行搜索,例如书籍、音乐、DVD等。理论上听起来不错,但并不是全部通用。雅各布·尼尔森基于10年多的可 用性研究,表明揭露了这个问题,例如:用户选择了错误的分类进行搜索,或者用户没有意识到正在限定范围内进行搜索,而不是整站(尤其当搜索范围默认为某特 定区域时)。
搜索范围
  因此,可以采用亚马逊的方式,默认全站搜索,然后通过结果分类导航,进行结果筛选、精确检索。
过滤导航
  OK,有种情况例外,当商品信息与其它信息融合在主站搜索栏时(软件行业站点较普遍),使用范围限定搜索反倒是个好主意,比如:对讨论区、合作信息、产品信息等各区域搜索的限定。
  搜索小工具优化
  4、自动提示
  另一项限定搜索的措施是自动提示,不仅能减少错误输入,还能帮助我们推荐产品与产品分类,避免”无搜索结果”的情况。
  值得学习的是,苹果站点Apple.com的搜索栏,不仅能提供范围限定检索,还通过图文并茂的形式,自动展示搜索结果,着实强大。
搜索词自动提示
  5、自动纠错
  与“无搜索结果”相比,显示点结果总会减少些访客跳出。强化搜索工具的错误输入处理功能,减少访客一次次的换词搜索,展示它智能的一面,能让我们的搜索工具获得不少自信。
搜索词自动纠错
  然而,自动纠错也有失效的时候,比如“zun”与“zune”两个含义完全不同的词,却相互输错了。与其让访客认为搜索功能出错了,不如提示没有关于xxx的结果,建议搜索类似的词语,并展示对应的结果。
搜索词推荐
  6、您要找的是不是?
  如果有许多搜索词的写法相近,那么我们可以提供“您要找的是不是?”选项,而非自动纠错。
搜索词推荐选项
  7、相关搜索
  与自动提示相似,相关搜索能帮访客找到更加精确的搜索词,还能给访客一些未想到的搜索提示。
  8、在结果中搜索
  在结果中搜索,这个可以有,但不强求。通过它用户可以很容易的返回与精确搜索。不建议使用此功能,因为访客容易将“在结果中搜索”的输入框,当作主要搜索框;如果输入的是不相关的搜索词,则他们或许不会获得搜索结果,并可能离开网站。
在结果中搜索
  9、排序方式
  十分推崇用这种按照访客喜爱的方式重新排序的方法,萝卜青菜各有所爱,有些人关注最畅销的、有些关注最新上架的、有些关注评价最好的而其他的可能对价格更敏感。
搜索结果排序方式
  10、过滤导航
  过滤导航(也叫)也是值得推崇的。通过过滤导航,可按照产品的属性,例如颜色、价格范围、品牌、适合性别、大小、分类与子分类、风格、折扣等等,将客户引导至具体的产品页面。这种方式没有限制,我们可以更具实际情况,自由设置过滤导航项。
搜索过滤导航
  在每个子导航项后面,以括号()的形式显示符合条件的结果数量,也是不错的做法。
  这一点值得学习的是ASOS.com,通过衣服几个属性的同时过滤筛选,通过AJAX技术异步,无须刷新既可加载展示符合条件的衣服。
搜索结果Ajax异步加载
  一些在线商城,用过滤方式对商品类别进行过滤,而不是针对搜索结果的,不值得采取。
  11、高级搜索
  如果有好的过滤导航,高级搜索对很多站点来说都是不必要的。如果确实需要高级搜索,那么有11项值得注意的地方:
  a、除非行业要求,叫“高级搜索”不是必须的,最重要是利于引导用户搜索。
  b、对于怎么使用与能达到什么效果,提供简要的说明。
  c、搜索流程测试,确定是否是最佳的搜索步骤。
  d、不要将确认按钮、取消按钮、重置按钮设置成一样的风格。
  e、设置明确的按钮标签,让用户知道点击按钮后的结果。
  f、让用户清楚必选/填项、可选/填项,必要时分两块区域;必选项用单选按钮选中、可选项用复选框。
  g、不要使用太多“Go”按钮,以免混淆,减少按钮数量,合理使用“提交”、“搜索”等命名,按钮的颜色、形状与大小都会影响转化。
  h、各类别商品属性有差异,考虑每种类别设置不同属性的高级搜索。
  i、用户测试,以A/B测试、多变量测试等验证其可用性,发现不足打造成功的高级搜索。
  j、搜索条件保存,对于购买周期较长的B2B网站,显得尤为重要。
  搜索结果优化
  12、无搜索结果展示
  如何能使无搜索结果展示页面,变得更有意义?Drugstore.com的做法是,当客户搜索Bumble品牌与产品,无搜索结果可提供时,它选择了推荐类似品牌的产品。
无搜索结果展示页面优化
  Sears的做法是为搜索客户提供免费电话、在线咨询与邮箱等联系方式,以及与当前搜索相关的最流行产品。
无搜索结果展示页面优化方法
  Victoria’s Secret意识到无法提供“Linda Bustos”的搜索结果时,提供了“您要找的是不是?”的可能搜索(企图猜测正确答案)、最热搜索TOP10(猜测失败后推荐)以及帮助方式(推荐失败后弥补)。
优化无搜索结果展示页面的方法
  当然,如果与品牌形象相符的话,来点小幽默,也无伤大雅。
幽默的无结果展示页面优化
  13、查看全部
  与其一页一页的浏览搜索结果页,不如提供“查看全部”链接来得实用,因此每个网站最好将它作为居家必备功能。
  14、网格VS列表视图
  一些有心的站点,提供访客网格与列表视图切换,例如Home Depot:
搜索结果网格与列表视图展示
  15、搜索推销
  搜索结果页的推销广告展示,可由绑定的搜索关键词来引发,也可以由其他特征来引发,例如:符合搜索词的产品中的畅销产品。
搜索结果页广告

您可能想查找下面的文章:

  • 站长应该知道的提升站内搜索体验的22条优化策略(图文)

相关文章

  • 2017-08-06css文字控制与css文本样式示例和属性
  • 2017-08-06宽度高度不固定的div 如何水平居中以及垂直居中
  • 2017-08-06css 中的background:transparent到底是什么意思有什么作用
  • 2017-08-06css属性行高line-height的用法详解
  • 2017-08-06详解CSS中的flex容器与flex属性
  • 2017-08-06权重和层叠规则决定了CSS样式优先级
  • 2017-08-06CSS3绘制圆角矩形的简单示例
  • 2017-08-06CSS图像替换技术的几种方案介绍
  • 2017-08-06div中英文无法自动换行的解决办法
  • 2017-08-06ie6,7下空DIV无任何内容时占据空间问题解决

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 浏览器的重绘repaints与重排reflows深入分析
    • CSS 使用table布局网页是不明智
    • 跨浏览器开发经验总结(二) CSS
    • 左侧固定,右侧自适应(两种方法任选)
    • 让IE 6,7,8模拟部分的css3属性
    • css实现的让图片垂直居中的方法
    • 浅谈inline-block及解决空白间距
    • CSS3点击按钮实现背景渐变动画效果
    • css3实例教程 一款纯css3实现的环形导航菜单
    • 纯CSS实现酷黑风格三级下拉菜单效果代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有