Heading tags importance in SEO ranking

Heading tags are very important tags 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.

In this post, we learn about heading tags and meta tags importance in seo optimization; how important heading tags or header tags in webpage for SEO ranking? How many header tags should we have in a webpage for best on-page optimization?

<h1>Html Header tags are important<h1>

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

<h1> means the most important heading.

<h6> defines the least important heading

Html Header tags are Important for SEO

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 <h3><h3> 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.

Things to remember:

Here are some important things to remember about heading tags, While defining 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 in SEO, 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.

Most importantly, you should have good length of quality content, which is optimised as per meta tags defined in header section, unless you have enough quality content on the page, only heading tags won’t help, too many heading tags on the page can cause disadvantage of the page for SEO ranking.

Here we learn header tag, the content to write inside head tag will not appear on screen, but play the major role in Search Engine Optimization, in this section we have set of tags that tells any search engine about what this page is all about, so every single word we write inside this head tag is very important.

Important meta tags in head section for SEO

Important meta tags inside head tag in html page that helps in seo ranking.

The content to write inside meta tags in head section will not appear on screen, but play the major role in Search Engine Optimization, in this section we have set of tags that tells any search engine about what this page is all about, so every single word we write inside this head tag is very important.

<head>
<meta charset="utf-8" />
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta property="article:tag" content="" />
</head>

How to write Head tag in HTML document?

Head tag <head></head> contain information about header, title, meta keywords, meta description etc.

This is how your head tag may look like.

<head>
<meta charset="utf-8" />
<title>Page title </title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
<meta name="keywords" content="here are comma separated keywords" />
<meta name="description" content="a short description of the page for search engine" />
</head>

SEO Tags inside Head Tag in HTML Page

Here are some very important tags inside head tag <head>

title
Write tilte within 60 character, Use right keywords in title
```
<title>Page Title within 60 character</title>
```
description
Write description within 160 character, Here you need to write a short desciption about the page, make sure you use important keywords in description
```
<meta name="description" content="description will appear here" />
```
keywords
As per google, keywords tag are no more useful for SEO, but there are other search engines and directories that still consider keywords tag as important factor in search engine ranking, so use multiple keywords (comma separated)
```
<meta name="keywords" content="keywords comma separated" />
```

Apart from above tags there are many other tags which are useful for SEO can be inserted within head tag, for example here are few additional tags that we often use.

<meta property="og:title" content="page title.." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.webtrainingroom.com/html/head" /> <meta property="og:image" content="https://www.webtrainingroom.com/images/wtr-Logo.png" />
<meta property="og:site_name" content="www.webtrainingroom.com" />
<meta property="og:description" content="page description" />
<meta name="twitter:description" content="Learning DHTML" />

Add style sheet and script reference in Head tag

You also can add css style sheet and java script file reference inside the <head></head> tag

<head> <link href="~/Content/example_myStylesheet.css" rel="stylesheet" />
<script src="~/Scripts/example_javascriptfile.js"></script>
</head>

You also can add page auto refersh meta tag where you can mention page refreshing delay

<meta http-equiv = "refresh" content = "30">

Remember, whatever you write in meta tags inside head section <head>, will not appear on screen, but the content will play key role in SEO success.

You may be interested to read following tutorials