通过网络设计,有三种组织内容的方法:分页,无限滚动和“加载更多”。出于本文的目的,我们专注于分页和无限卷轴。

虽然前者涉及将内容分离到多个页面上,但后者将内容内容到单个页面上,并允许用户连续滚动以加载新内容。这两个选项都创建了一个独特的用户体验。

就共同点而言,分页和无限卷轴只有两个主要的相似之处:

  1. 两者都是用户界面模式,通过它们web内容可以显示、消化和索引。
  2. 两者都最好通过彼此的差异来定义。

每种技术都有自己的优点和缺点,在选择适合您网站的接口之前,可以了解这些。下面我会告诉你以下事项:

让我们从基础开始。

什么是分页?

Pagination是一种技术,在线内容划分几个网页而不是在一个巨大的内容砖中集中在一起。如果滚动到使用分页的网页的底部,您将看到一行页码或下一个/ prev链接,允许您导航到下一页。

这些是导航控件,它们允许用户通过手动单击“从第一页到最后一页,直接访问分页系列中的每个网页。这些控件还将消息发送到Google爬网程序,即该系列中的所有内容都已连接和可索引,即使它在多页上分隔。

推荐阅读:分页和SEO的交易是什么?

此呈现信息授予用户的结构和层次结构需要完全了解内容,虽然它需要更多点击,但这些操作是有意义的,因为它们将用户更接近所需的结果。用户通常更喜欢清除他们的搜索,因为它满足完成需求。

分页的一个很好的例子是一个搜索引擎结果页面。每个分页页面底部的导航控件让用户知道哪些资源是最相关的,当前选择哪个页面以及有多少页面筛选到筛选。这增加了搜索过程的清晰度,并指导用户准确地搜索什么。

Google_Pagination

(谷歌的搜索结果显示在10个不同的页面上)

电子商务网站也经常使用分页,因为通常如此许多产品都提供了更好的是在多页上居住它们。

亚马逊分页 - 新

(亚马逊的库存如此之大,将其产品列表分开在许多页面中是如此大。)

要记住分页的事情

如果实现正确,分页是一种有用的网页分类方法。然而,如果你不采取一定的预防措施,问题就会出现。以以下情况为例。

重复内容

如果您的网站具有“查看所有”选项以及不正确的rel = canonical,重复内容问题可能成为一个问题。然而,即使像H1这样的东西在电路板上相同,也不会产生任何伤害。自此以来内容不同的是,它没有被解释为重复内容。在设置分页时,只要记住SEO,就不会有问题。

搜索引擎Journal.详细介绍了这个潜在的分页错误。

薄的内容

如果一个页面缺少大量的内容,谷歌可能会认为它不值得索引,内容将在实际上看不见的情况下继续存在。分页可能会导致像多媒体幻灯片这样的内容过少的问题,在这种情况下,每个页面只有一张图片。如果你能保证页面有足够的内容是用户友好的,这应该不是一个问题。毕竟,当用户满意时,谷歌也满意。

爬行问题

GoogleBot可以抓取并索引每个分支系列的每页索引自己的单独文件,拆除了您的爬行预算- 更不用说它使得那些应该一起工作的页面实际上在谷歌搜索引擎结果页面(SERP)上彼此相互竞争。通过正确的robot.txt文件避免此功能,以防止在某些页面上发生爬网,这将保存爬网预算并允许您的重要页面爬行。

进入页脚

分页的一个绝对好处是访问页脚以协助站点导航。页脚是一个令人难以置信的宝贵资源,用户可以找到对操作,辅助资源,社交页面和联系信息的重要调用。然而,有无限滚动,定位页脚是一个漫长的游行。

什么是无限卷轴?

虽然分页在一系列网页上传播内容的大块,但无限滚动允许您从一个网页浏览内容。滚动条到达页面底部后,新内容会自动加载,允许无限制滚动。

这对于使用移动设备的用户来说尤其重要,因为移动设备的滚动更直观。分页数字条太小,无法在移动设备上正确点击。

还要考虑社交媒体饲料 - 无限滚动是Facebook和Twitter等社交媒体网站的流行技术,以及Pinterest和Instagram等的画廊网站,因为它推动了用户参与。

这些网站通常选择无限滚动,因为它体现了他们希望用户与内容互动的方式。它展示连续的内容,为用户提供更多的机会浏览用户找到有价值的东西。

许多社交媒体新闻源是如下图所设计的,这表示无限滚动。

_46 Pinterest.

(社交媒体网站往往有无限滚动布局以适应移动可用性。)

无限卷轴的优点

用户喜欢滚动

事实一次又一次地证明,用户滚动鼠标要比点击鼠标容易得多。在今天的世界里,你可以用鼠标、触控板、方向键、滚动条,或者用你的手指在手机上滚动,这更直观。

滚动的速度和响应能力增强了整体用户体验,导致内容可见度大幅增加和增加的参与度。

增加接触

因为无限滚动是无止尽的,用户能够持续地接触内容而不被打断,只要他们继续滚动。由于没有停止点来打断注意力的流动,用户可能会花更多的时间访问你的网页,并实际上查看更大的内容样本。

建造了发现

无限滚动也是希望用户的有用工具发现某事而不是搜索为了某件事。并非每个用户都转向互联网,并考虑到明确定义的最终目标。有些人只是想继续旅行,并在某个主题中探索内容,以给他们灵感,支持一个想法,或者只是让他们娱乐。

由于发现过程是如此主观,用户需要快速访问最广泛的思想采样,因此它们可以增加找到与他们相关的东西的几率。输入无限滚动。请记住,这一优势取决于您运营的场地类型 - 并非每个网站都应该为休闲发现而设计。

移动友好

简单地说,滚动和移动电话是天堂制造的比赛。由于移动屏幕大致小于桌面屏幕,因此它们只能一次显示内容的一小部分。要解决此问题,移动站点上的滚动条更长的时间默认情况下,因此每个内容废除都仍然可访问。

无限卷轴的缺点

爬行的问题

甚至谷歌也有其局限性。随着GoogleBot的智能和直观,它仍然无法效仿人类用户的浏览行为。由于无限滚动依赖于JavaScript,因此Google达到所有内容存在问题:GoogleBot不会停止并等待新内容以在其快照之外加载。结果,在这个范围之外的任何东西都不会爬行 - 这是绝不适合SEO。

为了使无限滚动与Google友好,在某种方式代码页面,如果用户或机器人没有JavaScript,它将显示可以单击或爬出的链接。这样,谷歌可以到达用户滚动的所有内容。

推荐阅读:优化AngularJS SEO以爬行和索引目的

很难找到信息

由于infinite scroll将所有内容放在一个页面上,并且放在一个URL下,所以很难定位信息或记住它以前在哪里找到的。例如,如果用户是几个滚动向下无限滚动的网页,离开网站后才返回,页面会刷新,并再次加载顶部的内容。

要到达之前的位置,可能需要大量滚动。通过分页,可以轻松地找到页面内容,因为单个页面,因此它们各自的内容都能够被书签。

延迟页面加载时间

由于在用户滚动中的单个页面上安装了大块内容,因此页面加载需要很长时间。这在移动设备上尤其如此,因为移动浏览器没有机会“呼吸”作为用户,这么快地滚动以释放手指的滑动越来越多的内容。

想想你用加速滑动来尽可能快地到达页面底部——如果页面没有机会加载和适当地更新它的内容,它可能会适得其反。缓慢的页面加载会严重影响SEO性能。

无法访问页脚

页脚库的重要信息如联系信息和社交媒体链接,但有无限滚动它无法访问。用户可以滚动到页面时间和时间的底部,只能使其揭示更多内容并按下页脚。

推荐阅读:优化用于爬行和索引目的的单页应用

哪个对搜索引擎优化更好?

虽然您可以看到,根据您操作的网站类型,每种方法都有其各自的优势,但从搜索引擎优化的角度来看,分页仍然是更好的解决方案。值得一提的是,infinite scroll的主要缺点之一是谷歌爬虫无法抓取快照之外的内容。不管谷歌没有看到什么,它都不会索引,这意味着你的大部分内容都浪费了排名潜力。

虽然无限滚动很好地为用户提供了更全面的“画廊”体验,但分页仍然是帮助用户和爬虫找到他们真正想要的东西的技术。

还是想使用无限滚动?

嘿,我懂了。有时这是关于更好的用户体验,滚动是更好的解决方案,有许多JavaScript插件和jQuery元素使这成为可能。如果用户只是在探索一个没有明确目标的网站,他们通常喜欢无限滚动的概念。它允许他们“漫游”网站,找到他们感兴趣的东西,并以一种悠闲的方式发现内容。

这一切都归结为哪种技术最能为您的内容和用户提供服务。但是,如果您选择在您的域中合并无限滚动,我强烈建议包括组件页面。

组件页面是一个分手的系列,您可以用无限滚动串联出来。它们的主要目的是将内容分组为后端的页面,因此Google将其识别为可索引的系列。

谷歌的网站管理员博客有关搜索友好的详细信息无限卷轴的建议即使在实现无限滚动时,这将允许Web蜘蛛爬网。

所以现在,即使您使用无限滚动,Google也会获得它想要的东西。当谷歌获胜时,我们都赢了!