我有一个基于 react.js 的单页应用程序。在一个 View 中，我有一个分页表，左侧包含指向其他页面的链接，右侧包含一些内容。分页是用 reactjs 完成的，分页按钮没有像 `?page=2 这样的 href 属性。
我假设 google 或其他搜索引擎将无法访问第二页或后面页面的表格中的链接。这个假设有效吗？
如果这是正确的，我将向分页添加 href 标签，如 href=link?page=2 并使后续页面可直接访问。
这引出了另一个问题:
我的页面上有 cannonical 标签。我应该在此标记中包含 page=2 吗？
因为右边的内容没有变化，这样不会导致内容重复吗？
最佳答案
首先，您需要将 href 添加到您的分页，这将使页面排名流向您拥有的所有页面。
然后确保在 URL 栏中键入:www.example.com/section-name?page=2您的系统将返回一个新的数据集，当您请求第 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">
现在你可以使用规范链接，有很多方法可以实现分页，最好的方法是总是给第一页一个规范链接。
关于Javascript 分页和 SEO，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35952151/