Text to HTML ratio is the percentage of visible text compared to the total HTML code of a page. A higher ratio means more content and less code. Search engines use this as a signal of content quality. In this guide, you will learn what text to HTML ratio is, why it matters, how to check it, and how to improve it.
What is text to HTML ratio
Text to HTML ratio measures how much of a page is actual content versus code. It is calculated as:
Text to HTML ratio = (Text size / Total HTML size) × 100%
For example, if the visible text is 30 KB and the total HTML is 100 KB, the ratio is 30%.
A high ratio means the page has a lot of content and little code. A low ratio means the page is mostly code — tags, scripts, styles — with little visible text.
Check the ratio via the text to HTML ratio checker.
Why text to HTML ratio matters
Three reasons.
1. Content quality signal. Search engines use the ratio to estimate how much unique content a page has. A low ratio may indicate thin content or excessive code.
2. Code efficiency. A low ratio often means bloated HTML — too many tags, inline styles, scripts. This affects page speed and rendering.
3. User experience. Pages with more text and less code tend to load faster and are easier to read.
The ratio is not a direct ranking factor. But it correlates with content quality and code efficiency, which do affect rankings.
What is a good text to HTML ratio
There is no universal standard, but common benchmarks:
Above 40%. Excellent. The page is mostly content.
25-40%. Good. Typical for well-optimized pages.
10-25%. Acceptable. May indicate excessive code or thin content.
Below 10%. Poor. The page is mostly code, with little visible content.
Most well-optimized pages fall in the 25-40% range. If your ratio is below 15%, it is worth investigating.
How to check text to HTML ratio
Three ways.
Method 1. Text to HTML ratio checker tool
The fastest way is to use an online checker. The SerpMax text to HTML ratio checker tests any URL and shows:
— total HTML size;
— text size;
— text to HTML ratio;
— recommendations for improvement.
The tool works with any website.
Method 2. Manual calculation
If you want to calculate manually:
1. Open the page source and save the HTML file.
2. Check the file size — this is the total HTML size.
3. Copy the visible text (without tags) and check its size.
4. Divide text size by HTML size and multiply by 100.
This is slow but gives an exact number.
Method 3. Chrome DevTools
Open Chrome DevTools (F12). In the Console, run:
document.documentElement.outerHTML.length — returns the total HTML size in characters.
document.body.innerText.length — returns the visible text size.
Divide the second by the first to get the ratio.
What causes a low text to HTML ratio
Five common causes.
1. Excessive HTML tags
Too many nested divs, spans, and wrappers. Each tag adds to the HTML size without adding visible content.
How to fix: simplify the HTML structure. Remove unnecessary wrappers.
2. Inline CSS and JavaScript
Inline styles and scripts increase HTML size without adding text.
How to fix: move CSS and JS to external files. Check inline CSS via the inline CSS checker.
3. Thin content
Pages with little text — service pages, category pages, pagination — have a low ratio by default.
How to fix: add unique content to thin pages. If the page cannot have more content, consider whether it should be indexed.
4. Large navigation and footer
If the navigation and footer take up a large portion of the HTML, the ratio drops.
How to fix: simplify navigation and footer. Remove unnecessary links and elements.
5. Excessive markup
Schema.org, Open Graph, and other meta tags add to HTML size. If overused, they lower the ratio.
How to fix: use only necessary markup. Do not add structured data that is not used.
How to improve text to HTML ratio
Five ways.
1. Add more content. The simplest way. More unique text increases the ratio.
2. Simplify HTML. Remove unnecessary tags, wrappers, and nested elements.
3. Move CSS and JS to external files. This reduces HTML size without affecting content.
4. Minify HTML. Remove whitespace, comments, and unnecessary characters. Use the HTML Minifier.
5. Reduce navigation and footer size. Simplify menus and footers. Remove unnecessary links.
After each change, recheck the ratio via the text to HTML ratio checker.
Text to HTML ratio and SEO
The ratio is not a direct ranking factor. But it correlates with:
Content quality. Pages with more text tend to rank better for informational queries.
Code efficiency. Clean HTML loads faster, which affects Core Web Vitals.
Thin content. Pages with low ratio often have thin content, which search engines may not index.
Use the ratio as one of many signals. Do not obsess over it. A page with 20% ratio and excellent content can rank better than a page with 40% ratio and poor content.
How often to check text to HTML ratio
Recommended frequency:
— Before publishing new pages — check manually.
— After a redesign or template change — the ratio may change.
— Once a month — as part of a technical SEO audit.
— If you notice slow page loads or low rankings — check the ratio.
Frequently Asked Questions
What is text to HTML ratio?
Text to HTML ratio is the percentage of visible text compared to the total HTML code of a page. It is calculated as (text size / total HTML size) × 100%.
What is a good text to HTML ratio?
Above 40% is excellent. 25-40% is good. 10-25% is acceptable. Below 10% is poor. Most well-optimized pages fall in the 25-40% range.
How do I check text to HTML ratio?
Use the text to HTML ratio checker. Or calculate manually. Or use Chrome DevTools Console.
Does text to HTML ratio affect SEO?
Not directly. It correlates with content quality and code efficiency, which do affect rankings. Use it as one of many signals.
Why is my text to HTML ratio low?
Common causes: excessive HTML tags, inline CSS and JS, thin content, large navigation and footer, excessive markup. Simplify the code and add more content.
How do I improve text to HTML ratio?
Add more content, simplify HTML, move CSS and JS to external files, minify HTML, reduce navigation and footer size.
Is a higher ratio always better?
Not necessarily. A page with 20% ratio and excellent content can rank better than a page with 40% ratio and poor content. Use the ratio as a signal, not a goal.
How often should I check text to HTML ratio?
Before publishing new pages, after redesigns or template changes, and once a month as part of a technical SEO audit.
