Does React Impact SEO?
Interested to hear other peoples opinions on using client-side rendering for marketing pages?
The official Google stance is:
Today, as long as you’re not blocking Googlebot from crawling your JavaScript or CSS files, we are generally able to render and understand your web pages like modern browsers. To reflect this improvement, we recently updated our technical Webmaster Guidelines to recommend against disallowing Googlebot from crawling your site’s CSS or JS files.
What have been people's individual experiences?
The first reason Google store URL & show the URL. Here Client-side rendering we are creating URL on the browser side depending upon client-side request. Changing component with URL.
So your First page will get indexing on google if you are loading static content but the remaining pages(component) will have hard luck to get indexed if you are loading dynamic content! ( 2 -5 % chances).
I believe Servier side rendering frameworks always best for SEO
As it mentioned before me, you will need Server side rendering for better SEO. There are a lot of solutions for it. For React I prefer Next.js. For Angular there is NgUniversal (or angular universal)
Agree with most of the comments on this post. [Album Daily](https://albumdaily.com] was a purely client side rendered React app when I started, and I had huge problems getting search engines to crawl it.
I ported the whole site over to Gatsby, and within a day the site was indexed, crawled, and appearing in search engines. It was incredible.
Yeah, React is not good for SEO. Google will try to crawl it, but it's the only one. Bing, Yahoo, etc. won't render JS.
You can use Next.js or GatsbyJS to be able to use React and get SEO-friendly output.
Client-side rendering does not affect SEO. Google now crawls websites and renders the content as if it were a browser. However, there is a catch. If your pages take long to render, Google's crawlers WILL timeout for a given page. It it unknown what the crawler does when it times out.
I work for BrightEdge Technologies, an SEO company, as an Engineer on a team responsible for some of the client-side rendering of clients' pages via our Javascript SDK. We have successfully improved keyword/page ranking of keywords using this technology.
As with most things SEO, it depends. But that doesn't help you.
Google has shared a bit about how they handle javascript front-ends (or any website for that matter). They first crawl your site without rendering, so just looking at the original source.
Later (could be a few days, or a few weeks), they come back to crawl the rendered version. That means relying on JS will slow down crawling, and some URLs may not be crawled at all.
The good news is that most frontend frameworks now have plugins for serverside rendering. Does React have that? If so? Go for it!
I'm not sure, but I use Next.js to server-render all pages just in case. Either way, I know Google looks at page load time and it's going to be slower if it has to wait for the JS to load before rendering the page.