Javascript SEO: What is Dynamic Rendering and What are the Testing Stages?
Posted: Mon Dec 09, 2024 8:42 am
I have prepared a guide on the use of Javascript in SEO, especially Dynamic Rendering. In this article, you can find our recommendations on what to pay attention to and what tests to perform in order to ensure a smooth Javascript Rendering transition process.
If a short update is needed regarding Javascript in SEO , Google stated in previous years that Googlebot crawled sites according to Chrome 41. With the developing technologies later on, Chrome 41 version created serious problems in understanding and crawling sites. As of August, Googlebot has been updated to be “ evergreen rendering ” with the latest Chromium version.
With this integration, Google's site testing tools have started to provide more accurate analysis.
What is Dynamic Rendering?
Dynamic Rendering is an intermediary solution that offers easy crawling for bots visiting the site with SSR ( Server Side Rendering ) on Javascript-based (CSR) websites .
Dynamic Rendering
Note : Dynamic Rendering does not improve the user experience (UX), it is just an interim formula produced for SEO. John Mueller from Google stated in a hangout that he "predicts that Google will not need dynamic rendering in a few years" .
Besides Google, Bing also recommends using Dynamic Rendering.
You can see which JSs are supported by search engines in the image below, according to the results of the study conducted by Bartosz Góralewicz.
Some JS Frameworks used;
AngularJS
React
Vue.js
jQuery
According to wappalyzer.com data, React appears business owner database to be the leader among the most used JS Framework types.
JavaScript is harder for Google to render than HTML and can take a long time to render. Dynamic Rendering is also recommended as a workaround for this slow rendering issue.
Image source .
Dynamic Generators
There are 3 generators recommended by Google to convert content to static HTML;
Prerender.io,
Rendertron,
Puppeteer.
You can see how the content created with JS using Rendertron looks on Google in the testing phase. For this, you can copy the example at the address here . Apart from that, prerender.io, which is used by many sites, can also be used as another method.
If a short update is needed regarding Javascript in SEO , Google stated in previous years that Googlebot crawled sites according to Chrome 41. With the developing technologies later on, Chrome 41 version created serious problems in understanding and crawling sites. As of August, Googlebot has been updated to be “ evergreen rendering ” with the latest Chromium version.
With this integration, Google's site testing tools have started to provide more accurate analysis.
What is Dynamic Rendering?
Dynamic Rendering is an intermediary solution that offers easy crawling for bots visiting the site with SSR ( Server Side Rendering ) on Javascript-based (CSR) websites .
Dynamic Rendering
Note : Dynamic Rendering does not improve the user experience (UX), it is just an interim formula produced for SEO. John Mueller from Google stated in a hangout that he "predicts that Google will not need dynamic rendering in a few years" .
Besides Google, Bing also recommends using Dynamic Rendering.
You can see which JSs are supported by search engines in the image below, according to the results of the study conducted by Bartosz Góralewicz.
Some JS Frameworks used;
AngularJS
React
Vue.js
jQuery
According to wappalyzer.com data, React appears business owner database to be the leader among the most used JS Framework types.
JavaScript is harder for Google to render than HTML and can take a long time to render. Dynamic Rendering is also recommended as a workaround for this slow rendering issue.
Image source .
Dynamic Generators
There are 3 generators recommended by Google to convert content to static HTML;
Prerender.io,
Rendertron,
Puppeteer.
You can see how the content created with JS using Rendertron looks on Google in the testing phase. For this, you can copy the example at the address here . Apart from that, prerender.io, which is used by many sites, can also be used as another method.