SEO: The right way to use H1 tag

h SEO: The right way to use H1 tag

The heading tags H1, H2, … are used to emphasize content and by this way improve SEO strength of website. The H1 tag, the most important tag, is usually used for main topic of the web page. It is recommended that we should use only one H1 tag on per page. This causes some different ways of position H1 tag, its implementation in the header of website (blog) and the title of posts.

Using H1 tag as the post title

In a single blog post, we need to emphasize the content of the post, so the H1 tag should be used for post title. Because of not using more than one H1 tag in one page, the header of blog has to be used with other alternative tag (h3, h4, span, p, a, etc.).

One more advantage of this method is that the H1 tag is not repeatable across pages. It means different pages talk about different things.

Joost de Valk, the author of Yoast.com recommends it, too:

Although most themes for WordPress get this right, make sure your post title is an H1, and nothing else. Your blog’s name should only be an H1 on your frontpage, and on single, post, and category pages, it should be no more than an H3.

If you’re using WordPress, you can read the instruction written by Prelovac.

Some WordPress theme frameworks like Thesis, Hybrid, Thematic, use this method with some adjustments: in home page, they use H1 tag for blog description instead of header.

Always use H1 tag for blog header

The method above is not very popular. The more popular method is always use H1 tag for blog (website) header, and H2 tag for post title. It guarantees the web page semantic as written in Digging into WordPress ebook:

While using H1 tags for post titles instead of the site name may provide an extra nudge from the search engines, it is not altogether semantically correct to do so. Without getting into a lengthy discussion about semantical markup, suffice it to say that “properly” marked-up Web documents are frequently thought of as displaying the name of the site via H1 elements, with all subsequent sections following from there.

Some popular websites like SmashingMagazine.com, CatsWhoCode.com, noupe.com, etc. are using this method.

Exception

Not every website uses one of two methods above. The most popular usage is the combined method: use H1 tag both for website header and post title. A modification of the combined method, which is used by Nettuts+ and DavidWalsh.name is that use H1 tag for only post title, the website header always uses another tag. CSS-Tricks.com doesn’t use H1 tag for website header, either, but it uses only H2 tag for post titles (so that there’s not any H1 tag in the website).

In my opinion, the first method is better, because it emphasize the most important thing in one web page. When search engines look at source of web page, it finds immediately the H1 tag and get directly the main topic of this web page, without losing time for scanning other tags. The second method is good for web semantic, but it makes search engines work a bit harder for finding web page’s topic.

How do you use H1 tag in your blog? Which method do you prefer? I’d like to listen to you in the comments. Thanks for reading.

Posted in: SEO

9 Comments

  1. I’ve read many articles for this topic and i agree that we must use h1 tag for blogger title and h2 for blog post in homepage, however, we must also use the h1 tag in the title in our blog post. But the major problem is there are no free template that can make your post title to h2 from homepage and h1 from single page.

    Reply
  2. After reading your post, it seems best that I shoudl have at least two headers for my website, one for homepage, one for others.

    Reply
  3. Thanks for the clarification. I have this classified website and blog, but the problem was that there was not a single H1 tag on the main home page…the good thing was every other page had only one H1 in that case..But i wanted to have 1 H1 tag on Home page as well as on every other pages…i think, if i make my home page as H1 then other pages would have 2 H1 and that would be counted as bad SEO practice..so i think using a widget only on home page with H1tag could be a solution. The other option might be through editing theme..

    Reply
  4. Good Morning,
    Thanks for the great information. I would like to add why are H1 tags are of importance. The heading titles tells what the page is about to the reader or user as for search engines are H1 tags are usually given more weight than other which help improve afterwards with search engine raking status.
    Sincerely Ivey Louis

    Reply
  5. This is a must red for bloggers who are not well informed on applying H1 and H2 tags. Thanks for the great info.

    Reply
  6. If you change the post title from H3 to H1 tag then every post title on homepage will have h1 tag. It is not recommended to have more than one H1 tag per page according to Google. Inside the post or pages it is OK. What you can do is to limit the post on homepage to one so that only one post will appear on homepage and hence there will be one H1 post title on homepage.

    I think until we don’t have any work around, we can use h2 (White hat) as its still better than h3

    Reply
    • Your thoughts is the same as I wrote in the post. We should change the post title to H1 only on single page. On homepage, we should use another tag (H2 or H3) for post titles. That keeps our pages always have only 1 H1 tag per page.

      Reply

Leave a Reply