分页vs.无限滚动:哪个对你的内容更好?

你的内容是你的网站的独特之处。没有其他在线业务可以提供与你完全相同的在线体验，一个精心策划的内容将帮助你的业务脱颖而出，并将访问者转化为线索和客户。

在你花时间在你的网站的卓越内容之后，你会想要一个匹配的浏览体验。这是构建网站时的一个主要因素:我如何以满足用户的方式组织和展示我的内容?

现代网站基本上可以分为两类内容组织。有分页的网站，哪些内容划分不同的页面，以及无限滚动网站，哪个页面上的所有内容。

让我们深入讨论这两种组织方法，然后比较它们的优缺点，以确定哪种方法(或两者)在您的网站上最有效。

您将看到分页在许多在线业务、电子商务网站和信息网站(如博客)中广泛使用。的dota2雷竞技 是一个基本示例 - 文章由特色图像缩略图表示，并按页面除以。用户可以在底部选择一个编号的链接以跳转到其他存档页面，或单击文章缩略图以查看新页面上的文章。

Infinite scroll在Facebook、Twitter和Instagram等社交媒体网站上名声大噪。这种技术也被广泛应用于图片密集型的网站上，比如stock photography网站Unsplash：

图像源码

在此示例中，Web页面随着我滚动的方式动态填充新内容，并实现延迟加载在新图像出现在屏幕上时进行渲染。没有必要点击。

虽然这两种UX技术都很有用，也很普遍，但它们很难互换。在下一节中，我们将比较这两种方法，看看它们在哪里以及为什么最有效。

分页和无限滚动的优势揭示了为什么它们在某些网站如此受欢迎。例如，分页在电子商务中被广泛使用，因为它能更好地实现产品搜索和编目。这些网站的访问者可能是在寻找一种特定类型的产品(比如t恤或烟雾探测器)，并且只想查看与他们的查询相关的产品。

另一方面，社交媒体用户通常不寻求任何具体的东西——他们想要娱乐和/或信息。在这种情况下，无限滚动是将用户吸引到相关内容流中的绝佳方法。出于同样的原因，你会在新闻网站和用户生成内容网站上看到无限滚动。raybetapp

现在让我们把无限滚动和分页在网站的几个重要方面的效果逐个分解。

订婚

最重要的是，无限滚动旨在提高用户参与，并尽可能长时间保留页面上的观看者。如果游客没有特别的目标，则无限滚动将继续以有效，可消化和中断的方式推出相关内容。

另一方面，分页能够更好地让用户尽快访问他们想要的内容。分页使自由浏览更加耗时，因为用户必须定期点击“下一步”，等待新页面加载。但是，延长你的个人页面和优化负载时间限制这种不便。

注意，无限滚动对于加载缓慢也不是一个完美的解决方案。用户滚动次数越多，需要加载的内容就越多，页面性能就会变慢。请确保将图像大小减少到需要的程度，以降低所使用的带宽。

便于使用

如果您对内容进行分页，您可以相信用户会熟悉您的站点布局。只要你的页面组织良好，访问者在页面之间点击应该没有问题。

尽管如此，您还应尽可能减少点击次数。点击链接不是“硬”本身，但他们当然加起来 - 现在人们希望尽可能少地点击他们想要的地方。

如果Infinite滚动为您的内容类型有意义，您的网站的易用性将脱颖而出。只需滚动以揭示更多内容就自然而然地到了我们大多数人。它快速，简单，直观，响应 - 所有这些都有助于参观者将欣赏的积极体验，如果不期望。

此外，无限滚动的用户友好性通过触摸屏闪闪发光。此功能基本上为移动设备构建，因为它最大限度地减少了按钮按下，这是手机上经常令人沮丧的任务。

易于实施

几乎每一个网站建设者那CMS,博客平台默认为内容结构化的分页。在构建一个网站时，您可能会在盒子外分页功能。

它没有办法 - 将无限滚动添加到您的网站需要一些额外的腿部。虽然无限滚动通常会使用户更容易，但它始终使网站发布者更加困难。这是因为您不能只将无限滚动功能拍打到期待它完全运行的分页网站上。

相反，您可能需要一个附加组件或开发人员来实现无限滚动。如果你要将整个站点从页面过渡到无限滚动，那么你还需要花很多时间重新构建站点的组织结构。

但是，不要让工作量阻止您。考虑将无限滚动放在各个页面和测试参与和性能上。这样，您将确定您的网站是否值得全面转换。

导航

正如我们所覆盖的那样，分页可以帮助想要特定内容的用户。因此，分页网站通常比无限滚动仪更容易导航。

首先，页面允许易于过滤，索引和搜索。想象一下浏览烹饪网站上的食谱的抱负的厨师。分页允许他们搜索“Enchilada”，浏览相关的配方结果，选择与它们说话的相关配方结果，并为稍后添加食谱页面。

此外，分页可以帮助访问者在浏览时感觉更自如。当搜索某样东西时，他们可以查看剩下的页面数量，并快速推断出还有多少内容需要查看。完成后，他们可以放心，他们已经考虑了所有可能的选择。

就其本质而言，无限卷轴不允许这些。内容没有尽头，它变得势不可挡。也没有简单的方法将页面上的内容或位置添加到书签中。如果用户离开后又回到页面，他们会发现自己又回到了页面顶端。

另一个经常被无限滚动忽略的有用的导航特性是页脚区域。用户可能会本能地在页脚上查看联系信息、隐私政策、职业页面或其他重要信息。

由于分页允许页面，且最终，页脚只能在页面的底部。使用无限滚动，必须重新安置此信息。另一点分页。

视觉吸引力

使用正确的风格方法，无限滚动不仅提高了易用性，而且也提高了视觉效果。这使得无限滚动非常适合照片分享网站、作品集和其他严重依赖视觉效果的网站。当用户寻找灵感或获得艺术感时，视觉上吸引人的图像流正是他们想要的，特别是当与其他效果如视差滚动．

这笔推理背后有一些科学。人类可以在米利地处理一张照片十分之一秒．我们的视觉适应大脑帮助我们在几秒钟内扫描数百张复杂的图像。

不相信吗?查看搜索的结果谷歌与谷歌图片．请注意，其中哪一个是分名的，这不是。

SEO

搜索引擎优化本身就是一个主题，不管你采取什么UX策略。分页和无限滚动会影响网站上的内容布局，因此也会带来SEO方面的挑战。记住这一点形成你的SEO计划．

不幸的是，无限滚动将UX第一和搜索引擎置于第二个。通过隐藏页面上的大部分内容并仅在滚动请求时加载它，无限滚动可能会通过搜索引擎进行正确索引您的内容。这降低了您的网站对结果页面排名的机会。

问题是，根据Google Developer Martin Splitt，谷歌的网站爬虫程序通常不会向下滚动页面，只阅读浏览者在初始页面加载时看到的内容。Splitt解释说，为了解决这个问题，可以将新加载的内容分成几个部分。然后，添加链接到下一个新部分的“阅读更多”按钮，这样机器人就可以跟踪这些链接并将它们编入索引，就像它们将页面分开一样。这将需要额外的努力来实现，并可能破坏UX，但许多人认为这种方法是值得权衡的。

当内容被分页时，搜索引擎优化变得更加简单——搜索引擎机器人更有可能抓取整个页面，并正确地索引你的内容。如果你采取措施向搜索机器人发出信号，表明页面上的内容是相关的，你就会建立起你的排名。

但是，记住只使用必要的页面数量来清晰地组织你的内容，因为太多的页面会导致SEO问题。对于每个网站，搜索引擎都对被扫描和索引的内容设置了限制。如果您的分页系统太大，搜索引擎可能会耗尽对导航页面的扫描，并错过包含您希望用户找到的内容的页面。

为了避免这个问题，不要使用超过你需要的页面——每一页内容都应该为访问者(和搜索引擎机器人)提供重要的价值。另外，试着从你的主页链接到你最重要的页面。这减少了点击你最好的内容，并确保机器人将索引你想要的。

滚动，或不滚动

在这一点上，我们希望哪一种用户体验方法对你的网站最有利。即使如此，也不要回避测试这两种方法获得数据驱动的见解。

最终，你的目标不是设计最华丽的首页或复制最流行的网站。它是以一种适合用户需求的方式组织和呈现内容。如果做得好，你的访问者不需要思考如何找到正确的内容——他们会的。