profile

Smart SEO Newsletter

5+1 tools to check rendered HTML of any page

Published 8 months ago • 1 min read

This shouldn’t come as a surprise to you:

Google uses rendered HTML of your page to evaluate the page’s optimization.

First, let’s make sure we’re on the same page here.

What is rendered HTML?

Rendered HTML is displayed after CSS and JavaScript are processed.

It means that if you’re only relying on the source code for your SEO efforts, it’s easy to miss many important things that can be altered by JavaScript, such as:

  • Rewritten title tag
  • A sneaked noindex tag
  • A removed canonical
  • Added/removed links

That’s why it’s critical to look into the rendered HTML vs source code when evaluating SEO of any page.

Use these 5+1 tools to check the rendered HTML of any page 👇👇👇

1. Inspect URL in the Google Search Console

2. Google Rich Results test tool​

It shows the same info as the URL Inspection tool in the Google Search Console but comes in handy when you’re looking at a website you don’t have GSC access for (like your competitor’s)

3. Chrome Dev tools

You can see rendered HTML in the Elements tab:

4. SEO Pro browser extension (Chrome & Mozilla)​

All the SEO info you see in the SEO Pro extension is based on the rendered HTML:

5. View Rendered Source Chrome extension​

It shows you a comparison between the page source code and rendered HTML so that you can spot any changes

+1 Rendering Difference Engine​

This is a new extension launched by my friends The Gray Dot Co. It highlights discrepancies between response HTML and rendered HTML. the extension makes it easy to use the findings to facilitate a JavaScript audit and clearly document JS SEO issues for decision makers and developers.

Grab this free resource 👇

5 tools to check rendered HTML of any page

Download a free PDF with a copy of this email, so it's easy for you to get back to it when you need (no signup required) 👇👇👇

Smart SEO Newsletter

by Kristina Azarenko. Tech SEO Pro

I'll help you trade an imposter syndrome for a technical SEO superpower. My mission is to break down and simplify complex technical SEO things so that you can understand and use them to advance your SEO career.

Read more from Smart SEO Newsletter

Someone has recently asked me about the most important technical SEO considerations for AI visibility. So I thought I'd share them with you. Here you go 👇🏻 1. Allow AI Crawlers in your robots.txt Make sure your robots.txt does not block major AI bots: GPTBot (ChatGPT / OpenAI) ClaudeBot (Claude AI / Anthropic) PerplexityBot (Perplexity AI) Bingbot (used by Microsoft Copilot) Googlebot + Google-Extended (used by Google Gemini and AI Overviews) 💡 But if you want to block AI crawlers, robots.txt...

11 days ago • 1 min read

Heads up, I'm doing a series of super valuable tips to help you improve SEO <> Dev communication (and grow your paycheck). If you're not interested, click here to opt out but stay on the list. In the previous email, we agreed on this: The results of your work depend on your SEO recommendations being implemented by devs. That’s why SEO + Devs should 🤝 These 4 steps will help you collaborate with developers much more effectively by speaking the same language with them. Let’s go 🙌 Step 1: Create...

about 1 month ago • 2 min read

As an SEO, you are always doing your best, even when it feels hard. That’s why it’s so painful when developers just ignore your SEO recommendations. It’s like they don’t even care. 😭 And it hurts even more when you realize that the results of your work depend on your SEO recommendations being implemented by devs. (So your performance is basically judged based on the things that are out of your control.) I’m sorry, my friend. It does feel hard to speak the same language with developers. But...

about 1 month ago • 1 min read