React and SEO in eCommerce
September 24, 2018by Chris Carreck
As a digital agency, one of the pillars of our business is SEO. We're proud to partner with major e-commerce players on effective search engine optimization strategies and execution plans. It is our mission to produce rich and immersive experiences across web and mobile that ensures year-on-year inbound traffic growth.
React.JS and React-Native are generally our front-end libraries of choice, a challenge we face is how to integrate the latest technologies with proven SEO practices. We aim for all of our platforms to perform beyond expectations - from search bots to our end users.
React + SEO Impact
In order to get around these, we've used a number of techniques across different projects here and Creative Licence:
Using a Service such as Pre-render.io
Pre-render.io will scan the site, render the JS, and then, supply this fully rendered version to incoming bots. We have effectively used this on smaller scale sites to provide excellent search engine visibility for all major search engines and our primary SEO tools. This has been highly effective for us on small to mid-range sites.
Snapshotting and Static Site Rendering
There are also frameworks such as React-snap and GatsbyJS that use different approaches to compile the site and output a "snapshot" - a compiled output of HTML and CSS. This approach is similar to services like pre-render.io, but you gain greater control of the process. Gatsby also allows server-side rendering, graphQL and a host of other functions. This approach is useful if you are looking to implement a serverless. JAMstack architecture.