与 CRA 相比，Next.js 如何改进 SEO？ [关闭]

Question

我是这个框架的新手，通过交互式学习后，我对 Next.js 处理 SEO 问题的方式有一些疑问。

1. Next.js 粗体能力是它能够在服务器端渲染React 组件，但是，据我发现，它只在服务器端渲染 first 请求和其他请求将在客户端呈现，那么它在 SEO 友好方面比通常的 CRA 做得更好吗？
2. 基于第一个假设，像谷歌这样的爬虫访问我们的网站，然后作为完整的 HTML 页面接收到第一个响应，但是对于接收到的页面中的其他连续链接，它应该使用 Javascript 执行客户端呈现（这是 SEO 的主要致命弱点），因此除了第一个请求之外，CRA 和 Next.js 之间没有区别，对吧？
3. 如果前面的假设是正确的，那么我们如何在我们的页面中使用对 Google 等爬虫来说 SEO 友好的链接？

Answer 1

1. 如您所述，Next.js 仅呈现服务器端第一个请求。

现代爬虫能够爬取客户端应用程序，因此 Next 和 CRA 之间没有区别，但是有一些限制（例如首次下载大小）可能会退回到“旧”爬取模式，即是收集所有链接，并单独请求它们。这意味着Next.js 将对每个请求进行 SSR，而 CRA 不会。 此外，很多爬虫开始关注性能等其他参数（例如First Paint），哪个SSR版本会获得更好的分数。

1. 没有人可以肯定地说 Google bot 会像这样运行，它可能以不同的方式工作，正如我在 #1 中所解释的那样。

渲染第一页，（ssr版本），收集链接，渲染每一页 分开（ssr 版本）。

1. Next.js 链接组件的酷点在于它包装了一个适当的锚，并设置了一个正确的herf，这意味着机器人将能够以“旧”方式运行，而无需JS 启用，如果 JS 启用，它将渲染得更快（它有几个优化，例如预加载下一页等...）