Heading tags in html page example

Heading tags are very important tag in HTML document; it helps to make the content organized and reader friendly, and the content inside heading tag tells search engine what are the important subject on that particular page, thus helps in search engine optimization.

Heading tags are Important for SEO

Headings are defined with the <h1> to <h6> tags.

<h1> means the most important heading.

<h6> defines the least important heading

Here are some example how you can define heading tags

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Though there are six heading tags supported in html standard, but for best SEO result you should use till third heading tag, then if required keep repeating the h3 more number of times.

Font Size in Heading tag

Each HTML heading tag has a default font size. But you can specify the font size for any heading with the style attribute using the CSS font-size property, in your css file you can setup the default size for each heading.

h1 
{
    font-size:28px;
}
h2 
{
    font-size:26px;
}
h3 
{
    font-size:24px;
}

Now when you define a heading in your webpage, it will take the default size you have set in your css.

While writing heading tags, make sure you don’t repeat same keywords in all heading, sometimes you may feel if you put same keywords in all heading, you get advantage of those keywords, that’s not right!

Firstly, by repeating the keywords you miss opportunity to use other keywords on that place.

Secondly, when you put same keywords everywhere, the page become over optimized for SEO, which is not good for SEO health of your website.

You may be interested to read following tutorials

• Use of html header tags for On-Page SEO Techniques
• Use of html head tags for eCommerce SEO Marketing