Quick Guide on Google Fetch and Render

Quick Guide on Google Fetch and Render

826
0
google-fetch-and-render
google-fetch-and-render

Quick Guide on Google Fetch and Render

This guide is basically for the reader who came across Google Fetch and Render for the first time as well as who wants to add little more information about what they know.

When it comes to the Google updates we all hold our breath because when ‘Google dance we shake’ 🙂

This is a tool developed by Google after an update released for Webmaster Guidelines: Blocking CSS and Javascript Please refer to the link to know about the update.

Why do they need to release this tool when they had page fetch algorithm?

Earlier websites were pretty simple. JavaScript was used rarely on the website and definitely Google never wanted to render tons of JavaScript. So this concept of showing CSS and JavaScript free website to the GoogleBot was fine.

But now there are other parameters who decide the quality of the website and it includes design elements and Ads spaces. The way GoogleBot see the website now is more similar to what we see and easy to decide how to index and rank.

Still there is a recommendation, if you want to rank well on Google do not use complex JavaScript in the website because in the end it renders what matter the most. Refer to the image below for pictorial representation.

fetch-and-render-details
fetch-and-render-details

When we request GoogleBot to fetch and render we can also choose the device type as Desktop, Smartphone or any other device. Sometimes we may get the ‘partial’ rendering that means GoogleBot is not able to crawl some elements. You can click on the result for the rendering result. See the image below for Mobile/Smartphone version after GoogleBot crawled. Image shown above is desktop version.

fetch-and-render-mobile-version
fetch-and-render-mobile-version

Commonly we use Desktop and Smartphone version if the site is built in XHTML then also check Mobile XHTML/WML.

fetch-and-render-device-setting
fetch-and-render-device-setting

So far they (Google) mentioned that Google Fetch and Render will crawl the CSS and JavaScript but didn’t mention the level of complexity of JavaScript. Definitely, this made the process easier but use the JavaScript carefully. Hope this article is helpful.

For any further query please feel free to comment. Suggestion and feedback are highly appreciable.

NEXT IS BEST 🙂