Are Text to HTML Ratios Important?
What is a Text to HTML Ratio?
Most web pages are written in HTML code that is used to display the page content (usually text). A page's text to HTML ratio measures the amount of text on that page compared to the amount of HTML code needed to display it.
What is the Ideal HTML to Text Ratio?
A good text to HTML ratio is anywhere from 25 to 70 percent. This percentage refers to the visible text ratio, as opposed to HTML elements, image tags and other non-visible information. You may notice that many high ranking websites in search results have visible text. This has become especially apparent since search engines, such as Google, released the Panda update which placed importance on content-driven sites.
How Does it Affect SEO?
The text to HTML ratio is not a direct ranking factor for search engines but there are many factors related to the ratio that indicate best SEO practices and thus may indirectly result in higher search rankings.
How to improve code to text ratio
Built for People: Web pages with higher text content to HTML tend to be more readable and understandable for people. It gives the impression that the site is built for people rather than search engines and so seems important in the eyes of the search engines.
Better User Experience: Higher text to code ratio indicates better user experience, and better user experience has become a prime search ranking factor according to Google and other search engines.
Better Page Load Speed: Less code indicates that any unnecessary HTML elements are not present in the code of a web page. This increases the loading speed of the page which indicates better user experience and again is a significant search engine ranking factor.
Better Indexing of Pages: A cleaner code and higher ratio of plain text makes it easier for search engines to crawl and index the site. How Do You Create a Page with a High Text to HTML Ratio?
The key to optimizing your web page is to build it focusing on user-experience. Follow these tips to optimize your page’s text to HTML ratio and increase user-experience:
- Check if your HTML code is valid
- Remove any unnecessary code
- Remove huge white spaces
- Avoid lots of tabs
- Remove comments in the code
- Avoid tables. Use tables in your layout only if absolutely necessary
- Use CSS for styling and formatting
- Resize your images
- Remove any unnecessary images
- Keep the size of your page under 300kb
- Remove any hidden text that is not visible to people
- Use internal linking to help users navigate your site & make sure your links pass link juice
- Your page must always have some amount of plain text. Include easily readable - text with quality user information