Digital Ashmit

How To Fix Low Text to HTML Ratio

What does this mean Pages have Low Text-HTML Ratio?

In this following blog post, I have briefly described what does Low Text-HTML Ratio means and

HTML is the language used to create web pages, which are displayed on your web browser. A web page typically consists of both HTML code and text content.

The text-to-HTML ratio is a metric used to compare the amount of text content versus HTML code on a given webpage. This Low text to Html error occurs when the HTML ratio is 10% or less.

In website optimization, the size of a web page is typically composed of both text content and HTML code. The text size refers to the actual size of the written content, while the total web page size is the sum of both the text size and the size of the HTML code used to display the content.

For example, if a webpage has a text size of 50kb and an HTML code size of 550kb, the text-to-HTML ratio would be 8.3%, which is less than the recommended ratio of 10%.

To improve the ratio, reducing the size of the HTML code can be an effective strategy. For instance, if the HTML code size is reduced to 200kb while still displaying the same 50kb of text content, the text-to-HTML ratio would increase to 20%, which is a better ratio for website optimization.

Related: Guide: How to create robots.txt file Shopify

Low Text to HTML Ratio
image 9 e1679463633178

Six Ways to Fix Low Text to HTML Ratio Error in SEMrush.

To address low text-to-HTML ratio errors in SEMrush, there are several effective methods to optimize web pages. Here are proven six ways to fix the Low text to HTML ratio in SEMrush.

  • Increase Content
  • Optimize Images
  • Reduce Image Usage
  • Use CSS for Animations
  • Reduce JavaScript Size
  • Optimize Fonts
  1. Increase Content: Adding more text content to the web page can improve the text-to-HTML ratio.
  2. Optimize Images: Using SVG images instead of JPG, PNG, and GIF can help reduce image sizes. Additionally, compressing images with tools like TinyJPG and TinyPNG can further optimize the image size.
  3. Reduce Image Usage: Evaluating whether each image is necessary and replacing some with CSS styles can help reduce the number of images on the web page.
  4. Use CSS for Animations: Rather than heavy JavaScript frameworks for transitions and animations, use CSS3. Minifying the CSS using tools like CSS Minifier can improve performance.
  5. Reduce JavaScript Size: Avoiding unnecessary JavaScript frameworks and only using necessary code can reduce the file size and network requests. Also, using pure JavaScript instead of jQuery can further optimize the code.
  6. Optimize Fonts: Utilizing Google Fonts and only including necessary characters from a font can help reduce the amount of code needed for fonts on the web page.

By employing these strategies, website owners can optimize their web pages for a better text-to-HTML ratio and improved performance.


Search engines like Google have started prioritizing web pages that contain more content, making it essential to have a higher text-to-HTML ratio for better ranking positions on the SERP. Additionally, having less HTML code can enhance website loading speed, improving both website rankings and user experience.

To fix low text-to-HTML ratio errors in SEMrush, website owners can choose from the solutions mentioned above. In addition to improving SERP rankings and overall website performance, these methods can optimize web pages and lead to improved SERP rankings.

1 thought on “How To Fix Low Text to HTML Ratio”

Leave a Comment