How (& Why) Search Engines Render Pages

There is an fascinating twist in how we take into consideration indexing – and that’s rendering.

When we take into consideration rating pages we usually take into consideration indexing. This is to say, we usually take into consideration the cut-off date when a search engine has:

  • Discovered a web page via sitemaps or crawling and has proceeded to then go to the web page for indexing.
  • Gathered all of the content material on the web page.
  • Started rating the web page for queries.

Arguably, that is a very powerful stage within the course of on condition that that is the set off for rankings, nevertheless it’s not the ultimate stage of the invention course of and I might recommend that its weight will decline in time whereas the ultimate stage – rendering – features traction.

What Is the Difference Between Indexing & Rendering?

Essentially, the distinction between indexing and rendering could be illustrated with these two photographs:

Page CodeIndexing
A Rendered PageRendering

This is principally the identical content material, considered as it will be throughout indexing (HTML) and rendering (Chrome).



Why Does This Matter?

Now, it’s possible you’ll be asking your self why this issues.

If you might be, then I’ll assume you don’t have a JavaScript web site however even when that’s true, it’s extra essential than you may assume. The proven fact that serps rendered pages previous to the current push into JavaScript use for web sites is an efficient affirmation.

Essentially the explanation that it issues is that rendering gives the reality.

With the code, a search engine can perceive what a web page is about and roughly what’s happening.

With rendering, they will perceive the consumer expertise and way more about what content material ought to take precedence.

  • Is content material hidden behind a click on?
  • Does an advert fill the web page?
  • Is content material that seems in direction of the underside of the code, truly displayed in direction of the highest or within the navigation?
  • Is a web page sluggish to load?

All these questions and plenty of extra are answered throughout rendering, and are essential to correctly perceive a web page and the way it must be ranked.



When Does Rendering Occur?

Rendering happens after indexing. How lengthy after shouldn’t be set in stone, however in response to Gary Illyes from Google it could possibly take a number of weeks.

When I requested John Mueller of Google if this timeline was nonetheless correct as we speak the response was:

So, it’s one thing that they’re actively engaged on.

Bing operates in another way after all, however in response to their Web Ranking & Quality Project Manager, Frédéric Dubut, the timeline is roughly the identical.

So, the brief reply is “after indexing” and the timeline is variable, basically that means that the various search engines will perceive the content material and context of a web page previous to gaining a full understanding of how it’s to be prioritized.

This is to not say that they’re utterly ignorant till rendering.

There are some strong guidelines and understandings that the engines have all gained through the years that permit them to make fast assumptions about:

  • What parts do.
  • Where they’re positioned.
  • How essential they’re meant to be to the consumer.

But it isn’t till the pages are rendered that the engines will know their assumptions are right and that they will absolutely perceive a web page and its kind.

The Problem with Rendering

Is essence, the various search engines ship a crawler to the positioning that can render the web page as a browser would.

Based on its recognition, we are going to use Google for example right here.

Googlebot has a Web Rendering Service (WRS) element. Thankfully, this element was up to date in May of 2019.

Until then, the Web Rendering Service was utilizing Chrome model 41. While this was nice for compatibility it was a nightmare for websites that relied on trendy options like these in trendy JavaScript.



In May 2019, the Web Rendering Service was upgraded to evergreen, that means that it makes use of probably the most present model of Chrome for rendering (inside a pair weeks at any charge).

Essentially, now when your web page is rendered by Googlebot, it’s rendered more-or-less how you’d see it in your browser.

Great proper? Now the one testing it is advisable to do is open a browser and if it really works there it’s nice for Google, proper? Right?

You can most likely guess the reply. Wrong.

And Bing isn’t significantly better (although they do appear to be a bit higher at rendering which is fascinating).

If you have got a fundamental web site with predictable HTML and little-to-no dynamic content material, then there actually isn’t something it is advisable to fear about and there most likely wasn’t with the outdated Web Rendering Service setup both.

But for these with dynamic content material served by way of JavaScript, there’s a very large caveat and it’s rooted on this hole.



Namely, till the web page is rendered, the engine doesn’t know what’s on it. Unlike a web site with a easy HTML output the place the engine is perhaps lacking a little bit of the context however has the content material, with a web site constructed on one thing like JavaScript that depends on the rendering, the engine won’t know what content material is on the web page till the Web Rendering Service has accomplished its job.

Suddenly these “weeks” are fairly impactful. This can also be why the engines are working to scale back the latency.

Until they do, JavaScript builders might want to depend on pre-rendering (making a static model of every web page for the engines) which isn’t in any respect splendid.

What Does a Web Rendering Service Do?

I wished to rapidly reply a query that I discovered myself not fairly wrapping my mind round till I spotted I used to be fascinated with it totally mistaken. You are welcome to snigger at me for the obviousness of the hiccup in my mind.



First, let’s contemplate the place a Web Rendering Services will get its directions and the way.

Here’s principally the life-cycle of rendering:

  • A web page is found by way of sitemap, crawler, and many others.
  • The web page is added to the listing of pages to be crawled on a web site when the crawl funds is obtainable.
  • The web page content material is crawled and listed.
  • The web page is added to the listing of pages to be rendered on a web site when the rendering funds is obtainable.
  • The web page in rendered.

So, a vital and unstated aspect of the method is the rendering queue. Googlebot might get to a web page weeks earlier than rendering it and till then some content material (JavaScript websites) or context (all websites) could also be lacking.

When a web page hits the highest of the queue for rendering, the engine will ship what’s known as a headless browser to it.

Headless Chrome

This is the step I had problem with. A headless browser is a browser and not using a graphical consumer interface.



For some cause, I had a tough time wrapping my mind round how that labored. Like, how is Google to know what’s there if it’s not graphically displayed?

The apparent reply is after all:

“The bot doesn’t have eyes either so … um … yeah.”

Over that psychological hiccup, I got here to phrases with it as a “browser light” that renders the web page for the search engine to now perceive what seems the place and the way on a web page – although they don’t have eyes to see it.

When all goes nicely, the rendered model will seem the identical to Googlebot because it does to graphical browsers and if it doesn’t then it’s doubtless as a result of the web page depends on an unsupported function like a consumer permission request.

All In All…

I think that we are going to see the latency between indexing and rendering shrink dramatically, particularly on websites that depend on it.

This received’t have a dramatic affect on most websites however for people who must be rendered to be understood … the world might open up.



Though extra doubtless, a brand new set of issues and hiccups will unfold.

Because from my expertise, we will rely on the indexing expertise of the engines, however the rendering aspect nonetheless has a protracted option to go in bridging the hole between what the various search engines see and what a consumer’s browser does.

Image Credits

Featured Image: Paulo Bobita
All screenshots taken by writer
Horseman Image: Adobe Stock, edited by writer

Source hyperlink search engine optimization

Be the first to comment

Leave a Reply

Your email address will not be published.