SEO友好的无限滚动

作为开发人员，在某些时候，您可能不得不使用受Facebook和Pinterest等互联网巨头启发的最新技术，在老式的分页和新的无限滚动之间做出选择。 这取决于您的要求，但也可能取决于您（或客户）的个人选择。

无限可能是用户浏览内容的有效方法，但是它有很多缺点，并且在某些类型的网站上可能是错误的选择 。

无限滚动的主要问题之一是，它以最原始的形式而不是SEO友好。 当您实现无限滚动时，新内容将通过Ajax加载。 除非您采取特定措施 ，否则这将使内容对于搜索引擎不可见。 那么如何使无限滚动SEO友好呢？ 让我们讨论一些实现此目的的方法，包括Google在网站站长中心博客上讨论的一种方法。

包括站点地图

如果您通过无限滚动加载的内容分为具有自己的URL的各个不同页面或单元，则除非Googlebot这类搜索爬网程序链接到您其中一个的可访问位置中的某处，否则可能无法找到该内容。已编制索引的页面。

站点地图是确保搜索爬网程序可以找到每个页面（包括通过无限滚动功能加载的内容）的一种方法。 站点地图是网站中的页面列表，通常为XML格式。 如果Web爬网程序无法访问您网站的一部分，则可以提供站点地图，以通知爬网程序完整的页面列表。 有关站点地图以及如何创建站点地图的更多信息，您可以参考Tuts +上的本教程 。

如果您在Google网站站长工具上拥有一个帐户，则可以使用该服务来测试并提交站点地图，以确保抓取程序不会由于站点地图错误或其他因素而错过您的网站。

使用分页+无限滚动

如前所述，这是Google在最近的博客文章中讨论的方法。 有趣的是，它涉及在同一页面中提供分页替代无限滚动！ 让我们来看看细节。

使用HTML5的History API

当您加载新内容时，Google建议您使用HTML5的History API来更改页面的URL，以在用户滚动启动新的新内容加载时容纳页面编号。 例如，在加载页面3时，当前URL将更改为http://myexample.com/?page=3 。 同样，向上滚动以查看先前的内容时，URL将更改为http://myexample.com/?page=2 。

包括分页和无限滚动

除了在滚动浏览内容时更改URL之外，Google还建议您在页面底部提供页面列表，这些页面是指向具有URL的页面编号的相同页面的链接（例如http://myexample.com/?page = 3 ）。 就像传统的分页一样，当有人单击页面时，页面会刷新，并显示页面3的内容。 在这一点上，无限滚动功能仍将起作用，并且上面概述了HTML5 History API的更改。 因此，如果用户向上或向下滚动，则会显示新内容，并且URL上的页码也会更改。

好处

那么，这对于搜索搜寻器意味着什么？ 好吧，当某个爬网程序访问您的网站时，第一页的内容会在底部显示页码。 由于搜寻器无法触发无限滚动，因此不会加载任何新内容。 但是，由于分页部分仍包含在页面上，因此搜寻器可以访问所有内容。 这也可以确保在搜索时，当有人在第3页上搜索特定项目时，他们直接落在内容上，而不是其他地方。

此方法具有使轻松链接到无限滚动内容的附加好处。 因此，如果我想与某人共享第4页上的特定项目，我可以简单地复制该URL（当时在第4页上），当某人访问该URL时，他们将能够准确地看到我希望他们看到。

约翰·穆勒（John Mueller）的演示

网站管理员趋势分析师约翰·穆勒（John Mueller）提供了使用分页进行无限滚动的想法的实时演示 。

如前所述，您可以在Google Webmaster Central Blog上阅读John演示的完整说明。

结论

在我最近的一篇讨论使用jQuery实现无限滚动的文章中， 有人评论说 ，随着越来越多的网站开始使用这种技术，对于那些不使用这种技术的网站来说会更好。 这很可能是对的。

Google的建议以及我在这里讨论的内容应该为那些想使用该技术但又不遭受SEO限制的人提供更多的激励。

如果您查看了Google的建议或不得不在自己的网站或应用程序中处理此建议，请在评论中告知我们。

From: https://www.sitepoint.com/seo-friendly-infinite-scroll/