服务器端reactjs如何在服务器端呈现所有路由/是否有必要进行SEO? (电极)
Server-side reactjs how to render all routes server-side / is it necessary for SEO? (Electrode)
我正在使用 walmart 的电极框架,这是一个通用框架,可以在服务器端的 reactjs 中呈现 components/routes 并发回已编译的 html。目前发生的情况是初始页面加载将呈现在服务器上并返回编译后的 html。但是,在单击任何 Link 后,后续的路由导航将以类似 SPA 的方式处理,我不再从服务器接收模板,而是客户端正在构建它们。
所以我的问题是:
有什么方法可以设置它,以便在我点击新路线时继续接收服务器呈现的 html?
或者这是有意的想法,即只有初始页面加载需要在服务器端呈现,其余的都可以在客户端呈现?
如果只有初始页面加载和重新加载从服务器服务 html 而点击和路由呈现 html 客户端,是否会对 SEO 产生负面影响?
谢谢
Is there a way I can set it up so that when I click to hit new routes, I continue to receive server-rendered html?
Or is this intentionally the idea that only the initial pageload needs to be rendered server-side and the rest is ok client-side?
它是故意这样设置的。服务器生成HTML标记后,无需从服务器获取"HTML",客户端可根据需要生成标记。
Will it negatively impact SEO if only initial page loads and reloads serve html from the server while clicks and routing render html client-side?
答案是否定的,Google 并且某些其他机器人能够在客户端和索引结果上呈现 Javascript。然而,对于其他机器人,您的 HTML 输出很有价值,它们将继续导航和加载整页 - 本质上是一个多页应用程序。
底线:为 SEO 和性能价值使用服务器呈现的标记并继续客户端。
我正在使用 walmart 的电极框架,这是一个通用框架,可以在服务器端的 reactjs 中呈现 components/routes 并发回已编译的 html。目前发生的情况是初始页面加载将呈现在服务器上并返回编译后的 html。但是,在单击任何 Link 后,后续的路由导航将以类似 SPA 的方式处理,我不再从服务器接收模板,而是客户端正在构建它们。
所以我的问题是:
有什么方法可以设置它,以便在我点击新路线时继续接收服务器呈现的 html?
或者这是有意的想法,即只有初始页面加载需要在服务器端呈现,其余的都可以在客户端呈现?
如果只有初始页面加载和重新加载从服务器服务 html 而点击和路由呈现 html 客户端,是否会对 SEO 产生负面影响?
谢谢
Is there a way I can set it up so that when I click to hit new routes, I continue to receive server-rendered html? Or is this intentionally the idea that only the initial pageload needs to be rendered server-side and the rest is ok client-side?
它是故意这样设置的。服务器生成HTML标记后,无需从服务器获取"HTML",客户端可根据需要生成标记。
Will it negatively impact SEO if only initial page loads and reloads serve html from the server while clicks and routing render html client-side?
答案是否定的,Google 并且某些其他机器人能够在客户端和索引结果上呈现 Javascript。然而,对于其他机器人,您的 HTML 输出很有价值,它们将继续导航和加载整页 - 本质上是一个多页应用程序。
底线:为 SEO 和性能价值使用服务器呈现的标记并继续客户端。