Reactjs headless Wordpress theme configure SEO

I have deployed reactjs as theme to wp. Now I have question about SEO configuration for react-routes. If I use wordpress (headless) as backend and reactjs as client side. Should I make reactjs server-side or there are more ways to solve SEO problem.

I also used react-helmet but it's only makes titles and content while visiting site not like when sharing facebook or google search.

Which is the best way to solve it.

Topic seo Wordpress

Category Web


Which is the best way to solve it.

There is no WP based solution to solve this. Any WP solutions will modify the output of a WP theme, but you don't have a WP theme. What you have is a React web application that talks to a REST API and gives the appearance of a WP frontend.

To be clear, your React frontend is not a WordPress site, and it is not a WordPress theme. It's a pure JS frontend built in React that grabs content from an API.

You can ingest data from WordPress, but generating SEO tags, making your markup search engine friendly, that's a pure React problem that has little or nothing to do with WordPress. There is no way for plugins to change your apps header tags, or other things.

This is one of the costs of going headless, you need to implement this yourself. As such, you can't just add seo. Instead, you need to research what these plugins do, and reproduce it independently, or via libraries from the JS community.

Consequently, you'll need to understand what it is that needs to be done, and there won't be a 1 size fits all solution. You won't find a JS library that does all the things you need, and will need to implement various things independently.

WP resources and communities will be of limited value as a result.

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.