What are Heading tags?
Heading or Header tags are Hypertext markup language (HTML) tags and used to differentiate the page headings from the rest of the content.
There are six levels of headings tags in HTML starting from H1 to H6. H1 is the main heading of a page visible to users (unlike meta title tag), and the most prominent tag showing what the page is about. While H2-H6 are optional tags and use as a page sub headings and considered not as important to search engines.
How to write heading tags?
Heading tags are HTML tags and placed in HTML body section. There are six levels of heading tags, beginning with H1, the most important tag, and ending with H6, the least important tag. In HTML, we write heading tag using following syntax.
<body> <h1>This is H1 Heading.</h1> <h2>This is H2 Heading.</h2> <h3>This is H3 Heading.</h3> <h4>This is H4 heading.</h4> <h5>This is H5 Heading.</h5> <h6>This is H6 Heading.</h6> </body>
This is H1 Heading.
This is H2 Heading.
This is H3 Heading.
This is H4 heading.
This is H5 Heading.
This is H6 Heading.
Why Heading Tags are Important?
The main purpose of using heading tags is to categorized our content so that our design become more user-friendly and people will get a notion about our webpages more easily by just reading the heading and sub-headings.
One of the most important and complicated task for search engines is to understand what is page is about. Page title and Heading tags both help search engines to understand what the page is all about.
Another reason to use heading tags is to make it easier for users to navigate through the page. The user can see at a glance what the page is all about by looking at the heading tag.
H1 is the main heading of a page and the most prominent tag showing what the page is about. Proper usage of H1 tag help a site for major rankings and traffic improvements.
Heading tags optimization help -
□ Search engines to read and understand the well-organized content.
□ Users to navigate them through the page and make it easier to digest.
Do's when using heading tags:
» Use heading tags to present the structure on the page to user.
» Each page should have a unique H1 tag that can explain itself what is page is all about.
» Use Target keyword in H1 tags (but don't overdo it) and keep it readable for user.
» Use H2-H6 heading tags where appropriate (if you need subheading).
» Use only one H1 tag per page.
Don'ts when using heading tags:
» Avoid placing text in heading tags that wouldn't be helpful in defining the structure of the page.
» Avoid excessively using heading tags throughout the page.
» Avoid putting all of the page's text into a heading tag.
» Avoid using heading tags only for styling text and not presenting structure.
» Avoid using heading tags where other tags like (bold) or <strong> may be more appropriate.