Far too often I come across websites that are not utilizing their header tags on their pages for SEO. This should not be the case; by simply utilizing and optimizing your h1, h2 and h3 header tags, you can increase your site’s ranking and chances of being found through a search engine.

Why are h1, h2 and h3 header tags important for SEO?

Header tags are an important on-page SEO factor because they’re used to communicate to the search engines what your website is about. Search engines recognize the copy in your header tags as more important than the rest. This starts with your h1 and works its way down in importance to the h2, h3 and so on.  These tags will help support the overall theme or purpose of your page.

You can’t, however, just throw in whatever content you want into these headers. It’s important to utilize your header tags with short-tail and long-tail keywords. As search engines crawl your site, they will pick up on the headers and recognize the keywords you are using as important.

How to use the h1, h2 and h3 tags

While your header tags do extend to h4, h5 and h6, we’re only going to focus on the first three since these are the tags that carry the most SEO value. Now, you can’t just go insert your header tags anywhere and expect to see results.  Header tags have their own place on a page and have to be used in a proper order starting with your h1.

The h1 tag should contain your targeted keywords, ones that closely relate to the page title and are relevant to your content. The h2 tag is a subheading and  should contain similar keywords to your h1 tag. Your h3 is then a subheading for your h2 and so on. Think of them as a hierarchy based on importance, the above being more important than the below.

Keep in mind that it’s also very import that your header tags are readable and grammatically correct. Stuffing your h1, h2 and h3 with keywords is not going to help your cause. If anything, Google will recognize this and assume you are trying to manipulate them — that’s a no-no!

An Example of how to use h1, h2, h3 header tags

This post or blog is actually an example of how to use your header tags.  See below:

  • My h1 = <h1>H1, H2 and H3 Header Tags for SEO</h1>
  • My h2 = <h2>Why are h1, h2 and h3 header tags important for SEO?</h2>
  • My h3 = <h3>How to use the h1, h2 and h3 tags</h3>

As you can see, I used my h1 to capture the overall theme of the post since it represents what’s most important. I then used my h2 as a subheading to reinforce my h1 and overall theme. The same can be said about my h3 and how it relates to my other headings and overall theme.

Header tags are a key component to SEO and can help improve your rankings on the search engines. Check your pages now and see if you’re using your h1, h2 and h3 correctly!

Looking for more? Read my follow up for more in-depth info on Header tags.

40 responses to “H1, H2 and H3 Header Tags for SEO

Mystery Man - Default Avatar

Posted by How to Write Perfect SEO Optimized Blog Post

[…] Specially when you writing a long post, it’s always a good idea to use proper heading tags for effective SEO. You can refer to following posts for better understanding of how to use headings within blog posts.< Link1>  <Link 2> […]

Posted on April 17, 2011 at 8:11 pm

Posted by Fernando Bernardino

I really appreciate this. I have been looking around for quite a while now trying to figure out if H1 tags actually were used in the body, but you pointed out here that it’s basically just used on the title.

I was having issue with this because practically all blogging programs including Microsoft’s Live Writer all make the title a large size, but now I know that is basically H1 (please correct me if I’m mistaken).

Thanks a lot for the help. Just felt I had to thank you since I haven’t seen anyone else above do it — even though the link is nofollow. ;)

Regards,
Fernando Bernardino

Posted on January 8, 2013 at 10:43 pm

Posted by Dean

You’re welcome, Fernando.

It’s likely that your blog software is using h1s, but sometimes they are h2s. You can view source of the page, or use a tool like Firebug to look at it a little closer. Ultimately, you want your main heading to be an h1.

Posted on January 8, 2013 at 11:17 pm

Posted by Tony Chapman

I found your description of headers h1, h2, h3 very clear and very helpful – I shall correct my pages. My question is my pages are long i have maybe ten headers – is this allowed ? how should deal with it? can i repeat h1, h2 and h3’s in different places all the way down the page. I really want to keep the long pages.( Each page covers a different musical key for piano AND guitar.) thankyou. Tony.

Posted on February 17, 2013 at 7:57 am

Mystery Man - Default Avatar

Posted by SEO for 2013 | Marketing, Networking & Starting a Business

[…] H1, H2 & H3 tags added wherever needed. […]

Posted on April 9, 2013 at 5:06 pm

Posted by Dean

Hi Tony,

Sorry for taking so long to respond. Your comment must have slipped past me!

Ideally, you would try to break your super long page into several smaller pages. 250-600 words in length each.

Whether you do or not (sometimes it’s not plausible), you don’t want to repeat your headings.

There isn’t really a limit to the headings you use either as long as you’re following proper document structure and you only have a single h1 per page. If you can break your document up with h2s, as each is a different subtopic of the musical key, then this indicates that you could probably create several smaller pages instead, using more of a categorical structure with sub-pages.

I hope this helps and answered your question! Feel free to comment back if not. I’ll be quicker next time!

Posted on April 9, 2013 at 5:15 pm

Mystery Man - Default Avatar

Posted by SEO FOR 2013 | BizvMobi Demo

[…] H1, H2 & H3 tags added wherever needed. […]

Posted on June 6, 2013 at 11:04 am

Posted by Lorraine

It used to be that we were told best practice was not to make your headers into links. I’m now seeing more and more H1 and H2’s as links.

In your opinion, is the move to responsive web design a factor in this?

Thanks,

Lorraine

Posted on June 25, 2013 at 2:48 pm

Posted by Dean

Hi Lorraine,

Thank you for the question.

The short answer is, “It doesn’t really matter as long as there’s a purpose for it to be a link.”

Typically what you’ll see these days is headings as links as a result of a CMS or secondary index page. Usually these pages are some sort of category page with sub-pages (about us, services, blog categories by topic, etc). They’ll list out a heading, which is a link to the full article/page and are usually followed by an excerpt, or the first paragraph, of the child page.

In this case, it’s actually a great idea to make the heading into a link, because your anchor text is exactly what the page you’re linking to is about; as opposed to a “Read More” link at the bottom of the paragraph.

I hope this clears things up. Please feel free to shoot back a comment if I can help clarify.

Best,
Dean

Posted on June 25, 2013 at 3:14 pm

Posted by Dean

I should probably also post a link to my follow up article, which will help clarify some more about the proper usage of heading tags: https://www.tmprod.com/blog/2011/further-thoughts-on-h1-h2-and-h3-tags/

Posted on June 25, 2013 at 3:18 pm

Posted by Lissa

Thankyou so much! I have been searching all day for a clear explanation like this..gonna hunt your blog for more tips

Posted on June 29, 2013 at 5:59 pm

Posted by john

Thanks for the info. My problem is that I am with an ecommerce hosting site that seems to have very little respect for SEO (e.g. no H tags, no atl=””, no use of CSS sprites, etc.) – although they give it a lot of lip service. While I can go in and edit some of the templates (which I did to add in H1 tags) .. adding h2 and h3 tags is more problematic.

any suggestions how I might maneuver around the limitations?

Thanks …

Posted on August 7, 2013 at 4:00 pm

Posted by Dean

Hey John,

That’s a very good question. I have experienced several clients who use hosted SaaS ecommerce platforms (Software as a Service), which are very limiting in what they are able to change. Some examples of these types of platforms would be Big Commerce, Volusion and several other ecommerce platforms that they host for you.

A lot of the time, they will allow you to change html tags and some other advanced things using javascript. The problem is, javascript is only good for the end users (your customers) to change the way information is presented. Like changing an h3 in the template to an h2 on page load, etc. Search engines don’t read the javascript rendered pages!

Other times, on your product or page’s in your CMS, you should have a text area that you’re able to put in your content/product description. A lot of times there will be an “HTML” button, if it is a WYSIWYG editor. Other times, you can just type the h2 tag directly into that box.

I would try typing an h2 opening and close tag in one of those text boxes, around a piece of text and then look at the public page to see if it shows. If there is an HTML view button, do it there instead.

If that doesn’t work, you should file a support ticket with 3dCart and they should be able to help point you in the right direction.

I hope this helps! Let me know if there are any other questions.

I see that you’re using the hosted version of 3dCart.

Posted on August 7, 2013 at 4:20 pm

Posted by john

Thanks, Dean. I have been ‘tweaking’ the code (for instance, I found where the product title is displayed and enclosed that in H1). But, this is an example of something they should have done in the first place. (They do quite a few SEO UNfriendly things in their code) Quite frankly I am finding more and more things I do not like about 3dCart. And it seems they regularly just do something that makes my life more difficult. If I was not so busy, I would be seriously looking for an alternative.

Posted on August 8, 2013 at 3:08 pm

Posted by Dean

No problem, John. I hope that it works out for you. A lot of CMS make the main heading an h2 by default – even WordPress, which is the best for regular sites. I’m not sure why they do this either.

Taking a quick look at your site’s code, it seems rather outdated, as it is built in tables, using deprecated tags like <i> for italic, etc.

You might want to take some time to find a new system when you can. Something with a responsive or mobile code base that doesn’t use tables. CSCart or Magento would be good options, but you’d need to host and build out the new site yourself or have someone like us do it.

If you decide to move forward, you should also look into a service like Cart2Cart that will transfer over your products, attributes, customers, orders, etc. It will make the migration process much smoother.

Good luck!

Posted on August 8, 2013 at 3:19 pm

Posted by john

Thanks, Dean

I had not heard of Cart2Cart. I’ll check it out.

Posted on August 8, 2013 at 5:51 pm

Posted by john

Is there somewhere I can go to review your eCommerce website offering?

Posted on August 8, 2013 at 5:57 pm

Posted by Ken

Thanks for this post. I have hit my head against the wall a number of times wondering how to write h3 header tags until i finally read your post and understood clearly what they are and how to write them properly. You’ve saved me time and energy. Kudos

Posted on March 4, 2014 at 11:36 pm

Posted by kristine

Great info 0 thank you for sharing your knowledge!!! I am rather new to this whole game, so my question might seem laughable…how and where do you add the key words to your h1,h2 and h3’s? I primarily build sites using WordPress Themes.

Thank yoU for not laughing too hard… ;o)

Posted on May 7, 2014 at 11:41 am

Posted by Erin

Thank you so much for this information! The lay person who is trying to build a site may have no idea what these are. I’m using Weebly becuase their simplicity sold me. As I write my blog posts I do not see an H1 H2 H3 option. Is this something I look for in fonts? Or do larger headings automatically show up as H1 H2 in SEO? Any info is appreciated! Thank you!

Posted on August 1, 2014 at 6:50 am

Posted by Damon and Jo

Thank you! Thank you! Thank you! We’re new to the blogging game and this really helped us out! Appreciate it!

Posted on February 2, 2015 at 11:38 am

Posted by Ashley

Happy to help! Welcome to the blogosphere!

Posted on February 4, 2015 at 12:51 pm

Mystery Man - Default Avatar

Posted by Bring Your Old Content Back From the Brink of Death | seo symposium

[…] this, it’s a simple matter of updating the H1’s and H2’s of your content so that you explicitly mention “purple widgets” where […]

Posted on April 5, 2015 at 10:56 pm

Posted by Victorscorner

Thanks Dean for this post. I run a personal blog on wordpress free platform. Is it possible to apply the H1, H2, H3 tags in my posts there. If yes, how please?

Posted on March 31, 2016 at 1:53 am

Posted by Dean Duncan Jones

Hi VictorsCorner,

Thanks for the question.

To be honest, I’m not entirely sure how the free WordPress platform works anymore, but I suspect that it works identically, or nearly identically, to self-hosted WordPress. I think that this will be the case for many of the others that have asked about Weebly, or their other third-party blogging softwares here.

That being said, from the visual view in your editor, you should be able to select text and then select heading 1, heading 2, heading 3, etc. from the font select menu. I think it defaults to “paragraph”, if you can find that drop down-select.

If you can’t find that, look for a text/source/code view, which should allow you to manually tag your headings using the tags that I demonstrated above.

Lastly, I notice that you’ve left yourself a good backlink in your comment “Bring Your Old Content Back From the Brink of Death | seo symposium”. I just wanted to point out that trying to build backlinks in this fashion is a really old school tactic and doesn’t work anymore.

In fact, you could probably find yourself on the way to a Google Penguin algorithm hit pretty easily. I also want to point out that we use “nofollow” links on all external links like this on our site, so you’re not getting any credit for that backlink. ;)

Keeping working on the quality of your blog and generating great content – you’ll naturally start to acquire some good backlinks. If you build it, they will come. That sort of thing.

Posted on April 4, 2016 at 1:22 pm

Posted by Jennifer Gayle

I still don’t understand where the h2 tag is used. In Focus Keyword? in Keywords with commas? or where ? please help me I am really confused.

Posted on April 29, 2016 at 2:48 pm

Posted by Robbie

Dean, I’m a beginner at this and am a bit confused. Are the H1 and H2 tags the same as the heading and subheading that appear on a Web page? Or are they SEO tools which won’t show on the site but on a search instead? Please let me know. -Robbie

Posted on July 14, 2016 at 3:29 pm

Posted by Divyani

hello sir ,can we apply h3 directly without use of h2?

Posted on July 19, 2016 at 8:54 am

Posted by jamie sim

Thank you! That’s very helpful ! Finally found the answer of how to use the heading right.

Posted on August 13, 2016 at 10:59 am

Posted by David

Hello, for an entirely new person to this “blogosphere” are there any books that one can read on becoming a top drawer blogger?

Posted on August 31, 2016 at 1:59 am

Posted by Sarah Goodlaxson

Glad you found it helpful, Jamie!

Posted on September 19, 2016 at 1:29 pm

Posted by Dean Duncan Jones

Hi Jennifer, sorry for the late reply.

The H2 is used as a subheading to the main heading. For example, “Why are h1, h2 and h3 header tags important for SEO?” above is an h2. The main heading in the banner above is the h1.

The h2 supports the content of the h1. Make sense?

Posted on September 19, 2016 at 1:35 pm

Posted by Dean Duncan Jones

Hi Robbie,

Sorry for taking awhile to respond!

You’re exactly right. The h1 and h2 are the same as the heading and subheading. Then an h3 would be a sub-sub-heading, supporting the h2.

Posted on September 19, 2016 at 1:36 pm

Posted by Dean Duncan Jones

Hello Divyani,

Sorry for the late response.

“…can we apply h3 directly without use of h2?”

I mean…you can. It’s not against the law, or going to make your markup invalid, or anything.

But why would you want to? It’s an easy enough fix to do it correctly.

Posted on September 19, 2016 at 1:39 pm

Posted by The Importance of Header Tags in SEO

Hi Dean, I find a lot of sites mention header tags from H1 to H6 but beyond H4, does H5 and H6 really hold that importance in our SEO?

Posted on November 21, 2016 at 2:54 am

Posted by Mark Excell

At the moment Im trying to research how Google treats htags in a html5 world.
It is suspected although Google phrases HTML 5 documents without issue, there is some evidence to support the idea that it only weights the first h1 it finds.. Why is this important?
With HTML5 a html document can support multiple h1 (one in header, one in section etc..)
So if its only weighting 1 h1, can we be sure it will weight it if we have used it in the header? And if its weighting it in the header, how does Google see the rest of the page?

I have looked at the source of lots of high performing pages, and there is no clear evidence to me.
One solution would be to repeat the h1 elsewhere for SEO, but it would be a easy spot for Google..

Posted on October 9, 2017 at 5:07 am

Posted by Alyssa Mountz

Since HTML elements carry semantic meaning, I use headers as it makes sense for my document. For instance, if I am not using section or article elements I stick to one H1 per page. If there is no section or article element, that indicates there is 1 topic per page so therefore 1 H1 tag should be used. But I agree that you should gather as much evidence as you can from performing pages to see how Google is interpreting your content.

Posted on October 10, 2017 at 3:05 pm

Posted by reliable service

Nice article…thanks

Posted on October 13, 2017 at 3:22 am

Posted by Freelancer for Seo

i have read your post and I have hit my head against the wall a number of times wondering how to write h3 header tags until i finally read your post and understood clearly what they are and how to write them properly.
thanks for sharing this post

Posted on October 14, 2017 at 2:13 pm

Posted by varsha

Thanks for providing the information about h1, h2 … tag usually to make SEO friendly website.

Posted on November 14, 2017 at 5:36 am

Leave a Reply

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

Read Related Posts