SEO impact of using React on product pages: See the results of an A/B test
Start here: how our SEO split tests work
If you aren't familiar with the fundamentals of how we run controlled SEO experiments that form the basis of all our case studies, then you might find it useful to start by reading the explanation at the end of this article before digesting the details of the case study below. If you'd like to get a new case study by email every two weeks, just enter your email address here.
Just over half of our Twitter followers thought this change wouldn’t have a detectable impact, with the remainder being split between positive and negative. Perhaps this reflects SEOs' faith in frameworks such as React, with them having been around for a few years now.
In fact, this result was positive for SEO performance, providing a 13% uplift. You can read more about this result and why it may have come about below.
The Case Study
That being said, it’s possible to work around these pitfalls by server-side rendering (SSR) the important parts of pages. SSR means that for the initial request for a page, the JS components have to be run server-side before the HTML of the page is sent to the browser. This ensures that even browsers without JS running will be able to render the page.
One of our ecommerce customers decided to implement the React framework on their product pages for a few reasons, including an enhanced user experience for the purchase process, and improvements to page speed. They implemented it with SSR, and there were no changes to the content of the page apart from some minor design tweaks. Despite that, we decided to test its impact on SEO performance to make sure it didn’t have an unforeseen adverse impact, and to see if the UX and speed improvements would lead to increased organic traffic.
We tested this by using request modification to add a request header to variant pages which directed the host server to return the new, SSR React-based product page in place of the existing version of the page.
This test resulted in a 13% uplift for the new, React-based product page, compared to the old version.
The new product page also proved to be beneficial for conversion rate in a separate CRO test. For these reasons, the customer deployed this new product page template across their websites.
In this particular case, the React page was well built for SEO, in that all of the relevant content and meta tags were in place in the source code, due to the fact that it was server-side rendered. If that had not been the case, we may have seen a completely different result, as most SEOs who have seen a badly implemented JS framework deployment can probably attest.
In this case, however, there was no negative impact of the template change, and it appeared that the improved UX and page speed of the new template were sufficiently beneficial to return a marked improvement in SEO performance.
Get case studies by email:
How our SEO split tests work
The most important thing to know is that our case studies are based on controlled experiments with control and variant pages:
- By detecting changes in performance of the variant pages compared to the control, we know that the measured effect was not caused by seasonality, sitewide changes, Google algorithm updates, competitor changes, or any other external impact.
- The statistical analysis compares the actual outcome to a forecast, and comes with a confidence interval so we know how certain we are the effect is real.
- We measure the impact on organic traffic in order to capture changes to rankings and / or changes to clickthrough rate (more here).