想要使用 react cra 使动态页面可索引
Want to make dynamic pages indexable using react cra
所以我有这个带有多个页面的社交媒体应用程序,它都是通过创建具有上下文 api 的反应应用程序和用于路由的反应路由器以及用于后端的 laravel 创建的。现在,google 将无法索引这些动态页面,我已经尝试使用 react-snapshot 预渲染页面,目前正在研究下一个 js。
我知道 React 有这个 React dom 服务器,连接另一台服务器只是为了在将页面发送到客户端之前预渲染页面是个好主意吗?
有没有其他办法用cra做ssr
首先,Google 能够索引客户端呈现的页面。
我认为 next.js 是 SSR 的不错选择,但您也可以查看 razzle - 也许您可以将其改装到您的 CRA 设置中。
Google 应该为您的网站编制索引。请检查您的 robots.txt
文件并尝试提供 sitemap.xml
以便更好地抓取 google.
此外,使用 react-snap
也有一些问题,那就是您在构建时呈现页面,如果您从数据库读取内容并在您更新数据库时,您的网站呈现不会改变没有重建你的应用程序。
你可以使用 after.js
但 next.js
有更大的社区和更多的教程所以我建议你使用 next.js
.
此外,还有一个名为 prerender.io
(开源)的工具,您可以将呈现的页面提供给搜索引擎机器人,我认为这是最简单的方法,并且没有使用 [=12 的缺点=]
所以我有这个带有多个页面的社交媒体应用程序,它都是通过创建具有上下文 api 的反应应用程序和用于路由的反应路由器以及用于后端的 laravel 创建的。现在,google 将无法索引这些动态页面,我已经尝试使用 react-snapshot 预渲染页面,目前正在研究下一个 js。 我知道 React 有这个 React dom 服务器,连接另一台服务器只是为了在将页面发送到客户端之前预渲染页面是个好主意吗?
有没有其他办法用cra做ssr
首先,Google 能够索引客户端呈现的页面。 我认为 next.js 是 SSR 的不错选择,但您也可以查看 razzle - 也许您可以将其改装到您的 CRA 设置中。
Google 应该为您的网站编制索引。请检查您的 robots.txt
文件并尝试提供 sitemap.xml
以便更好地抓取 google.
此外,使用 react-snap
也有一些问题,那就是您在构建时呈现页面,如果您从数据库读取内容并在您更新数据库时,您的网站呈现不会改变没有重建你的应用程序。
你可以使用 after.js
但 next.js
有更大的社区和更多的教程所以我建议你使用 next.js
.
此外,还有一个名为 prerender.io
(开源)的工具,您可以将呈现的页面提供给搜索引擎机器人,我认为这是最简单的方法,并且没有使用 [=12 的缺点=]