reactjs - Gatsby session 检查和 SEO

标签 reactjs seo gatsby static-site

我正在制作带有身份验证的 app-ish gatsby 网站。
如果用户登录,我会在标题中显示用户菜单,如果没有,则显示登录按钮。
在检查 session 之前,我不知道是否应该显示菜单或登录按钮。因此,我决定最初根本不显示网站(如果未检测到 session cookie/ token ,则网站几乎立即加载,但最初它也被阻止),直到 session 信息从后端返回。
我通过简单地创建初始状态变量“checked”设置为 false 的 session reducer 来做到这一点 - 网站仅在此变量设置为 true 时才显示内容, session 检查后或 token /cookie 存在检查后会发生什么。
但是,据我所知,如果我阻止网站直到检查 session 并且没有显示任何内容,我将失去 gatsby 的所有静态 seo 功能。我的意思是如果最初没有显示内容,谷歌机器人将不会扫描我的网站。我对么?
你对这个问题的处理方法是什么?从“登录”按钮(或最初根本不显示)更改为标题中的用户菜单看起来很奇怪。

最佳答案

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

关于reactjs - Gatsby session 检查和 SEO,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65745635/

相关文章:

javascript - 如果 eslint 未验证,如何配置 Parcel 以退出构建并出现错误

javascript - 在 Next.js 应用程序中找不到 API 路由(找不到该页面)

.htaccess - 如何使用 htaccess 重定向一堆文件

php - 通过 geo ip 重定向用户而不是 googlebot

javascript - Gatsby JS : error TS2451: Cannot redeclare block-scoped variable 'react_1'

reactjs - Gatsby:使用localStorage存储数据

javascript - 如果上一页不是来自同一个域,则有条件地使用 window.history.back(-1)

javascript - react : event bubbling through nested components

html - 如何在React中运行 "index.html"

html - <a> 标签中的 <a> 标签用于 seo