OpenCart Templates
Monday , March 19 2018


HTML Heading Tags

There are many tags in HTML and HTML heading tags are one of them. All document start with a heading. To facilitate the reader or good look use of heading tags are highly important as a use of different level of heading tags indicate different sections ( heading and subheadings) within a composed article or document. There are total six heading tags in HTML heading tags and the most important heading tag is “h1”. Each HTML heading tags indicates the relative importance of each section.










Content of This Lesson

HTML Headings

Difference between HTML heading and HTML Head

All Levels of headings

  • H1 (1 Level Heading)
  • H2 (2 Level Heading)
  • H3 (3 Level Heading)
  • H4 (4 Level Heading)
  • H5 (5 level Heading)
  • H6 (6 Level Heading)

Importance of HTML Headings

Advantages of Heading Tags

Usages of HTML Headings

Heading Tags from A Usability Point Of View

Does the ordering of headings tag matter?

Things You Should Not Be Doing With HTML heading tags

HTML heading tags class 8

Difference between HTML heading tags and HTML Head

Sometimes people confused with heading tags and the head tag. Basically the head tag (<head>) tag has no relation with heading tags (<h1>, <h2>, <h3>….). A head tag belongs to metadata define the document title and place between the <html> tag and <body> and not display on the page.


<!DOCTYPE html>

  <title>My First HTML</title>
  <meta charset=”UTF-8″>


On the other hand heading tags shown within the web page and define different sections of a document


All Levels of Headings (HTML heading tags)

<H#…> indicate the harder, a title or a section of a page for example at the start of your web page or any document you must have a heading. In HTML tag “H#” tags explain different level of heading such as

<h1>This is heading 1</h1>

<h2>IT is heading 2</h2>

<h3>This is heading 3</h3>

<h4>It is heading 4</h4>

<h5>This is heading 5</h5>

<h6>It is heading 6</h6>


HTML heading tags Display As

This is heading 1

It is heading 2

This is heading 3

It is heading 4

This is heading 5
It is heading 6



More Related Topics


H1 (1 Level Heading)

<h1> is the HTML element for the first level heading of a web page and it is the main sections of your document so use <h1> for top-level heading and use accurate and content familiar keywords in headings. I always use one h1 in my web document. You can use 2 h1 tags but if your document data is exceeding 1000 words.

How many words in H1 tags best for SEO

It is not important how many keywords are necessary but you can use 60 characters with space in h1 heading for a batter SEO (search engine optimization) result.

H2 (2 Level Heading)

You can use h2 heading as a secondary section of your web page document. It is the second most important heading in the document. You can use more the one h2 heading into your document according to need.

H3 (3 Level Heading)

H3 represent 3rd level heading you can put this heading into your page more than one time. Although there is no condition to sort out h3 after h2 but try to use h3 as a subheading of h2 heading. Mostly I use this heading into my web document.

H4 (4 Level Heading)

The up next level of heading after h3 is h4. This is smaller than h3 but you can change it by the use of CSS. For batter representations of your document try to avoid the use of h4 heading, particularly when your article based on less than 2000 words.

H5 (5 level Heading)

The up next level of heading is h5 it is not necessary to put it into your document when the document is lesser than 2000 words or easy to use.

H6 (6 Level Heading)

This is the least important heading in HTML heading tags, Google does not consider it a lot

Importance of HTML Headings in HTML heading tags

Heading tags represent different levels of heading within a website page. All heading have their own importance level such as h1 consider level one and major heading and h1 consider secondary level in a document but you do not assign h4 after h1 it will disturb the level of your headings and not consider correct in the eye of search engine.

Advantages of Heading Tags

There are lots of importance of HTML heading tags regarding its usage and SEO

Usages of HTML Headings or HTML heading tags

HTML headings use to describe the title and subtitle with on a page so the use of these tags makes easy to understand what is on the web page

HTML heading tags from a Usability Point of View

H1 heading represents the title of a web page so reader easily understands the remaining article

Reader can also sort out the interesting material through headings and sub-headings

Heading tags highly important in SEO (Search engine optimization) point of view

HTML heading tags from an SEO Point Of View

Does heading tags important in SEO is a question mostly and the answered is Yes heading tags are high importance in search engine optimization. Google use the heading tags the main topic or main idea of a long post

The H1 tag is most important tag in HTML tags search engine give higher attention into h1 tags so do not forget to provide basic description of your page into h1 tag

Google also check the relevance between the heading, subheading, and other content so it is important put your main words in heading tags to describe your content more accurately.

Keyword consistency checks by search engine spider between the heading tags and other parts of the page so it is highly recommended by SEO experts

The proper use of heading tags gives a clear view of article or document writer and presents experience so be careful regarding HTML heading tags.

Does the ordering of HTML headings tag matter?

According to my information, there is no Google search engine condition to order them in any particular way. But I think you must try to sort out with in a manner. But it is not necessary condition

The six heading elements, H1 through H6, denote section headings. Although the order and occurrence of headings is not constrained by the HTML DTD, documents should not skip levels (for example, from H1 to H3), as converting such documents to other representations is often problematic. W3C

Things You Should Not Be Doing With HTML heading tags

Be simple when you have a line as an HTML heading tags

Do not stuff your heading tags with keywords

Avoid the use of more than one “h1” heading tag on a page.

Sometimes people use black hat SEO and add hidden keywords or tags but here in heading do not use HTML heading tags with that hidden text.  It is not good for SEO

You must avoid using more than one heading tags into another web page of your website

Feel free to ask any question and keep visiting for more essay and study help

About My Aktion

Aksa Sahi I am a web developer and SEO expert and also an Economist, I earned the degree of (Hons) in Agricultural and resource Economics from the University of Agriculture Faisalabad in 2013. Exploring the World of Technology and traveling the adventure place is my passion working as a teacher and as a freelance web developer. I love to explore the world of IT.

Check Also

How To Add Google Analytics To WordPress Website

How To Add Google Analytics To WordPress Blog

It is important to every blogger to make a knee eyes to the visitor to ...

Leave a Reply

Your email address will not be published. Required fields are marked *