最新公告
  • 欢迎您光临牛品源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
    • 网站公告
    • 热门标签
    • 资源专题
    • 资源存档
    • 联系我们
    牛品源码
    10年
    专注建站行业优质资源供应商
    升级SVIP
    登录 / 注册
    站长资源平台
    • 技术学习大厅
      • NET教程489
      • PHP教程429
      • C语言C++560
      • JAVA教程1742
      • Python教程447
      • 前端教程1297
      • 云计算教程465
      • 操作系统1028
      • 数据库教程923
      • 零基础视频教程14
      • WordPress教程111
        • WordPress子主题1
        • WordPress模板128
      • 其他教程104
        • CMS教程107
        • DEDECMS教程28
        • 编程办公84
    • 网站模板仓库
      • DEDECMS模板81
      • 帝国CMS模板88
      • 织梦模板源码192
      • 其它CMS模版12
      • 企业网站模板870
      • 响应式模板243
      • Discuz模板196
      • 单页模板212
      • 后台模板429
      • 模板素材243
      • 专题模板209
      • 简历模板345
    • 模板主题
      • PPT模板1832
      • 主题模板3833
      • 公司模板119
      • 动物模板41
      • 商务模板1505
      • 国外模板265
      • 科技模板169
      • 背景模板189
      • 自然模板151
      • 节日模板709
      • 行业模板718
      • 通用模板513
    • 设计学院
      • PPT模板1832
      • PSD素材3826
      • 设计素材3422
      • ppt素材645
      • ppt图表559
      • ppt特效428
      • 图片素材3138
      • 摄影剪辑34
    • 网站源码
      • 办公/软件/电脑420
      • 商城/淘客/网店264
      • 小说/新闻/博客163
      • 支付/金融/货币347
      • 电影/视频/音乐172
      • 会员/推广/交流94
      • 企业/公司/政府863
      • 亲测网站源码40
      • 小程序源码649
      • 影视网站源码15
      • 网站源码14270
      • 其它源码221
        • 汽车/车行/交通22
        • 资源/下载/技术62
        • 域名/空间/建站56
        • 个人网站27
        • 支付源码5
        • 防红源码7
    • 代码特效
      • CSS代码96
      • HTML5实例169
      • HTML编辑器24
      • css/div/h5特效230
      • 名站特效321
      • 图片特效558
      • 在线客服92
      • 常用特效986
      • 广告代码32
      • 图片代码322
    • 站长资讯
      • 云计算领域22
      • 大数据领域36
      • 网络推广156
      • 站长访谈173
      • 网站运营153
      • 搜索优化867
      • 健身养生32
      • 两性相关49
      • 其他分享55
      • 职场关系37
      • 自我提升76
      • 长点知识29
      • 新媒体运营15
    • QQ工具箱
      • QQ签名1611
      • QQ头像101
      • QQ皮肤155
      • QQ表情216
      • QQ网名4154
      • QQ说说507
      • 技术工具23
      • 学习测试16
      • 微信技巧20
      • QQ技巧25

    “点击搜索框到出现搜索结果”背后的故事

    2020-06-28 站长资讯 17 已收录
    当前位置:牛品源码 > 站长资讯 > “点击搜索框到出现搜索结果”背后的故事
    正文概述

    搜索功能在各大APP中可以说是司空见惯的标配,相对“社交流量”的信息找人,“搜索流量”是人找信息,它传递的是一种“我想知道”的信息。搜索的算法设计可以很简单也可以很复杂,本文旨在带对搜索感兴趣的你了解“点击搜索框到出现搜索结果”背后的故事。

    1.jpg

    一、搜索框设计思路

    先从搜索框的设计思路说起。UI元素不多提,主要强调一下宏观上“针对不同用户的不同需求设计搜索模块”的产品思维。

    我们看看iOS系统、产品经理APP、淘宝、Google的搜索位置和设计(如下图),从左到右依次是手机系统->阅读类APP->电商类APP->搜索引擎的代表,用户在这些场景里对搜索的需求依次增强,搜索在页面上的表现形式也依次增强:搜索半隐藏->搜索icon->搜索在顶部栏固定->索索是首页主体。

    (iOS系统、产品经理、天猫、Google搜索框设计)

    产品经理APP,搜索功能以icon的形式放在首页右上角,它的搜索功能非常弱(搜索结果常常不如人意),首页强调的是运营的结果——“你应该知道”的信息,弱化了搜索功能——“你想知道”的信息,也可能是出于开发成本的缘由弱化了搜索。

    在抖音和快手APP里,抖音将搜索功能以icon的形式放在首页左上角,快手将搜索功能放在个人页(二级页面)里,体验下来,抖音的搜索功能的体验比快手更好,快手也是避短了。以上从本质上说,都是为了给用户提供更好的产品体验。

    (左:抖音,右:快手)

    二、搜索算法

    搜索icon背后的逻辑是通向“理想结果”的通道,大致分为四步:

    1. 用户输入内容(称“query”)

    2. 分析用户搜索意图

    3. 根据用户输入的信息对内容进行筛选召回

    4. 对召回后的结果进行排序

    Step1:用户输入内容

    用户在搜索框输入的内容,常见的是文本,现在也有图片、语音的方式。

    在搜索框内设置“引导暗文”屡见不鲜,它既可以教育新用户可以搜索哪些关键词(如下左图),也可以承担运营推广、商业化的职能(如下右图)。

    (左:多抓鱼,右:美团)

    用户有时候会重复搜索同一内容,保留搜索历史就显得有必要了。移动APP的搜索历史记录大致有两种展示样式,列表式和按钮式,按搜索时间倒序排列,超过显示条数会被折叠。搜索历史删除功能有单条删除或一键清除两种。

    搜索历史记录下常配有热门推荐、特色栏目、话题榜等运营模块。在资讯APP中,以热度榜最为常见,以“标题+热度值或热度角标”的方式出现,让用户能快速了解当前的热点从而点击感兴趣的内容进入“消费场景”。

    这些模块涉及各自的排序算法或业务逻辑,其中蕴含商业化和运营价值,如在热议榜中穿插运营活动或广告或搜索挂件,但要注意热度和体验的合理性,避免出现突兀感降低用户的信任感和体验感。

    (资讯APP搜索页面截图)

    如果内容类型较多,产品会倾向于先让用户限定范围再搜索,使搜索结果更精准,如微信搜索(如下左图),也有的APP是在搜索结果上做分类,如资讯APP(如下右图)。

    (左:微信,右:今日头条)

    除了历史搜索,有没有其他提高用户输入效率、降低输入错误率的办法?

    自动补全是不错的方法。这是基于产品定位或基于用户行为/画像的联想部分,对于前者的理解,如用户在京东APP上搜索水蜜桃,用户是想购买水蜜桃,而不是想搜索水蜜桃的百科;对于后者的理解,如用户先前浏览过阴阳师手办,当他在搜索框输入“阴阳师”的关键词时,“阴阳师手办”会是自动补全的首选。

    (自动补全示例)

    另外,当用户点击搜索按钮后,若需要等待搜索结果,需要有加载提醒的标识,避免用户认为搜索功能无响应。

    Step2:分析用户搜索意图

    对用户搜索意图的分析涉及分词和词语处理。

    分词也称“文本词条化”,但总的来说用户更倾向于输入“连衣裙 蓝色”代替“我想要买一条蓝色的好看的连衣裙”。分词依赖分词库和词性判断,前者需要维护一个和产品定位相匹配的词库(市面上已有很多开源且丰富的词库), 词库的维护涉及新词发现,从大数据的分析可以将新词发现的流程自动化,人工抽检即可,例如词语“中国有嘻哈”是2017年才有的新词,代表一档Hip-hop音乐选秀节目。而词性判断涉及用词性库和上下文去分析词语的词性。

    词语处理包括停用词过滤、同义词/近义词转换、词条归一化、自动纠错等。

    停用词过滤指剔除“的”、“了”这类无意义的词或字,主要是通过词或字出现频次判断,市面上也有可用的停用词库。

    用户在使用搜索的时候难免会有输错关键词或表意不清的情况,这时候理解用户搜索意图需要“自动纠错”,主要是通过噪声信道模型去纠正用户的错误输入,纠错的类型一般有:

    1. 同音纠错;

    2. 形似字纠错;

    3. 多字、少字、错别字、顺序错误;

    4. 模糊音纠错,对英文输入来说,还有大小写归一化、词形时态的纠错等。

    结果页顶部最好保留疑似错误关键词的搜索结果入口,避免机器误判损伤产品体验。

    (百度搜索“自动纠错”示例)

    Step3:根据用户输入信息对内容进行筛选召回

    在对内容进行召回前,我们需要通过索引去连接内容,就像查字典时用的查字目录。搜索的索引是倒排索引(inverted index),可以简单理解为“需要根据属性的值来查找记录”。

    以电商为例,如下图:

    (倒排索引示例)

    召回内容时一般根据相似度分值择优召回。以资讯APP为例,即计算关键词和文章的相似度,通常是通过tfidf算法计算关键词和文本的相似度(标题、摘要、正文等不同文本有不同权重)或通过embedding(向量化)召回。

    Step4:对召回后的结果进行排序

    排序可以考虑内容静态分,评论、点赞、收藏等业务数据可以是影响最终score的因素。如果有个性化部分(如电商),机器会基于用户画像,在召回和排序的时候将用户可能最关心的内容优先召回和排序。重排环节加上业务逻辑,如商业化广告、运营活动等,该次搜索的结果展示list就准备好了。

    对于时效性要求比较强的产品,如资讯APP,还需要加上一个时间衰减因子,避免将老旧内容先推出。

    Step5:搜索结果展示

    搜索结果展示页,常规的是根据相似度计算+业务逻辑的“关键词推荐”,另一种是“联想推荐”,适合的场景有:

    1. 在没有搜索结果或搜索结果较少的情况下“拓展”推荐,总比一个空白页好;

    2. 除正常的搜索结果外,补充根据用户画像匹配的内容(用户感兴趣的概率高)或通过大数据计算出来的内容,作为一种兜底策略;

    3. 承担某些运营功能。

    另外,在搜索结果页的一个小技巧,对命中关键词的文字进行高亮显示,让搜索结果更加“一目了然”。

    (资讯APP搜索“庆余年”,结果展示页)

    三、搜索指标

    以资讯APP为例,我们来看看搜索优化的核心目标、观测指标和算法评估指标。

    核心指标:搜索成功率=有点击的query次数/总query次数(成功的定义可以是一次搜索后有消费行为,如满足时长指标的点击等)

    全链路指标:

    四、搜索商业化

    目前市面上常见的搜索商业化有:

    1. 搜索框引导暗文

    2. 搜索框皮肤

    3. 搜索热门榜单

    4. 热门搜索挂件

    5. 搜索结果页优先推荐

    6. 搜索彩蛋

    (左中:京东,右:淘宝)

    这些位置多以CPM(Cost Per Mille)和CPC(Cost Per Click)的方式进行广告合作,常见的付费方式还有CPD(Cost Per Download)、CPA(Cost Per Action)、CPP(Cost Per Purchase)等等。

    五、对“搜索”后续发展的看法

    目前资讯APP的搜索较少个性化(电商搜索有部分个性化),主要是基于NLP去设计开发搜索功能。随着大数据和机器学习的发展,搜索的技术和功能设计也将会在NLP基础上,利用用户行为数据,往理解用户(query understanding),搜索延展(query expansion )、搜索推荐(query suggestion)纵深,如深度学习模型训练、Learning to rank,如根据用户搜索后的点击行为选择训练集等等,从而设计出更“贴心懂你”的搜索。

    我们通过几个问题感受下这种趋势:

    • 如果一次搜索无消费行为,二次搜索策略将如何优化?

    • 从大数据上看,某个关键词的搜索结果中,大多数用户倾向于点击一个相关性不如前排的内容,是否可以使用这类数据优化相关性的限制?

    • 用户在搜索结果页点击内容A后大概率会点击其下的相关内容B,这种用户行为数据能否用在搜索的优化上?

    • 一个喜欢吃苹果和一个喜欢使用苹果手机的用户,他们某些关键词的搜索结果会一模一样吗?

    RIPRO主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
    牛品源码 » “点击搜索框到出现搜索结果”背后的故事

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    站壳网
    一个高级程序员模板开发平台

    普通

    分享到:
    上一篇
    揭秘暴利的微信公众号派单项目
    下一篇
    调研100个爆文标题,总结出4类高点击的标题

    相关推荐

    全网营销之如何策划一场“有预谋”的事件营销?

    全网营销之如何策划一场“有预谋”的事件营销?

    超级蜘蛛池之暴利的黑帽SEO行业

    超级蜘蛛池之暴利的黑帽SEO行业

    苹果cms最新版本数据库被挂马该如何解决_网站运营

    苹果cms最新版本数据库被挂马该如何解决_网站运营

    最新友价精仿我图网,素材资源分享,系统源码 开源解密版 自适应手机端_源码下载

    最新友价精仿我图网,素材资源分享,系统源码 开源解密版 自适应手机端_源码下载

    发表评论 取消回复

    站长交流群

    互联网站长技术交流群
    共同学习,共同进步,共同成长!

    QQ交流群
    标签
    MYSQL数据库 (923) nosql数据库 (923) Oracle数据库技术 (923) PHP源码 (2111) PHP源码下载 (2108) ppt免费下载 (1832) ppt图片 (1832) ppt文档下载 (1832) PPT模板 (1833) ppt素材 (1832) ppt背景 (1850) psd分层 (3826) PSD图片下载 (3826) psd源文件 (3826) PSD素材 (3826) PSD素材下载 (3826) PSD设计素材 (3826) windows从入门到精通 (1028) [db:标签] (17158) 企业ppt (1832) 企业模板下载 (1582) 企业源码 (1324) 企业网站模板 (1324) 公司网站模板 (1327) 前端开发教程 (1297) 办公ppt (1832) 图片素材 (3143) 操作系统 (1028) 操作系统技术 (1028) 操作系统教程 (1028) 数据库 (985) 服务器教程 (1028) 模板 (1029) 移动网页前端开发 (1297) 网站前端开发 (1297) 网站模板下载 (1582) 网站源码 (2178) 网站源码现下载 (2108) 网页前端开发教程 (1297) 背景图片下载 (3138) 设计图片素材 (6560) 设计素材 (3424) 设计素材下载 (3422) 设计素材免费下载 (3422) 高清图片下载 (3138)
    • 268会员总数(位)
    • 66769资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 1931稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情
    牛品源码

    加入本站会员
    开启尊贵特权之体验 本站资源支持会员下载专享,普通注册会员只能原价购买资源或者限制免费下载次数,付费会员所有资源可无限下载。并可享受资源折扣或者免费下载。

    本站导航
    友情链接
    开通会员享受折扣优惠
    © 2025 All rights reserved 京ICP备18888888号 京公网安备 188888888

    • SVIP
      升级SVIP会员

      限时钜惠
      终身SVIP仅需39元

      立即开通

    • 客服
      工作时间

      工作日:9:00 - 23:00
      节假日:9:00 - 23:00

      点击咨询客服

    • QQ群

    • 建站

    • 优化

    • 全屏

    牛品源码
    • 登录
    • 注册
    忘记密码?
    牛品源码
    • 技术学习大厅 ►
      • NET教程489
      • PHP教程429
      • C语言C++560
      • JAVA教程1742
      • Python教程447
      • 前端教程1297
      • 云计算教程465
      • 操作系统1028
      • 数据库教程923
      • 零基础视频教程14
      • WordPress教程111 ►
        • WordPress子主题1
        • WordPress模板128
      • 其他教程104 ►
        • CMS教程107
        • DEDECMS教程28
        • 编程办公84
    • 网站模板仓库 ►
      • DEDECMS模板81
      • 帝国CMS模板88
      • 织梦模板源码192
      • 其它CMS模版12
      • 企业网站模板870
      • 响应式模板243
      • Discuz模板196
      • 单页模板212
      • 后台模板429
      • 模板素材243
      • 专题模板209
      • 简历模板345
    • 模板主题 ►
      • PPT模板1832
      • 主题模板3833
      • 公司模板119
      • 动物模板41
      • 商务模板1505
      • 国外模板265
      • 科技模板169
      • 背景模板189
      • 自然模板151
      • 节日模板709
      • 行业模板718
      • 通用模板513
    • 设计学院 ►
      • PPT模板1832
      • PSD素材3826
      • 设计素材3422
      • ppt素材645
      • ppt图表559
      • ppt特效428
      • 图片素材3138
      • 摄影剪辑34
    • 网站源码 ►
      • 办公/软件/电脑420
      • 商城/淘客/网店264
      • 小说/新闻/博客163
      • 支付/金融/货币347
      • 电影/视频/音乐172
      • 会员/推广/交流94
      • 企业/公司/政府863
      • 亲测网站源码40
      • 小程序源码649
      • 影视网站源码15
      • 网站源码14270
      • 其它源码221 ►
        • 汽车/车行/交通22
        • 资源/下载/技术62
        • 域名/空间/建站56
        • 个人网站27
        • 支付源码5
        • 防红源码7
    • 代码特效 ►
      • CSS代码96
      • HTML5实例169
      • HTML编辑器24
      • css/div/h5特效230
      • 名站特效321
      • 图片特效558
      • 在线客服92
      • 常用特效986
      • 广告代码32
      • 图片代码322
    • 站长资讯 ►
      • 云计算领域22
      • 大数据领域36
      • 网络推广156
      • 站长访谈173
      • 网站运营153
      • 搜索优化867
      • 健身养生32
      • 两性相关49
      • 其他分享55
      • 职场关系37
      • 自我提升76
      • 长点知识29
      • 新媒体运营15
    • QQ工具箱 ►
      • QQ签名1611
      • QQ头像101
      • QQ皮肤155
      • QQ表情216
      • QQ网名4154
      • QQ说说507
      • 技术工具23
      • 学习测试16
      • 微信技巧20
      • QQ技巧25
    2025年7月
    一 二 三 四 五 六 日
     123456
    78910111213
    14151617181920
    21222324252627
    28293031  
    « 5月    
    ×
    • 首页

    • 签到

    • 切换

    • 客服

      牛品源码公告:

      终身SVIP限时39元 会员专享优质资源 内容持续上新
      本站资源支持会员下载专享,普通注册会员只能原价购买资源或者限制免费下载次数,付费会员所有资源可无限下载。并可享受资源折扣或者免费下载。
      声明:本站发布的文章及附件仅限用于学习和研究目的.请勿用于商业或非法用途,否则后果请用户自负。 本站所有资源不带技术支持,下载资源请24小时内删除,如用于违法用途,或者商业用途,一律使用者承担。