Web site promotion & Search Engine Optimization for Google ,Yahoo & MSN
Website promotion tutorials & SEO friendly website design knowledgebase

Home › On page Optimization ›

CSS for top ranking by improving text to html ratio

One of the criteria for top ranking is high text to html ratio , this can be achieved by reducing the amount of html codes used ,Cascading style sheets can help you in this regard .

Cascading style sheet ( CSS ) is an external file or a a group of styles embedded with in the document which tells the browser how to display the content . CSS can help you to improve your rankings .

So when your start using cascading styles the amount of html codes needed for formatting the content can be reduced drastically ,this will improve text to html ratio of your page as well as your ranking .

How CSS reduce the HTML code ?

Example : Hello Google How are You

The html code to display the above text is

<strong><font color="#0000CC" size="2" face="Arial, Helvetica, sans-serif">Hello
Google How are You </font></strong>

If I use CSS , the above code will reduced to,

<p class="style1">Hello Google How are you </p>

The styles ie ,the font type ,color ,bold these information's will be stated inside a style here it is named as style 1 ,the below style will be placed in the head section (between <head > </head >

Method 1 - Internal CSS

<style type="text/css">
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #0000FF;

Method 2 External CSS

The above style can be stored in a external css file & you can link the page to that css style in the head section -name of your CSS file is style.css ,

<link href="/style.css" rel="stylesheet" type="text/css">


Avoid using tables -use CSS for aligning your content .

You can reduce html codes further by avoiding/reducing the number of tables in use .

Learn more about CSS from our CSS tutorials .


Onpage Optimization


Free Downloads




© 2004 - 2007 www.webpromotiontutorials.com .All Rights Reserved