Content that can’t be rendered is like it doesn’t exist. No matter how amazing your pages are, if Google can’t index a page’s content, it won’t help you rank higher on search engine result pages (SERPs).
In fact, when Google can only render and index part of your pages, they can cause even more trouble as they can be interpreted as thin content or spammy pages. That’s why render ratio is such an important concept that, sadly, doesn’t get too much attention.
In today’s article, we’re going to explore why partially rendered pages happen and how to fix them without complicated workarounds.
What are Partially Rendered Pages?
Partially rendered pages are web pages that Google can’t render completely due to crawl budget constraints, poor critical rendering path optimization, or many more technical SEO variables.
As the name implies, Google can render and (sometimes) index some parts of the page’s content, especially those sections requiring less rendering, like HTML sections.
This puts your site in a tough situation. When your pages are partially rendered, Google is missing essential pieces of content, internal links, and other elements that can help get your pages to rank higher.
However, in most cases, when websites have rendering issues across the board, it’s common for their URLs not to be indexed.
Note: There are also scenarios where your pages appear empty because Google fails to render your pages completely. That said, it’s not common for Google to index blank pages.
Why Does Partial Rendering happen?
There are many reasons for partially rendered pages. Some might have to do with your website, while others might be due to Google’s limited resources.
Here are some of the most common reasons for this:
1. You’re blocking critical resources through your robots.txt file
It’s a common mistake to stop Google from accessing JS, CSS, and other files to “save crawl budget.” The idea behind this is to force search engines only to crawl HTML files – which is where the content is for most sites.
It also means that your crawl budget suffers the consequences.
If you are not using your crawl budget efficiently and helping Google as much as possible, Google will probably deplete your crawl budget before rendering the entirety of your page.
3. Google thinks some sections are not important enough to render
This is still a theory – like many things in SEO – but is being supported by some experiments run by Onely. In this experiment, they noticed Google tends to ignore certain parts of a web page layout based on their location – no matter if it was pure HTML and CSS sections.
To summarize the study, they found that Google is trying to determine which sections contain the page’s main content to index and ignore some others, potentially to save resources and be able to index as much critical content as possible.
How can you plan your site’s architecture if Google randomly ignores sections?
This is a tough one, but it’s also a reality.
Dynamic content takes up to 20X more resources to render than plain HTML – no wonder Google is looking to cut some corners.
How to Test Your Page’s Rendering
Let’s focus on the two most straightforward ways to test your website’s rendering to see your content as Google does.
1. Test Your URLs Using Search Console
The first strategy is using the URL inspector within Google Search Console (GSC).
Submit the URL you want to test and click on “TEST LIVE URL” on the right side of your screen.
It’ll request your page, as the standard crawler does, and provide details about your page.
After the test, click “VIEW TESTED PAGE” to see the details of your rendered page.
All of this information is useful, but in this case, you want to look at the screenshot and the HTML fetched.
The screenshot will show how much of the page is rendered before the test is completed. There’s a good chance it won’t take a screenshot of your entire page but don’t worry.
What matters the most is that the above-the-fold content is completely rendered, and the layout works appropriately. If you are seeing missing content or layout issues at this stage, it’s time to optimize your critical rendering path to prioritize above-the-fold content.
Note: If your above-the-fold content isn’t rendered, there’s a big chance the rest of your content isn’t as well.
The next thing to check is whether or not your content is within the rendered HTML.
We’ll take the following sentence from our FAQ section for this example.
Do this for every page type or template you’re using, and you’ll be able to determine how much of your page is being rendered and what sections aren’t.
2. Using Google Search
Here’s a little trick you can use to see if Google is indexing a piece of text or not. Navigate to Google and use this formula for your search
|site: www.yourdomain.com “the text you want to search for”
Note: Use the version of your site that’s getting indexed. In our case, using the “www” will return nothing.
Here’s an example using the same text fragment as before:
This means that Google has rendered and indexed the fragment.
Fixing Partially Rendered (and Empty) Pages the Easy Way
1. Site Optimization is Critical
Creating the perfect conditions for Google to crawl, render, and index your pages properly requires a solid technical SEO foundation, clear site architecture, and UI/UX design to:
- Ensure content loads fast
- URLs (even deep ones) are easy to find
- Provide the best user experience possible
Here are some resources you can use to guide your efforts:
- 4 Ways to Optimize Your Crawl Budget with Internal Links
- How to Find and Eliminate Render-Blocking Resources
- How to Avoid Missing Content in Web Crawls
These optimizations will do more than help with rendering. They’ll help you make Google fall in love with your site – which is super important for your SEO campaign.
However, that’s the hard part. The easiest part – and most impactful – just takes a couple of hours.
2. Use Dynamic Rendering with Prerender
Prerender is a plug-and-play solution that takes complete care of the rendering process for search engines just by installing the middleware that matches your website’s tech stack and submitting your sitemap through your dashboard.
Because the snapshot is fully rendered (including 3rd party scripts), your pages will gain near-perfect page performance scores (including core web vitals) and a server response time of 0.03s average.
No more rendering limitations holding your site back. Google will be able to index 100% of your content every time.
You can also try DIY strategies like server-side rendering (SSR), static rendering, and hydration. Each approach has its own strengths and weaknesses, but is worth trying if you want to build a solution yourself.
Check our comparisons page for a detailed breakdown if you want to know how Prerender compares to other solutions. Still, here’s a quick overview for those in a hurry.
If you want to go the easy route and get your pages indexed in just a couple of weeks with near-zero development time, try Prerender for free for the first 1,000 renders.
See you in the SERPs!