SEO

Rendering

Also called page rendering, Web Rendering Service

The step where a browser or crawler runs a page's code to build the finished page; Google indexes the rendered version.

Quick facts: Rendering

Category
SEO
Also called
page rendering, Web Rendering Service
Level
Advanced
Affects
Indexing of JavaScript content, internal link discovery, titles and canonicals Google uses, visibility to AI crawlers
Where to see it
Search Console URL Inspection (live test), Rich Results Test, browser View Source and developer tools, a JavaScript-enabled crawler
In this article4
  1. How rendering works
  2. Why it matters
  3. Common mistakes
  4. How to act on it

Rendering is the step where a browser, or a search engine’s crawler, turns a page’s code into the finished page a person sees: it runs the JavaScript, applies the styles and assembles the final content. For SEO, it is the moment Google sees what is really on the page, rather than only what was in the first file the server sent.

How rendering works

A page arrives as an HTML file that may refer to stylesheets, images and scripts. Some sites send nearly complete HTML; others send an almost empty shell and rely on JavaScript to fetch and insert the content. The browser parses the HTML into the DOM (its working model of the page), runs the scripts that change it and paints the result on screen.

Googlebot handles this in stages. It fetches the HTML and reads any links and text it finds there. The URL then joins a queue for Google’s Web Rendering Service, which loads the page in a recent version of Chromium, runs the JavaScript and captures the rendered HTML. That rendered version is what Google indexes. Google renders essentially every page it crawls, but the queue means rendering can lag behind the first fetch, and anything that fails during rendering is simply not seen.

Where the work happens matters. With server-side rendering, the server builds the full HTML before sending it, so content and links are present from the first fetch. With client-side rendering, the browser or crawler has to run the JavaScript to get the content at all. Static generation builds the HTML in advance. Many modern frameworks mix these approaches page by page.

Why it matters

If Google cannot render the content, the content does not exist for search purposes. I see this most often on sites built with JavaScript frameworks, where product descriptions, prices or internal links appear only after a script runs or after the visitor opens a tab. A Shopify store with a heavy reviews app, or a brochure site built with an elaborate page builder, can have a milder version of the same problem.

Not every crawler renders. At the time of writing (October 2026), several AI crawlers are reported to read only the raw HTML, so content that appears only after JavaScript runs may be invisible to them even when Google indexes it. For a UK business that wants to be cited in AI answers as well as ranked, sending meaningful HTML from the server is the safer design.

Common mistakes

  • Blocking scripts or stylesheets in robots.txt, so Googlebot cannot load what it needs to build the page.
  • Links that are not real links. Menus built from buttons and click handlers rather than anchor elements with an href give Google nothing to follow.
  • Content behind interaction. Google’s renderer does not click, scroll or type, so text that loads after a click or during infinite scroll may never be seen.
  • Different signals before and after rendering. If the raw HTML carries one title, canonical or robots tag and the rendered page another, Google may act on the wrong one. A noindex in the raw HTML can stop Google rendering the page at all, so removing it with JavaScript does not work.
  • Checking only in your own browser, which has the scripts cached and behaves nothing like a crawler.

How to act on it

Use the URL Inspection tool in Search Console on a few important templates: a service page, a product page, a blog post. Run a live test, then open the rendered HTML and the screenshot. Check that the main text, internal links, title and canonical are all there. Compare with View Source in your browser, which shows the raw HTML before any scripts run.

If key content appears only after rendering, the fix is usually architectural: server-side rendering or static generation for the pages that need to rank. That is a conversation with your developer, and it forms part of the technical SEO work I do when a site’s content is not reaching the index. The entry on JavaScript SEO covers framework choices in more depth.

Do and do not

Do

  • Send important content and links in the initial HTML
  • Compare raw and rendered HTML on key templates
  • Use real anchor links for navigation

Do not

  • Block CSS or JavaScript files from Googlebot
  • Hide important text behind clicks or tabs
  • Rely on JavaScript to remove a noindex tag

Questions people ask about this

What is the difference between crawling, rendering and indexing?

Crawling is fetching the URL. Rendering is running the page's code to build the finished page. Indexing is Google storing and understanding what it found so the page can appear in results. A problem at any stage stops the page appearing, but each needs a different fix, so it helps to know which stage failed.

Does Google still recommend dynamic rendering?

No. Google now describes dynamic rendering, which serves crawlers a pre-rendered version and users the JavaScript version, as a workaround rather than a recommended setup. It suggests server-side rendering, static generation or hydration instead. Existing setups can keep working, but they are harder to maintain and easy to break.

How long does Google take to render a page after crawling it?

Google has said the delay is short for most pages, but there is no fixed figure and it is not guaranteed. On large sites with heavy JavaScript the gap can be longer. If timing matters, for example with stock levels, prices or news, put the content in the initial HTML so it is indexed from the first fetch.

Related terms

Found this useful?

Share it, or ask an AI to summarise it

Back to the glossary

Knowing the term is the easy part

Applying it to your own site and budget is the work. Book a call and I will tell you what actually applies to you.