内置无限滚动的最佳无限滚动插件和 WordPress 主题(现场停留时间增加 58% 至 330%)

已发表: 2020-07-07

2021 年 6 月 11 日更新

免责声明:我设置了一个插件和一个 WordPress 主题,我认为它们是无限滚动的最佳选择。 我没有测试所有选项,但做了尽职调查。 本文基于我在我拥有的 16 个小众网站上部署无限滚动的观点。

有趣的事实:我在 16 个利基网站的投资组合中无限滚动增加了现场停留时间,从 58% 增加到 330%(不包括 Fat Stacks)。

58% 是现场停留时间的最低增幅。 最大的 330%。

一探究竟:

以下是部署无限滚动前后的平均现场时间截图。 鉴于该网站每月有超过 150 万访问者,网站总访问时间的增长令人难以置信,每个访问者增加了 1,500,000 x 34 秒 =每月增加 850,000 分钟。 每个访问者的页面浏览量增长几乎同样令人印象深刻,每月额外增加 555,000 次页面浏览量。

目录

  • 2种无限卷轴
  • 网站上的 2 个地方使用无限滚动
  • 为什么我不在 Fat Stacks 上放无限滚动?
  • 2种部署无限滚动的方法
  • 部署无限滚动的最佳方式是什么?
  • 无限滚动最好的插件是什么?
  • 我测试了哪些无限滚动插件?
  • Ajax Load More详细(我使用的功能)
    • Ajax Load More插件速度测试结果
  • 我最喜欢的内置无限滚动的 WordPress 主题是什么?
  • 如何使用 Astra Theme 打开无限滚动
    • 如何在 Bimber 主题中打开无限滚动
    • 如果使用 Astra 或 Bimber 主题,您是否需要 Ajax Load More 插件?
    • Astra 主题快吗?
    • Bimber 主题快吗?
  • 无限滚动是否伤害了我的 SEO?
  • 展示广告可以在无限滚动的网站上展示吗?
  • 无限滚动是否获得更多广告收入?
  • 为什么没有在更多网站上使用无限滚动?
  • 我的终极试金石

无限滚动前:2020 年 2 月 1 日至 29 日

无限滚动前的网站

  • 每个会话的平均页面浏览量:1.24
  • 现场平均时间:55秒

无限卷轴:2020 年 4 月 1 日至 29 日

无限滚动的网站

  • 每个会话的平均页面浏览量:1.61(提高 30%
  • 现场平均时间:1 分 29 秒(提高 62%

我的大多数其他利基网站改进得更多。

总而言之,这些收益是巨大的。 我是无限卷轴的信徒。 这对用户来说无疑是好事,因为他们在我的网站上停留的时间比没有无限滚动的时间要长得多。

2种无限卷轴

无限卷有两种。

第一个是访问者单击“加载更多”按钮,加载更多帖子(在存档页面上)或下一个帖子(如果部署在单个帖子上)。

第二个是下一个内容自动滚动到屏幕的位置。

我部署了第二种。

网站上的 2 个地方使用无限滚动

您可以在网站的两个部分部署无限滚动。 一个是在类别、标签和加载更多帖子摘录的主页上。 这不是我所做的。 但是,我确实在我的利基网站的存档页面上使用了加载更多按钮。

另一种是将其部署在单个帖子上,以便访问者向下滚动时可以看到下一个帖子。 这就是我在我的网站上的内容。

为什么我不在 Fat Stacks 上放无限滚动?

我可能会,但这里的数字已经非常好,每位访问者有超过 3.39 个页面,站点的平均时间为 2:59。

但对于我的其他利基市场,它一直是无限滚动的。

2种部署无限滚动的方法

如果您运行 WordPress 网站,并且很有可能这样做,那么您有两种方法可以部署无限滚动。 它们是通过使用内置无限滚动的主题或使用插件来实现的。

我通常使用内置无限滚动的主题,但在测试无限滚动时,我尝试了所有插件。 我希望

部署无限滚动的最佳方式是什么?

我更喜欢使用内置无限滚动的主题,因为它更流畅。 但是,如果您更喜欢坚持当前的主题,我完全明白。 切换主题是一项大手术。 部署插件通常更容易。

如果您更喜欢插件方法,那么下一个问题是……

无限滚动最好的插件是什么?

在测试了 4 个领先的无限滚动插件之后,一个至高无上。 它甚至不接近。 该插件是 Ajax Load More (ALM)。

我说它至高无上的原因是它实际上与 GeneratePress 一起工作(其他人没有)并且 ALM 提供了比其他任何人更多的设置、功能和控件。

也就是说,ALM 并不是最容易部署的插件。 幸运的是,支持是惊人的。 如果没有支持,我将无法做到这一点。

长话短说,我确实在具有 GeneratePress 主题的利基网站上部署了无限滚动,但我并不关心它,而是使用内置无限滚动的主题。

我测试了哪些无限滚动插件?

我并不是要敲这些其他插件,但归根结底,除了 ALM 之外,它们都没有与 Generate Press 主题一起使用。 我没有尝试其他主题的插件。 我只对使用 Generate Press 进行无限滚动感兴趣。

我测试的插件是:

  • Ajax 加载更多(这是最好的)
  • YITH 无限滚动(我升级到高级版)
  • Catch Infinite Scroll(我升级到高级版)
  • 自动加载下一篇文章

Ajax Load More详细(我使用的功能)

ALM 在此处提供免费选项,在此处提供高级选项。 我用的是高级版。 虽然对于大多数插件,我建议试一试免费版本,但在这种情况下,您应该获得付费版本,因为这是您在单个帖子和 SEO 功能上部署它所需要的。

ALM 插件提供了大量的选项、功能和控件。 我不需要所有这些,但其中一些非常重要。

这是我需要和 ALM 提供的:

SEO友好的无限滚动

这个很重要。 这要求当访问者滚动到新文章时,URL slug 会更改为新文章。 这告诉谷歌这是一篇新文章。 如果您没有此操作,Google 可能会将多篇文章中的内容集中到一个 URL 中,这会很糟糕。

能够限制滚动中的最大页数

我将无限滚动设置为 5 篇文章。 这样访问者最终会到达我网站的底部。 也就是说,我还在顶部放置了一个二级菜单,其中包含指向我的联系页面、隐私政策和关于页面的链接。

能够按类别部署无限滚动

无限滚动仅在后续内容与访问者正在阅读的内容相关时才有效。 这就是为什么最好选择按类别部署无限滚动的原因。 这意味着滚动到视图中的下一篇文章将与访问的第一篇文章属于同一类别。 如果您的网站处于广泛的利基市场,这可能会产生很大的不同。

我建议的另一件事是将您的顶部导航菜单栏变成浮动菜单栏,以便访问者可以在向下滚动时进行导航。 我还包括一个主页链接。 这有助于使访问者在您的网站内保持定向。

Ajax Load More插件速度测试结果

Steve Teare 是一位朋友、网站速度专家和非常受欢迎且非常有用的博客 PagePipe.com 的发布者,他做了一些 ALM 插件速度测试。 以下是他提供给我的结果,并允许在此处复制它们:

1.本次测试是一篇博文,上面有无限滚动功能。

注意瀑布中的第 9 项。 那就是 Ajax 将帖子的加载时间增加了 754 毫秒。 这对于 Ajax 来说是典型的。 请注意,TTFB 为 1 秒。 Ajax 调用会影响服务器活动,因此也会增加 TTFB。

幸运的是,页面资产的其余部分是超轻量级的。 所以加载时间是2.192秒。 不低于我们的 2 秒性能预算,但接近。 幸运的是,很多 Ajax 似乎都是延迟加载的。 但是在手机上?

在此处查看 WebPageTest 分数。

2. 这个演示中还有一个令人讨厌的测试:我们的推荐页面(通常非常快)不应该加载 Ajax,因为它是一个页面,而不是一个帖子。

重复:插件控件中仅选择帖子。

在此处查看 WebPageTest 分数。

注意 TTFB — 同一服务器 — 664 毫秒。 加载时间:1.585 秒。

未加载插件的 Ajax。 这是一个很好的插件。 它已正确构建。 它使用选择性激活。 Ajax 总是不利于速度(WooCommerce 在全球范围内大量使用它)。 但如果你要去
使用它,只在需要的地方打开它。 不要让空房间的灯亮着。

谢谢史蒂夫。 如果您想了解更多有关加快网站速度的信息,请在此处访问 Steve 的 PagePipe.com 网站。

我最喜欢的内置无限滚动的 WordPress 主题是什么?

迄今为止,我已经使用了 2 个带有内置无限滚动的帖子主题。 他们是 Bimber 和 Astra Pro。

2021 年 3 月,我将所有网站从 Bimber 切换到 Astra。 Bimber 很棒,但它比 Astra 更笨重和臃肿。

单个帖子的 Astra 无限滚动效果很好。 我没有做出改变的交通变化。 Fat Stacks 也使用 Astra(但我没有为 Fat Stacks 开启无限滚动……只有我的利基网站)。

如果你想要无限滚动,我最近强烈推荐 Astra。

我曾经使用 Bimber Theme,它很棒,但比 Astra 臃肿得多。 这不是最轻的主题,但无限滚动是完美的。 还有其他无限滚动的主题。 我没有全部测试。 我查看了很多演示,我认为 Bimber 的功能是最流畅的。 我对我的选择并不失望。

它包括我上面列出的所有必备功能。

如何使用 Astra Theme 打开无限滚动

转到自定义 => 博客 => 单个帖子。 向下滚动并打开“自动加载以前的帖子”,如下所示:

如何使用 Astra 主题限制无限滚动中的帖子数量

虽然它被称为无限滚动,但我更喜欢将滚动中的帖子数量限制为 5。

为此,请转到设置 => 阅读,然后在“联合费用显示最新”字段中,输入您希望限制无限滚动帖子数量的数量,如下所示:

如何在 Bimber 主题中打开无限滚动

转到定制器 => 帖子 => 单个 => 向下滚动到标题为“自动加载下一篇文章”的部分。

在那里,选中“启用框”以指示无限滚动中的最大帖子数,并指示您是否希望它们按类别滚动。 这是一个屏幕截图:

如何在 Bimber 主题中打开无限滚动

如果使用 Astra 或 Bimber 主题,您是否需要 Ajax Load More 插件?

不,如果您使用 Bimber 主题(或任何内置无限滚动的主题),则不需要无限滚动插件。

与其中一个一起去。

Astra 主题快吗?

是的。 它不是最轻的,但绝对可以称为轻量级主题。

Bimber 主题快吗?

这不是最快的主题。 但是,在购买和部署它之前,我做了一些研究。 就在那时,我偶然发现了 Steve Teare 的博客 PagePipe 和他的 Bimber 主题评论。 我与史蒂夫进一步谈到了 Bimber。 他说,虽然它不是速度的最佳主题,但就它提供的东西而言,它是不错的。

无限滚动是否伤害了我的 SEO?

不。自从使用无限滚动后,我的搜索流量增加了。 我并不是说它是因为无限滚动而增长的。 我只是建议无限滚动不会伤害 SEO。

但是,您肯定要确保为 SEO 正确设置无限滚动。 这要求 URL slug 会随着新文章的出现而更改。 我还设置了它,以便 SEO 标题随着新页面的出现而变化。

ALM 处理这两个要求。

展示广告可以在无限滚动的网站上展示吗?

这是无限滚动没有应有的流行的原因之一。

许多广告网络没有在无限滚动上部署广告的技术。

据我所知,唯一可以做到这一点的广告网络是 AdThrive。 因此,我正在将我的所有网站移至 AdThrive。

现在,我没有问每个广告网络是否可以在无限滚动上投放广告。 我敢肯定还有其他网络可以容纳无限滚动。

AdSense 广告可以无限滚动使用吗?

不可以,AdSense 广告不能用于无限滚动。

Ezoic 广告可以在无限滚动的网站上使用吗?

是和不是。 是的,从某种意义上说,广告将显示在第一个页面浏览量中,但不会出现在后续页面浏览量中。

Mediavine 和 Monumetric 或许可以为您配置无限滚动。 我联系了 Mediavine,他们说这是可能的,但我也从人们那里听说他们被告知 Mediavine 不会这样做。

最好的办法是询问您的广告网络。

无限滚动是否获得更多广告收入?

同样,我不确定。 我在 COVID-19 遭受重创时部署了它,因此广告费率急剧下降,但随后又开始攀升。 我不能说广告收入的增加是无限滚动的结果。 坦白说,我不在乎。 对我来说,在现场增加的时间已经足够大了。

为什么没有在更多网站上使用无限滚动?

谁知道?

当您在 Google 中搜索“无限滚动好”时,您会看到大量帖子表明它不好。

然而,让我三思而后行的是,许多顶级网站确实使用无限滚动。 当然不是所有的,但很多都这样做,你知道他们测试这些东西。

我认为至少值得一试。 我很高兴我做到了。 我测试了很多最终会浪费时间和金钱的东西,但是当某些东西起作用时,它确实可以起作用。 无限滚动就是这样的功能之一。

我的终极试金石

作为网站访问者,我喜欢无限滚动的网站,尤其是在我的手机上。 我不想浏览带有链接和菜单的网站。 让我开心,用勺子喂我更多精彩的内容。 只要我喜欢它,我就会坚持下去。

如果我喜欢它,其他人必须。