想要更好地控制您的搜索设置?了解我们的灵活的基础设施定价

回到主页Meilisearch 的标志
返回文章

搜索结果导航:分页、无限滚动还是加载更多?

了解导航搜索结果的不同方式,以及哪些方式可能适合您。

2022年12月5日阅读时长7分钟
Maryam Sulemani
Maryam SulemaniMeilisearch 技术文档撰稿人null
Navigating search results: pagination vs infinite scroll vs load more

Meilisearch v0.30 已发布,并带来了创建带编号页面选择器的能力。您可以在我们的发布博客文章中阅读更多关于 v0.30 的新功能和更新。本文将介绍导航搜索结果的不同方式,以及每种方法的优缺点。

什么是分页?有哪些常见的替代方案?

假设您访问一个电商网站购买一双新鞋。如果页面一加载就显示700双鞋供您选择,那会让人非常不知所措——更不用说,获取每一双鞋肯定会拖慢网站速度。

为了避免这种情况,大多数网站会将搜索结果分成若干块,例如页面,并根据用户的输入一次加载一定数量的鞋子。

显示大型数据集主要有三种方式:分页、无限滚动和加载更多。每种方法都有其优点和缺点,使其适用于特定的用例和内容类型。例如,谷歌使用带编号的分页,使得再次找到特定结果变得更容易,而推特、脸书和 Instagram 则使用无限滚动来让用户沉迷于屏幕。谷歌在移动设备上使用加载更多来显示搜索结果。

从一种分页方式切换到另一种,可以彻底改变用户体验。想象一下,一觉醒来发现推特变成了分页版本,您必须不断点击“下一页”按钮才能查看更多动态(谢谢你,埃隆)。这将彻底改变您与网站的互动方式!

在选择如何显示搜索结果时,您决定了每次向用户显示多少内容,他们需要采取什么行动才能查看更多内容,以及再次找到特定结果的便利程度。

分页

分页通过将搜索结果分解为单独的页面来工作。分页界面主要有两种类型:带编号的,即在每个页面底部找到一个带编号的页面列表;不带编号的,即通过“上一页”和“下一页”按钮在页面之间导航。

分页是显示搜索结果最流行的方式之一,在电子商务网站上尤为常见。分页将内容分解开来,使其更容易处理。由于每个页面都是独立的,用户可以轻松返回到他们喜欢或与他人分享的商品。这有助于用户搜索特定内容,而不是浏览无休止的商品列表。

分页最大的缺点是大多数用户不会查看前几页以外的内容,因此永远无法看到更多的结果。您上次访问谷歌搜索结果第二页是什么时候?

由于结果会随着每个新页面而被替换,用户需要在页面之间切换以比较结果。此外,分页对移动设备不是很友好。移动用户更喜欢“加载更多”或“无限滚动”,因为它们更直观。分页还需要用户进行额外操作:点击“下一页”按钮并等待页面加载。这可能还会给人一种分页速度很慢的印象。

带编号的页面选择

页码增加了搜索过程的清晰度,并引导用户找到他们正在搜索的内容。带编号的页面选择提供了许多优势,例如:

  • 用户可以看到结果的总页数,从而估算出他们找到特定项目所需的时间。(“我有25页的鞋子需要筛选!”)
  • 通过编号页面,很明显有些页面比其他页面更相关。(“我在前五页没有找到那些鞋子,所以这个网站可能不卖。”)
  • 用户可以记住项目的位置,编号页面允许他们更快地返回到该项目。(“我喜欢第3页的粉色鞋子。”)
  • 用户通常可以在会话中途停止,然后从上次离开的地方继续。(“我昨天停在了第5页。”)

“上一页”和“下一页”按钮

在无编号分页中,用户通过“下一页”和“上一页”按钮进行导航,而不是通过带编号的页面列表。这种带编号分页的替代方案通常用于移动设备显示,因为没有足够的空间显示页码。由于只有两个按钮,它提供的精确度较低,因为用户无法跳转到特定页面。但是,它提供了更好的性能,因为它无需计算搜索结果的总数。

无限滚动

在过去十年中,由于智能手机的兴起,无限滚动变得越来越流行。它在用户滚动时无缝加载更多内容,减少了摩擦。它也比分页更直观;您只需继续滚动即可查看更多内容!此外,由于所有内容都加载到单个页面上,它可能看起来比传统分页更快。

![](/blog/content/images/2022/11/IMG_3391.GIF

无限滚动最大的缺点是可用性差。页面长度无限增加,难以再次找到之前查看的结果,用户也无法为列表中的特定项目添加书签或分享。随着加载的内容增多,页面性能会变慢,使页面“变重”。同时,由于无限滚动会随着加载更多内容而将页面页脚无限向下推,因此可能无法访问页脚。由于 Googlebot 无法模拟滚动,无限滚动还会对 SEO 产生负面影响。

然而,影响最大的莫过于用户行为。在某个时刻,无限滚动的用户将不再关注单个结果,而是更多地专注于滚动,导致参与度降低。您可以在Baymard Institute关于在桌面和移动设备上加载产品设计模式的研究中了解更多信息。

基于以上所述,无限滚动可能不是电商网站的最佳解决方案。您如何找到15次滚动前您喜欢的粉色鞋子呢?

有一种情况下,无限滚动是无与伦比的。对于主要目的是让没有特定目的的用户尽可能长时间停留在页面上的娱乐网站来说,无限滚动几乎可以保证更长的网站停留时间。这就是为什么无限滚动与社交媒体和其他依赖广告或数据收集的商业模式密切相关。

加载更多

与无限滚动类似,“加载更多”是一种移动设备友好的选项,通过无限扩展一个页面来工作。然而,与无限滚动不同的是,“加载更多”允许用户通过点击页面底部的“加载更多”按钮来选择是否要查看更多结果。这一关键区别赋予用户更多控制权,例如,更容易访问页脚或跟踪特定结果。研究表明,它还能增加用户对每个单独项目的注意力。

“加载更多”与无限滚动有许多共同的缺点,例如页面性能不佳。与无限滚动一样,它对 SEO 也不理想,因为 Googlebot 无法点击“加载更多”按钮。这意味着它无法抓取或索引您的所有内容。

那么,我该用什么呢?

简短的回答是:这取决于您想要的产品体验类型。

分页

  • 您的用户正在寻找高度具体的结果
  • SEO 对您非常重要

无限滚动

  • 您正在构建一个社交媒体网站
  • 您的用户希望探索大量内容

加载更多

  • 您想将内容隐藏在付费墙后面
  • 您希望构建道德的移动体验
  • 您希望获得分页和无限滚动的双重好处

或者您也可以选择混合模式!以宜家为例:他们使用“加载更多”按钮,但也显示搜索结果的总数和进度条,让用户可以查看他们已经查看了多少结果。

虽然我们今天讨论了显示搜索结果的三种主要方式,但它们远非一成不变。归根结底,您的目标是帮助用户找到他们需要的内容。如果您了解希望通过搜索导航界面实现哪些关键目标,以及希望避免哪些陷阱,那么您可能能够设计出比以往任何时候都更好的东西。祝您好运,并告诉我们您用 Meilisearch 创造了什么!

What is search relevance: Everything you need to know

什么是搜索相关性:你需要了解的一切

了解什么是搜索相关性,它对用户体验和业务成果为何如此重要,以及如何通过实用策略和见解来改进它。

Ilia Markov
伊利亚·马尔科夫2025年8月12日
On-site search: Definition, implementation, best practices & more

站内搜索:定义、实现、最佳实践及更多

了解什么是站内搜索、它如何运作、其优势、如何实现、最佳实践等。

Ilia Markov
Ilia Markov2025年8月7日
Intranet search engines: What you need to know in 2025

内网搜索引擎:2025年你需要了解的一切

了解什么是内网搜索引擎、它们如何运作、为什么它们很重要,以及主要功能、优势、最佳实践等。

Ilia Markov
Ilia Markov2025年8月6日
© . This site is unofficial and not affiliated with Meilisearch.