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;
}
-->
</style>
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 .
|