【水文】从url横向对比大电商网站的搜索细节处理

简介:

看到Keep Walking的大电商网站导航用户体验对比一文,感觉有点意思。因为我最近的工作和搜索多少有些关系,而且被中英文分词搞得有点烦,之前我也借鉴模仿过一些网站的搜索功能,所以下面我就来横向对比一下几个电商大佬们的搜索。和Keep Walking兄弟提到的比较站点稍有不同,这次我的对比只选择京东、当当、QQ商城三大综合性网站以及还是一家综合性网站淘宝网。接着还是和Keep Walking稍有不同,我不会从(前端)用户体验的角度来比较搜索,而是更侧重于从搜索的url(网页地址)以及搜索结果页面的关键字来比较一番,毕竟自己搞web开发比较久,对参数传递等等比较敏感一点。

综合性大站

http://www.taobao.com

http://www.360buy.com

http://www.dangdang.com

http://shop.qq.com

一、淘宝

下面的搜索,选择的是淘宝网首页的默认“宝贝”选项卡。

1、单个关键字

(1)、英文
搜索关键字:macbook

url:  http://s.taobao.com/search?q=macbook+&keyword=&commend=all&ssid=s5-e&search_type=item&atype=&tracelog=&sourceId=tb.index

(2)、中文

搜索关键字:苹果

url: http://s.taobao.com/search?q=%C6%BB%B9%FB&keyword=&commend=all&ssid=s5-e&search_type=item&atype=&tracelog=&sourceId=tb.index

2、组合关键字

(1)、无特殊字符
搜索关键字:macbook  苹果

url: http://s.taobao.com/search?q=macbook++%C6%BB%B9%FB&keyword=&commend=all&ssid=s5-e&search_type=item&atype=&tracelog=&sourceId=tb.index

(2)、含特殊字符

搜索关键字:macbook+苹果

url: http://s.taobao.com/search?q=macbook%2B%C6%BB%B9%FB&keyword=&commend=all&ssid=s5-e&search_type=item&atype=&tracelog=&sourceId=tb.index

3、小结
大家可以点击搜索链接看一下搜索结果。我的个人直接感知如下:

(1)、进入淘宝网首页,鼠标默认聚焦在搜索框内(好像是一个无心的微小举动,我可以理解成是淘宝对搜索的重视吗?),搜索框内的放大镜在鼠标焦点在文本框上时自动隐藏;

(2)、对特殊字符和中文都进行了编码,从搜索结果的url上可以很清楚地看到;

(3)、搜索结果页面,搜索框内的关键字和前一页用户输入的结果是完全一致的。

二、京东

1、单个关键字

(1)、英文
搜索关键字:macbook

url: http://search.360buy.com/Search?keyword=macbook

(2)、中文

搜索关键字:苹果

url: http://search.360buy.com/Search?keyword=苹果

2、组合关键字

(1)、无特殊字符
搜索关键字:macbook 苹果

url: http://search.360buy.com/Search?keyword=macbook 苹果

(2)、含特殊字符

搜索关键字:macbook+苹果

url: http://search.360buy.com/Search?keyword=macbook+苹果

3、小结
京东首页的搜索,给我的个人直接感知如下:

(1)、搜索框较短小,默认有推荐搜索关键字,搜索框内的放大镜图标始终显示;

(2)、对中文特殊字符都没有进行编码,从搜索结果的url上可以很清楚地看到;url很简短,关键字虽是明文,但是搜索功能毫不含糊;

(3)、搜索结果页面,搜索框内的关键字和前一页用户输入的结果稍微有点失真。比如含特殊字符的搜索关键字,如“macbook+苹果”,搜索结果页面初始化后少了一个+号,可以推断出他们在后台进行了特殊字符过滤处理。

三、当当

1、单个关键字

(1)、英文
搜索关键字:macbook

url: http://search.dangdang.com/search.php?key=macbook&SearchFromTop=1&catalog=

(2)、中文

搜索关键字:苹果

url: http://search.dangdang.com/search.php?key=%C6%BB%B9%FB&SearchFromTop=1&catalog=

2、组合关键字

(1)、无特殊字符
搜索关键字:macbook 苹果

url: http://search.dangdang.com/search_mall.php?q=macbook%20%C6%BB%B9%FB

(2)、含特殊字符

搜索关键字:macbook+苹果

url: http://search.dangdang.com/search_mall.php?q=macbook%2B%C6%BB%B9%FB

3、小结

(1)、搜索框没有默认搜索图标(如放大镜);和京东类似,搜索框默认有推荐搜索关键字;

(2)、对特殊字符和中文都进行了编码,从搜索结果的url上可以很清楚地看到;

(3)、搜索结果页面,搜索框内的关键字和前一页用户输入的结果是完全一致的,没有“失真”。

四、QQ商城

1、单个关键字

(1)、英文
搜索关键字:macbook

url: http://shop.qq.com/search/index.html?q_show=macbook&q=macbook&classId=&PTAG=20051.15.1

(2)、中文

搜索关键字:苹果

url: http://shop.qq.com/search/index.html?q_show=%E8%8B%B9%E6%9E%9C&q=%25E8%258B%25B9%25E6%259E%259C&classId=&PTAG=20051.15.1

2、组合关键字

(1)、无特殊字符
搜索关键字:macbook 苹果

url: http://shop.qq.com/search/index.html?q_show=macbook+%E8%8B%B9%E6%9E%9C&q=macbook%2520%25E8%258B%25B9%25E6%259E%259C&classId=&PTAG=20051.15.1

(2)、含特殊字符

搜索关键字:macbook+苹果

url: http://shop.qq.com/search/index.html?q_show=macbook%2B%E8%8B%B9%E6%9E%9C&q=macbook%2B%25E8%258B%25B9%25E6%259E%259C&classId=&PTAG=20051.15.1

3、小结

(1)、搜索框没有默认搜索图标(如放大镜);搜索框默认有搜索使用提示(输入品牌或商品进行搜索)而不是默认搜索关键字;

(2)、对特殊字符和中文都进行了编码,从搜索结果的url上可以很清楚地看到;

(3)、搜索结果页面,和京东类似,搜索框显示的关键字有一点“失真“;

(4)、和其他三个站点不同,QQ商城的搜索结果页面,title始终是“商品搜索结果-QQ商城”,但是它在导航处有当前位置提示,而不是像其他三家将搜索结果的页面title直接变成(含有)搜索关键字;

好了,分析对比就到这里,虽然简单粗暴了一点,但是我发现这种“另类”的比较角度还是蛮好玩的,谢谢您的阅读。






本文转自JeffWong博客园博客,原文链接:http://www.cnblogs.com/jeffwongishandsome/archive/2011/03/19/1989026.html,如需转载请自行联系原作者
目录
相关文章
|
6月前
|
搜索推荐 BI
从百度搜索结果列表里点击 CSDN 博客时 url 参数的含义
从百度搜索结果列表里点击 CSDN 博客时 url 参数的含义
106 3
|
4月前
|
存储 NoSQL Redis
一个网站有很多页面url,做一个URL排行榜功能。排行根据url的访问次数pv排行
一个网站有很多页面url,做一个URL排行榜功能。排行根据url的访问次数pv排行
31 2
|
7月前
|
Web App开发 前端开发 JavaScript
SAP UI5 应用开发教程之七十八 - 如何通过 url 保持 SAP UI5 搜索的状态,让其支持书签功能试读版
SAP UI5 应用开发教程之七十八 - 如何通过 url 保持 SAP UI5 搜索的状态,让其支持书签功能试读版
37 0
|
7月前
|
数据采集 搜索推荐 Java
Java_URL类这是你通往其他网站的唯一路径
Java_URL类这是你通往其他网站的唯一路径
71 0
|
安全 前端开发 网络安全
网站漏洞检测服务对URL跳转漏洞检测分析
网站渗透测试是指在没有获得网站源代码以及服务器的情况下,模拟入侵者的攻击手法对网站进行漏洞检测,以及渗透测试,可以很好的对网站安全进行全面的安全检测,把安全做到最大化。在挖掘网站漏洞的时候我们发现很多网站存在域名跳转的情况,下面我们来详细的讲解一下。
319 0
网站漏洞检测服务对URL跳转漏洞检测分析
|
SQL 监控 HIVE
网站流量日志分析--数据入库--宽表具体实现2—解析 url|学习笔记
快速学习网站流量日志分析--数据入库--宽表具体实现2—解析 url
134 0
网站流量日志分析--数据入库--宽表具体实现2—解析 url|学习笔记
|
关系型数据库 MySQL Linux
WordPress地址(URL)修改后打不开网站的解决方法
WordPress地址(URL)修改后打不开网站的解决方法
WordPress地址(URL)修改后打不开网站的解决方法
|
Android开发
flutter - URL出现在网站名称的位置
flutter - URL出现在网站名称的位置 从Android Studio运行时:
93 0
flutter - URL出现在网站名称的位置
|
SQL 安全 搜索推荐
网站被入侵导致阿里云违规URL屏蔽该如何处理
距离2022年元旦约越来越近,我们发现很多网站用IIS环境尤其是aspx+sqlserver架构的网站总是被攻击,具体症状首先是接到阿里云的通知说是有违规URL通知,然后过了几天发现百度site网站域名,多了很多与网站本身内容不相关的垃圾快照内容,从百度点击这个快照地址进去后显示404找不到页面,但从百度站长工具里抓取页面就能看到内容,说明攻击者对搜索引擎的UA标识做了判断进行混淆,导致从肉眼看不出任何问题,但快照依然在继续增加新收录。
406 0
网站被入侵导致阿里云违规URL屏蔽该如何处理