Improve SEO In React Sits's

When using React-JS in web development we face issue in SEO because of react is rendered on client side.
So when a crawler or a bot visit are site. It does not find any html code.
Because crawler's ignore JS code.
So we have to render are site on server so that crawler's can see the html.

For that we can use Next.js and If are site is in production then we can use some tools like react-helmet for dynamic head component and we can render the site on server.

Some links to refer

Improving SEO with React Helmet. To make our web app or website visible… | by John Au-Yeung | Bits and Pieces

John Au-Yeung ・ Jun 4, 2020 ・

blog.bitsrc.io

• ABOUT SEO IMPROVEMENT

• React-Router SSR

Prerender your SPA using Netlify For Better SEO

Joel Varty ・ Aug 22 '19 ・ 2 min read

#javascript #webdev #react #cms

Crafting a React/Next.js Single Page Application Optimized for SEO

Colby Fayock ・ Jun 10 ・ 16 min read

#react #nextjs #seo