reactjs - Gatsby 会话检查和 SEO

Question

我正在制作带有身份验证的 app-ish gatsby 网站。如果用户已登录，我将在标题中显示用户菜单，如果未登录，则显示登录按钮。

在检查会话之前，我不知道是否应该显示菜单或登录按钮。因此，我决定最初根本不显示网站（如果未检测到会话 cookie/令牌，则网站几乎立即加载，但最初它也被阻止），直到会话信息从后端返回。

我通过简单地创建初始状态变量“checked”最初设置为 false 的会话缩减器来做到这一点 - 网站仅在此变量设置为 true 时显示内容，会话检查后或令牌/cookie 存在检查后会发生什么。

但是，据我了解，如果我在检查会话之前阻止网站并且没有显示任何内容，我将失去 gatsby 的所有静态 seo 功能。我的意思是如果最初没有显示内容，谷歌机器人不会扫描我的网站。我对么？

你会如何解决这个问题？在标题中从“登录”按钮（或根本不显示）更改为用户菜单看起来很奇怪。

标签： reactjsseogatsbystatic-site

Answer 1

为了使 SEO 正确，您可以在检测时在菜单和登录按钮区域添加加载。