Javascript 分页和 SEO
Javascript pagination and SEO
我有一个基于 react.js 的单页应用程序。在一个视图中，我有一个分页 table，左侧包含指向其他页面的链接，右侧包含一些内容。分页是用 reactjs 完成的，分页按钮没有像`?page=2 这样的 href 属性。
我假设 google 或其他搜索引擎无法访问来自第二页或后续页面的 table 的链接。这个假设有效吗？
如果是这样，我将在分页中添加 href=link?page=2 之类的 href 标记，并使后续页面可直接访问。
这引出了另一个问题：
我的页面上有 cannonical 个标签。我应该在此标签中包含 page=2 吗？
因为右边的内容没有变化，这样不会导致内容重复吗？
首先，您需要将 hrefs 添加到您的分页，这将使页面排名流向您拥有的所有页面。
然后确保当您在 URL 栏中键入时：www.example.com/section-name?page=2 您的系统将 return 一个新的数据集，当您请求第 3 页和第 4 页等时也是如此
还要确保更新分页，例如，如果您在第 3 页，分页应该给您第 4、5、6 页等。
执行此操作后，Google 将看到您的所有页面，并且页面排名将流入所有页面。
接下来，您必须将“下一个”和“上一个”关系添加到您的页面。这些关系将告诉 Google 当前页面之后的页面。
EX：我们在第二页，下一页是2，上一页是1
<link rel="prev" href="http://www.example.com/article-part1.html">
<link rel="next" href="http://www.example.com/article-part3.html">
现在你可以使用规范的links，有很多方法可以用于分页，最好的方法是总是给第一页一个规范的link。
我有一个基于 react.js 的单页应用程序。在一个视图中，我有一个分页 table，左侧包含指向其他页面的链接，右侧包含一些内容。分页是用 reactjs 完成的，分页按钮没有像`?page=2 这样的 href 属性。
我假设 google 或其他搜索引擎无法访问来自第二页或后续页面的 table 的链接。这个假设有效吗？
如果是这样，我将在分页中添加 href=link?page=2 之类的 href 标记，并使后续页面可直接访问。
这引出了另一个问题：
我的页面上有 cannonical 个标签。我应该在此标签中包含 page=2 吗？
因为右边的内容没有变化，这样不会导致内容重复吗？
首先，您需要将 hrefs 添加到您的分页，这将使页面排名流向您拥有的所有页面。
然后确保当您在 URL 栏中键入时：www.example.com/section-name?page=2 您的系统将 return 一个新的数据集，当您请求第 3 页和第 4 页等时也是如此
还要确保更新分页，例如，如果您在第 3 页，分页应该给您第 4、5、6 页等。
执行此操作后，Google 将看到您的所有页面，并且页面排名将流入所有页面。
接下来，您必须将“下一个”和“上一个”关系添加到您的页面。这些关系将告诉 Google 当前页面之后的页面。
EX：我们在第二页，下一页是2，上一页是1
<link rel="prev" href="http://www.example.com/article-part1.html">
<link rel="next" href="http://www.example.com/article-part3.html">
现在你可以使用规范的links，有很多方法可以用于分页，最好的方法是总是给第一页一个规范的link。