如果你曾经使用过Twitter、Pinterest或在谷歌中搜索图片,你可能已经看到过无限滚动的效果。你所要做的就是不断向下滚动,越来越多的信息会弹出。

而最后一个几年来一直是创造不同类型的内容,我们一直看到越来越多的营销人员以不同的方式试验显示该内容可以提高用户网站上的用户体验。其中一个趋势是无限滚动。

但究竟什么是无限滚动,你如何知道它是否适合你的网站?在这篇文章中,我们将回答这些问题,列出无限滚动的利弊,并回顾它在SEO方面是如何工作的。

什么是无限滚动?

无限滚动是在你的网站上为读者显示信息的另一种方式。它不再要求访问者点击“加载更多内容”或“下一页”按钮来查看更多内容或图像,这意味着如果他们不断滚动,那么信息就会继续加载。

是采用无限滚动的新闻来源的一个很好的例子。raybetapp当你访问他们的网站时,你会注意到你可以向下滚动,信息永远不会停止。

社交媒体网络也在普及无限滚动方面发挥了重要作用。几乎所有主要的社交网络 - Facebook,Pinterest,Twitter,Google+,LinkedIn和Instagram - 采用了无限滚动功能。下面是我在加载页面之前从Pinterest开始抓取的示例:

Pinterest-Infinite-Scrolling

无限滚动的优点

无限滚动并非对每个公司都是最好的选择,这就是为什么对你来说评估利弊是如此重要。首先,让我们看看这些利弊raybet电子竞技,然后让我们谈谈无限滚动是否适合你公司的网页。

王选

1)他们非常适合智能手机。

在触摸屏手机上滚动比单击小链接更容易转到下一页。

2)吸引用户的注意力。

必须点击链接才能“看到更多”,这实际上会分散读者的注意力。如果他们可以不断滚动,信息不断出现,读者可能更有可能逗留。这就是为什么专注于图片的网站,比如社交媒体网络,在无限滚动上做得很好。

3)显示大量数据更容易。

如果你的网站上有很多信息,无限滚动是一次显示更多内容的好方法。

4)很高兴实时更新信息。

实时信息需要不断更新,无限滚动很好。这是另一个重要原因无限滚动是如此受到社交媒体的欢迎网络

5)无限滚动不会使您的网站加载更慢。

无限滚动一次可以加载7篇文章,但这并不意味着你的页面速度会受到任何影响——事实上,没有任何迹象表明它的加载速度会比其他类型的网站慢。

缺点

1)用户搜索更加困难。

如果用户想要找到一个特定的内容片段,他或她可能会觉得不停地向下滚动来找到它很烦人。这就是为什么像谷歌这样的搜索引擎在他们的网页搜索结果页面上不使用无限滚动,但是他们在他们的图像搜索结果页面上使用无限滚动。

2)你不会有页脚。

页脚通常是将重要链接的重要位置,如“关于我们”或您的联系信息,它已成为许多搜索者查看网页底部的标准,以了解有关公司的更多信息。raybet电子竞技但随着无限滚动,通常没有“页面的底部”。

3)读者无法轻易跳过信息。

没有感觉内容停止可能会为某些用户压倒地位,因为无法跳到其他特定信息。相反,用户必须阅读和滚动他们可能对看到的可能感兴趣。

4)它需要更多的JavaScript。

无限滚动在很大程度上依赖于JavaScript,这可能会让一些开发人员对无限滚动和性能的未来感到紧张。

如何决定无限滚动是否适合您

上面提到的利弊应该有助于让您了解将无限滚动还原到您的网站是一个好主意。分支出来的分析,问自己一些问题来确定向您的网站添加无限滚动是否是您公司的不错选择。raybet电子竞技

1)您的公司是否要求读者寻raybet电子竞技找产品/服务?

如果是这样,无限滚动可能是一个糟糕的选择。

通常,通过这些类型的网站,您网站上的信息(以搜索结果的形式)并不一定是对用户的同步。

例如,电子商务公司通常有许多不同的类别和选项供访问者搜索。因为无限滚动会让搜索变得更加困难,这对这类公司来说可能不是一个好的选择。所以,如果你的公司依赖raybet电子竞技导航或通过漏斗(购买,了解更多内容等)向读者发送信息,无限滚动可能会让用户更难导航。

采取在线市场Etsy为例。这是一个大公司尝试无限滚动,看到它失败了。Etsy的首席工程师The丹麦金利承认了his team doesn’t know exactly why infinite scrolling didn’t succeed for Etsy, but what he did say this: "Users are notoriously fickle about interface changes. But if the search algorithm still brings up the best results at the top, then a user who has only 16 options before clicking through has no better advantage than the user who has 16 plus an 'infinite' number of lesser results, if the latter doesn’t have to do any additional work to get them."

他加了, ”我的观点不是那个无限卷轴是愚蠢的。您的网站可能很好,但我们应该做得更好地了解人们使用我们的网站。“

当你想到Etsy的故事和测试时,有两个明确的结论:首先,在采用实践并试图迫使它成功之前,A/B测试无限滚动非常重要。(在这里学习如何进行A/B测试。)第二,如果您的用户通常在您的公司网站上进行大量搜索和导航,则无限滚动可能不是最佳选择。raybet电子竞技

2)您的公司是否在您的网站raybet电子竞技上提供了大多数内容和/或图像?

如果是这样,无限滚动可能是一个很好的选择。

通常,在这些类型的网站上,您网站上的所有信息(以内容或图像的“饲料”的形式)对用户的同等重要。

与电子商务公司不同,目标可能很可能娱乐或raybet电子竞技在线浏览某项主题的早期阶段。以在线出版物公司为例。正如您在下面的屏幕截图中看到的,该出版物变得越来越多的图像驱动器,并且布局可以轻松地一次处理大量信息。

inc-infinite-scrolling

关于Inc.或Maskable等新闻raybetapp网站的酷消息是他们的网站可能没有页脚,而是通过在屏幕顶部提供菜单按钮,使读者能够轻松导航。他们没有像电子商务网站一样销售任何具体的东西,所以布局工作。用户可能想要导航,但也可能只想受到娱乐 - 这适用于他们的受众。

无限滚动如何与SEO合作

如果您确实决定为您提供无限滚动,您需要了解它如何适应SEO。我们与斯科特兰登谈,管理伙伴高可移动,以了解更多谷歌如何爬行网页的特点是无限滚动。

“Google Bots将在出现第一个”加载更多“部分后,谷歌机器人实际将留下您的页面,这意味着他们无法看到您继续滚动后的信息,”Langdon说。"As you might have guessed, this means that the Google bots do not naturally scroll down to index all of your content, which then means that this content is not going to be indexed and show up in a Google SERP if you don’t do something about it."

不过这并不是说没有办法帮助减轻这个问题。谷歌对SEO最佳实践提供了建议详细的博客通过网站管理员趋势分析师John Mueller。我们将在这里浏览亮点,但由于这可能是它自己的博客文章,我强烈建议浏览博客帖子以获取更多信息。

以下是穆勒邮政的一些基本提示:

  • 使用无限滚动的网站也应该具有分页结构的静态链路,使机器能够正确地抓取所有页面。
  • 为了生产分支系列,所有公司都应该有一个内容管理系统(CMS)到位。
  • 然后,您应该将无限滚动页面内容分组到组件页面中,然后确保每个组件页面具有完整的URL(这将有助于避免任何错误)。
  • 您必须确保在分页中没有任何重叠。这将导致重复的内容问题 - 因此,您必须确保每个项目仅在分页系列中列出一次。
  • 您应该始终使用中的每个组件配置分页。在索引方面,中的任何分页值将被谷歌忽略。

再次,请参阅博客帖子有关更详细的解释。下面是Google的可视化,它显示了对页面进行处理的正确方法,以及将导致重复内容的不正确方式:

分页 - 你的页面

图像信用:谷歌的网站管理员中央博客

如果您认为在分页页面上构建了无限滚动,可以通过使用Web开发人员禁用JavaScript来检查机器人是否可以轻松地爬行您的网站,并查看与Statics归档页面有链接是否有链接。

(如果您想了解更多关于SEO和无限滚动的细节,我建议签出这篇博士性的文章。)

开始无限滚动

Infinite滚动入门实际上并不是太复杂,但它确实需要一点来自Web开发人员的帮助 - 退房谷歌的那篇博客我之前提到的是在您的网站上学习如何设置无限滚动。

你对无限滚动有什么想法,无论是作为一个小企业主还是消费者?你觉得这很烦人,还是更方便?请在下面的评论区告诉我们你的想法。

新的呼叫动作

最初发布于2015年1月8日上午8:00:00,更新于2020年10月01日

话题:

网站设计