All websites are built with SEO in mind, however, some websites do better than others.
In this article, we’re going to explore this topic in depth, so let’s get straight to the point.
- Crawl Budget (The time it takes to accomplish these tasks)
If you’re a Google Chrome user then you’re probably using Chrome v70 or above to read this article, but did you know that Googlebot actually uses Chrome 41 for rendering websites?
If you want to learn more about this fascinating case, check out Bartosz’s article covering this case.
The first step to take in this battle is to find out whether your website has an issue with it.
To diagnose your website, you should try to load the page using Googlebot’s default browser: Chrome 41.
Take your time to download Chrome 41, and see how your website behaves on this browser. In most cases, if your website is working properly with Chrome 41, it should also work just fine with Googlebots. If it doesn’t, go check Chrome 41 console logs to see what may be the cause.
If you want to learn more about rendering on Google Search, check out this official article from Google covering this topic.
Introducing: Graceful Degradation, Transpilers, and Polyfills
To quote Tomas Rudzki from Elephate:
“For example, when a transpiler encounters “let x=5” (a statement that many older browsers can’t understand), it translates it to “var x=5” (an expression which is totally understandable by older browsers, including Chrome 41 which is used by Google for rendering)”.
If you want to learn more about transpilers and polyfills, this article should explain just about everything.
In short, Dynamic Rendering means that you can switch between client-side rendered and server-side, pre-rendered content for specific users (in this case — Google’s crawlers).
But which renderer should I use for dynamic rendering?
Although Google lists 3 options for this, their latest update (Feb. 2019) shows us how to use Rendertron for this.
By default, Rendertron does not render Googlebot’s requests, but you can fix that by adding Googlebot to a list of user agents:
const BOTS = rendertron.botUserAgents.concat(‘googlebot’);
const BOT_UA_PATTERN = new RegExp(BOTS.join(‘|’), ‘i’);
To properly configure Rendertron dynamic rendering for your website, you should refer to Google’s official guide on Dynamic Rendering with Rendertron.