Reactjs SEO 友好吗?使用 google 个机器人
Is Reactjs SEO friendly? with google bots
据我所知,ReactJs 在 client-side 处呈现意味着当我从 API 服务器获取数据时需要等到更改标题和元标记。
那么google等到运行JS呢?
换句话说,React with dynamic routes 对 google/search 引擎友好吗?
一般来说,就SEO而言,CSR(客户端渲染)
google 机器人抓取您的网站时有预算。另一方面,使用 SSR 时,它需要最少的预算来抓取您页面的内容。使用 CSR,机器人必须花费更多的时间和资源来完全呈现您的页面,因此需要更多的预算。
目前,有一种非常流行的两全其美的方法(SSR - CSR)是应用混合方法,其中 SSR 在第一个渲染中,CSR 在第二个导航中,依此类推。
你可以看看Nextjs这样的框架,或者自己动手制作大作。
来自 Google Search Central 文档:
Googlebot processes JavaScript web apps in three main phases:
Crawling Rendering Indexing
Googlebot crawls, renders, and indexes a page.
因此,虽然 Googlebot 将处理 JavaScript,但使用服务器端呈现将提高页面加载速度并有助于提高搜索排名。您还可以使用像 React Helmet 这样的库来管理对文档头的更改,它也支持服务器端渲染。
据我所知,ReactJs 在 client-side 处呈现意味着当我从 API 服务器获取数据时需要等到更改标题和元标记。 那么google等到运行JS呢? 换句话说,React with dynamic routes 对 google/search 引擎友好吗?
一般来说,就SEO而言,CSR(客户端渲染) google 机器人抓取您的网站时有预算。另一方面,使用 SSR 时,它需要最少的预算来抓取您页面的内容。使用 CSR,机器人必须花费更多的时间和资源来完全呈现您的页面,因此需要更多的预算。 目前,有一种非常流行的两全其美的方法(SSR - CSR)是应用混合方法,其中 SSR 在第一个渲染中,CSR 在第二个导航中,依此类推。 你可以看看Nextjs这样的框架,或者自己动手制作大作。
来自 Google Search Central 文档:
Googlebot processes JavaScript web apps in three main phases:
Crawling Rendering Indexing
Googlebot crawls, renders, and indexes a page.
因此,虽然 Googlebot 将处理 JavaScript,但使用服务器端呈现将提高页面加载速度并有助于提高搜索排名。您还可以使用像 React Helmet 这样的库来管理对文档头的更改,它也支持服务器端渲染。