seo Question posted in
Some basic information to get you started with this can be found here.

How to make reactjs serve static pages for SEO

I have this reactjs webapp – http://52.26.51.120/

It loads a single page and then you can click links to dynamically load other boards on the same page… such as 52.26.51.120/#/b, 52.26.51.120/#/g

Now the thing is, I want each of these to be an individual page, for the purpose of seo. I want you to be able to google “my-site.com g”, and you will see the result 52.26.51.120/#/g. This obviously cant work if you are using reactjs and it is all on one page. Google will only render and cache that main page (can it even render that page? does google execute javascript?)

Even more specifically, id want something like my-site.com/g/1234 to load a thread. There could be a thousand threads every day, so im not sure how to handle that.

Are there any solutions to this? to allow react to possibly serve up static pages as html so that they can be cached on google? I am using expressjs and webpack as my server right now, and all the code is executed in jsx files.

Thanks

Tags:

2

Answers


  1. 0

    I suspect you could do some smart configuration with nginx and it could convert a url of domain/board to a redirection of domain/#/board when detecting the user-agent as a bot instead of a typical user.

    Login or Signup to reply.
  2. 0

    You can use Prerender.io service. In a nutshell you will need to connect your server app or web server with prerender service and do little setup (see documentation). After that search engines and crawlers will be served with a static (prerendered) content while users will get classic React.js (or any other single page) app.

    There is a hosted service with free tier or open source version

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search