What are HTML Heading Tags?
HTML heading tags are tags that are used to define headings and subheadings in HTML. HTML tags are still considered an important ranking factor. If used correctly, eading tags can provide context to the search engine spider’s understanding of your web page’s content.
The six different HTML heading tags are:
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
The <h1> to <h6> tags are generally used to define HTML headings on a webpage. They are specifically designed to indicate the headline hierarchy on a webpage. It is not necessary to use all of the tags to structure your webpage.
Heading Tag Structure
The H1 tag is typically considered the main headline of the entire page. It is the most important tag, and has the largest font. It has traditionally carried the most weight with search engines.
The H1 tag is mainly used to highlight the webpage’s topic as well as the most important keywords on the page. Studies have shown that a keyword in an H1 tag sends a strong relevancy signal to Google.
The Content of the Title Tag Should be the Same as H1 Tag.
You can use the content of the title tag of a page containing the important keywords as the H1 tag. However, if you have a longer title tag, you may want to use a more focused, shorter heading tag using the most important keywords from the title tag.
Using the H2
You can use H2 tags to introduce other section headings as required. Note that when implementing the tags on your web pages, you don’t have to order your headings in h1, h2, h3, h4, h5, h6 all the time. Most people tend to use H1, H2 and H3. However, there are occasions that may call for the use of H4 and H5 tags.
Consider the following example: Assume that this is a commercial page that sells handmade greeting cards from home. Handmade greeting cards would be the main keyword phrase.
<H1>Handmade Greeting Cards</H1> – This will be the top-level heading that describes the overall theme or subject-matter of the page.
<p>100 to 200 words of content about creating handmade greeting cards.</p>
The <H2> tag is used for each of the main content sections on the page. Use a variation of your main keyword in an <H2> tag underneath the main title tag.
<H2>Buy hand crafted greeting cards from London’s handmade greeting card specialists. </H2> This will be a subheading of the H1 tag, and it will expand on the top-level heading.
Buy denotes that this is a commercial site, suitable for commercial searches.
<p>200 words of content about the beauty of handmade greeting cards.</p>
<H3> Getting Started </H3>
<p>200 words of content about the materials that you need to get started creating handmade greeting cards.</p>
Adding the <H3> Tag
If you wanted to add an H3 tag, best practices indicates that it should follow an H2 in the code. However, there are times when you can omit the H2 tag, and this will depend on the content you are writing about.
However, if you are going to have an H4 tag, it should only follow an H3 tag and not an H2. It is also perfectly acceptable to have an H2 tag under an H3. You can then go back to another H2, then place another H3 underneath it.
Using H2 and H3 HTML Heading Tags
This means that you can have an H3 under an H2, then you can go back to another H2, then place another h3 underneath it, and so on. What you cannot do is skip headings in the following manner: H1, H4, H2, H3, H6, etc.
It is important to ensure that the words you have used in each of the Heading tags are unique, relevant and targeted to the content of the webpage it is on. This content cannot be duplicated across other webpages on the site because that could get the page filtered by the Panda algorithm.
For example, if the H1 heading on the page is “How to Create a Handmade Greeting Card” you cannot have the same heading on any other page on your site.