Consuming and Impractical Task

Our client pickyourtrail shares this interesting case study where the company solved their problem of google not crawling their react js site. A bit of background the pickyourtrail website offers travel solutions/packages and also has a destination guide for travelers. The pickyourtrail team came up with this whole solution because their two “products” are built on different stacks. Stacks don’t use java, but are built on react/angular using node as backend. When they built the product, they switched from js to react. The reason is that java is an established language while node was still new. Although they didn’t have a problem with java and they see no reason to move away from the java architecture, they did face a challenge.

Here Is the Case Study, as Written by

The pick your trail team and we’re pretty sure you’ll VP Audit Email Lists connect with them the same way we didthe case google was not crawling all of the pages on our site that were rendered with reactjs. Take this page as an example powered by react and app data depends on our backend apis. When we did our research, we found that most articles were talking about fetch+ render on google webmasters. When we tried this solution on our page, it seemed to work, but not entirely. The content of this page has not been indexed, we found it. Methods such as ssr (server side rendering) or pre-rendering were the most common way to solve this problem.

However, in Our Case, This Was a Time-

VP Audit Email Lists

So we decided to come up with our own solution. The solution when it comes to crawling javascript-generated content, google is known to be robust and there are many discussions about it. Our application with reactjs was made using the create-react-app boilerplate. When we submitted it to google for indexing, some pages were indexed, some were not. It was strange. We analyzed the pages that were indexed to understand the behavior: our solution to make seo work for a react js site the gsc screenshot above shows the googlebot view (left) and visitor view (right).

Leave a comment

Your email address will not be published.