Javascript分页和SEO

Question

我有一个基于 react.js 的单页应用程序。在一个视图中，我有一个分页表，其中包含指向左侧其他页面的链接和右侧的一些内容。分页是用 reactjs 完成的，分页按钮没有href 属性，如`?page=2。

我假设 google 或其他搜索引擎将无法从第二页或更高页面的表格中访问链接。这个假设有效吗？

如果那是正确的，我将在分页中添加像 href=link?page=2 这样的 href 标签，并让以下页面可以直接访问。

这就引出了另一个问题：

我的页面上有cannonical 标签。我应该在这个标签中包含page=2 吗？ 因为右边的内容没有变化，这不会导致内容重复吗？

Answer 1

首先，您需要在分页中添加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">

现在你可以使用规范链接了，分页的方法有很多，最好的方法是总是给第一页一个规范的链接。