Comparing the source code of a website for different user agents
Source code comparison?
- You can use this tool to compare if a website is returning different data for different bots or user agents.
- From an SEO point of view, it is important that the content of static and rendered versions does not differ as much as possible.
What is the difference between static Googlebot and Fetch & Render?
Static Googlebot and dynamic Googlebot (Fetch & Render) are two different tools that Google uses to crawl and render web pages. Here's a breakdown of their differences:
Fetch and Render:
The Fetch & Render feature has two modes:
This mode fetches the HTML content of the given URL, similar to how the static Googlebot does. It fetches HTML, CSS and other resources of the page.
In summary, static Googlebot is responsible for crawling and indexing the static HTML content of webpages, while Fetch & Render is a tool within Google Search Console that allows website owners to test how Googlebot manages their pages, including dynamic content, renders.
What if the code is different?
If the source code differs between the static version and the one rendered with Fetch & Render, this may indicate a potential problem with Googlebot's processing and rendering of the webpage. Here are some examples that could lead to such differences:
- AJAX Calls:
- Dynamic content generation:
If your page generates content dynamically based on user interactions or server-side logic, the static version fetched by Googlebot only captures the initial state of the page. However, Fetch & Render renders the page and displays its dynamic content as it appears after all processing is complete.
- HTTP status codes
- Title Tag and Meta Description
- Robots Instructions and Canonical Tags
- Hreflang Tags
- Headings (H tags)
- Body text
- Internal links
- Login areas
- Cart functions
- Cookie Consents
- Ad Pixel, Tracking Pixel
- Third party integrations such as iframes