网页设计搜索框形式有 第1篇
所有的文本分词之后会发现，“的”、“了”、“吗”、“也许”等没有很强实际意义的功能词有很多，相比之下“产品经理”、“搜索引擎”等词语更加具有实际意义的反而较少，后者更应该作为关键词。 于是，我们使用把所有这些功能词存起来，作为停用词（stop word），如果一个词语出现在停用词中，就不能作为关键词。
于是，我们就从分词结果中，获得了关键词。 下面是一个简单的停用词表，可能看出，基本都是我们经常使用的、没有很强实际意义的词语。
网页设计搜索框形式有 第2篇
如果是一句英文，“Mike had a dog”，每个词都是用空格分开的，里面有“Mike”、“had”、“a”’、“dog”、这四个单词，但中文“麦克有一只狗”，因为没有分隔符（比如：空格）把每个词语分开，就有些麻烦了。 最容易想到的分词方法就是查字典，把句子从左到右看一遍（程序员的说法叫做遍历），每个词语如果在字典中出现过就标记出来。
拿“麦克有一只小狗”举例，比如：“麦克”这个词在字典中出现过，就把“麦克”作为一个词语，“有”在词典中出现过，就把“有”作为一个词语，就这样一直做下去，最后可以分为“麦克、有、一只、狗”。 这种最简单的方式可以解决一部分问题，但也有很大的问题，比如是“小”“狗”还是作为整体的“小狗”呢？程序员使用统计学解决这个问题：
网页设计搜索框形式有 第3篇
中文分词是几乎所有中文自然语言处理（Natural Language Processing）的基础，所以学术界和产业界对中文分词的技术研究已经很深入了，有高质量的商用分词库，也有像jieba这样的开源中文分词库，可以免费使用。
通过提取每个网页的关键词，最终每个网页和关键词的对应关系如下：需要注意的是：获取关键词不仅用在网页处理，而且也用在输入搜索框中。当我们搜索一句中文的时候，搜索引擎内部会进行分词、去掉停用词，获得关键词，之后再进行后续处理。
网页设计搜索框形式有 第4篇
基于业务需要，搜索框内经常会有推荐词，方便用户不用输入关键词就可以直达结果。同时，也是一种对商品的促销，对资讯的推广。根据不同需要，可以有不同的显示方式。
例如上面淘宝搜索框就会有最近比较火热的商品名称推荐，方便用户快速找到的当季潮热的商品，这样的搜索框也是一种无形之中对于商品的一种推荐，增加促销力度。
1）单个推荐词交替显示：例如上面是京东搜索框，大概3秒换一个推荐词。因为商城就是挑选的。交替显示的方式有利于用户看到更多种类的物品。
2）多个推荐词同时显示：例如上面的是LexisNexis，全球顶级法律数据库中国站。没有和京东一样，做单个推荐词的动态交替显示，是因为用户场景不同。
网页设计搜索框形式有 第5篇
如果搜索框位置在页面居中，那搜索功能也极其重要，那当然宽一点。比如上文提到的百度等搜索网页。搜索框宽度通常固定在650px以内，保证在所有分辨率中都能显示全。
如果搜索框位置在顶部居右，那搜索就是辅助功能，那当然短一点。具体宽度，需要考虑顶部UI布局情况。但一般不小于220px（大概数值，自己平衡），不然就不太方便输入关键字了。
那如果搜索框位置在在顶部居中，则可长可短，根据业务情况和页面布局判断。
网页设计搜索框形式有 第6篇
目前大部分网站在布局搜索框位置时，大致遵循以下几个规则：
1）页面居中：搜索功能对于页面来说是核心功能。如果没有搜索功能的话，业务几乎无法开展。它最最最重要啦！一般多用于搜索平台。
2）页面顶部居中：因为网站业务中，搜索是重要功能，但不是全部。不用夸大显示，但顶部的居中好位置要留给它。一般适用于电商平台、资讯平台。
3）页面顶部右边；在网页业务中具有搜索功能，但是搜索只是辅助功能，居中这么好个位置没必要，放右边看得见就行了。
4）页面顶部左边：页面具有搜索功能方便用户精准搜索到所需内容所以搜索框放在一进页面的左边切换位置。
网页设计搜索框形式有 第7篇
现在，我们已经建立好了索引，对于每一个网页，我们找到了出现的所有关键词。 当用户查询时，我们从头到尾，对每一篇文件扫描一遍，看哪个网页出现了用户查询的关键词，就把这个文件作为搜索结果。
但问题是：网页数量太多，从头到尾扫描一次就要花好长时间，根本无法满足正常的需求，更别说快速响应了。
所以我们可以思考：能不能把关键词放前面，网页放后面？ 这样，当我们检索的关键词的时候，不需要遍历整个系统，只用查找对应的几个关键词，就可以找到需要的网页了！
这样一来用户搜索“关键词1+关键词2”，那么搜索引擎需要找到“网页1，网页2，网页5，……网页N”，“网页3，网页4，网页5，……网页M”，找到同时出现的“网页3、网页5，……”。这样就大大加快了呈现排名的速度。
本文从搜索框的基本元素，位置以及内容介绍了搜索框的构成和特征，后面从搜索的引擎以及搜索结果的介绍展示了搜索框的搜索中与搜索后的交互结果呈现，希望能够帮助到大家。
本文由 @隔壁老王讲产品 原创发布于人人都是产品经理。
题图来自Unsplash，基于CC0协议。
来自： 祈雨馆 > 《待分类》
0条评论
发表
请遵守用户 评论公约
搜索引擎工作的基础流程与原理
大家在搜索界面中经常发现百度展示的摘要是用户搜索词周围的，如果我不仅仅只看第一页，多往后翻一些页，会看到有些结果由于其目标页面本身并未完全包含搜索词，而在百度提取的摘要中标红词仅是部分搜...
深度解析搜索引擎的原理结构
搜索引擎包括全文索引、目录索引、元搜索引擎、垂直搜索引擎、集合式搜索引擎、门户搜索引擎与免费链接列表等。正向索引还不能直接运用...
搜索引擎原理
索引器（Indexer）的功能是理解搜索器所搜索的信息，由分析索引系统程序对收集回来的网页进行分析，提取网页信息（包括网页所在URL、编码类型、页面内容包含的关键词、关键词位置、生成时间、大小、与...
不懂搜索引擎原理就是在裸奔
搜索引擎包括全文索引、目录索引、元搜索引擎、垂直搜索引擎、集合式搜索引擎、门户搜索引擎与免费链接列表等。1、搜索引擎抓取系统。正...
【第2273期】搜索引擎工作原理
所以，整个淘宝网站的页面那么多，蜘蛛在收集网页时，就算收集了A商品那页详情页面，但不代表B商品详情页面也被收集进索引数据库了，蜘...
【新提醒】SEO基础知识，有两个不懂你就不是高手！
【新提醒】SEO基础知识，有两个不懂你就不是高手！搜索引擎优化（Search Engine Optimization，简称SEO）是一种利用搜索引擎的搜索规则来提高网站在有关搜索引擎内的排名的方式。用户是通过关键词找到...
热门还是长尾？大中型网站的关键词优化策略- SEM 一家之言
接下来的两篇文章，会讨论网站是选热门关键词还是长尾关键词，以及应该注意内部链接还是外部链接。那么，在做一个网站的SEO关键词优化的时候，是把精力偏重放在做热门关键词还是做长尾关键词呢？尽管每...
外贸人也需掌握的SEO知识
网页标题是一个页面中非常重要的地方，因而在标题中出现关键词对网页的排名影响是非常大的，所有页面的标题一定要出现关键词，你的网页标题都包含关键词了吗？对于关键词的加粗或者斜体的情况，搜索引...
网站标题怎么写才能更规范符合百度呢？
网站标题怎么写才能更规范符合百度呢？标题联合内容部分虚假信息的网页像这样的，比如教育网站会计报名，你明明是预估时间，却说是报名...
微信扫码，在手机上查看选中内容
微信扫码，在手机上查看选中内容