SEO basics How to use headings on your site

Headings help users and search engines to read and understand text. For example, they act as signposts for the readers and make it easier for people to understand what a post or page is about. Headings also define which parts of your content are important, and show how they’re interconnected. Here, we’ll give you pointers on how to think about and use headers to improve your content.

Why use headings?

Use headings to show text structure

Headings are signposts that guide readers through an article. Because people tend to read them carefully, they should indicate what a section or paragraph is about, or people won’t know what to expect. Also, headings may help them get back on track if they get lost.

For web copy, it’s good practice to make sure that your headings are informative to the reader. Some people like to tease their audience in the headings, trying to entice them to read further. While that can work very well, it’s easy to get wrong. Remember that the main focus of headings should be on the content – and the main purpose should be to make the text easier to read and understand.

Read more: Why text structure is important for SEO »

Use headings to improve accessibility

Heading structure is important for accessibility as well, especially for people who can’t easily read from a screen. Because headings are in HTML, a screen reader can understand the article structure and read them out loud.

By reading or listening to the headings in an article, visually impaired people can decide whether or not to read an article. Screen readers also offer shortcuts to jump from one heading to the next, so they are used for navigation as well.

Don’t forget that, in many cases, what’s good for accessibility is also good for SEO!

Read more: 5 easy accessibility improvements »

Use headings to improve SEO

It’s generally agreed that how you use headings doesn’t specifically impact your SEO; making minor tweaks to individual headings likely won’t help your performance. There are indirect benefits, though. Using headings creates better quality, more easily readable text. Better text is better for users, which is better for your SEO.

And headings give you a great chance to use your focus keyword (or its synonyms) prominently, to make it really clear what the page is about. But it’s important not to over-do it. It shouldn’t feel unnatural or weird, and if it does, that’s probably because you’re trying too hard, or over-optimizing.

So with headings, you should always put the user first. Use them to add structure and signposts to your content, and to describe what each section is about. If your headings let users know what your article is about, they’ll help Google to understand, too.

How to use headings in content

How headings work in WordPress

NOTE: There are two different sets of ‘rules’ when it comes to how to use HTML heading tags; the ‘classic’ approach (from the HTML4 standard), and, the ‘modern’ approach (from the HTML5 standard). We’re going to focus on the classic approach, as there are some usability and SEO challenges with the modern approach (you can read more about that here).

When you’re editing an article in WordPress, you’ll usually see different ‘levels’ of headings in the text editor – from ‘Heading 1’ to ‘Heading 6’. These are ordered by size, and by importance. A ‘Heading 2’ is more important than a ‘Heading 4’.

Behind the scenes, these are converted into HTML heading tags; from `<h1>` to `<h6>`. Your theme probably uses these HTML tags in its templates, too.

That’s why, when we talk about how to structure headings and content well, we talk about ‘H1’ tags, ‘H2’ tags, and so on. We’re referring to the underlying HTML code.

Learning the rules

Your H1 isn’t the same thing as your page title. For more information, you can read about the difference between and H1 and the SEO title.

Firstly, you are limited to using one H1 heading on each page – Yoast SEO’s content analysis checks this. The H1 heading should be the name/title of the page or post. On this page, that’s “How to use headings on your site”. You can think of your H1 like you would think of name of a book. On a category page, your H1 would be the name of that category. On a product page, it should be the product name.

Then, as you write your content, you can use H2 and H3 headings to introduce different sections – like the “Learning the rules“ section which you’re currently reading, which sits within the “How to use headings in content” section. Think of H2 headings like the chapters of a book. Those individual sections might also use more specific headers (h3 tags, then H4 tags, etc) to introduce sub-sections.

It’s rare for most content to get ‘deep’ enough to need to use H4 tags and beyond unless you’re writing really long, or really technical content.

An example heading structure

Let’s say that we have a blog post about ballet shoes. We’ve chosen “ballet shoes” as our focus keyword, and written an article about all of the reasons why we like ballet shoes.

Without headings, there’s a risk that we might end up writing a really long, rambling piece which is hard to understand.

But if we structure things logically using headings, we not only make it easier to read, we help focus our writing.

Here’s what the structure of that post might look like:

  • H1: Ballet shoes are awesome
    • H2: Why we think ballet shoes are awesome
      • H3: They don’t just come in pink!
      • H3: They’re good for more than just dancing
      • H3: They’re not as expensive as you think
    • H2: Where should you buy your ballet shoes?
      • H3: The 10 best ballet equipment websites
      • H3: Our favourite local dancing shops

See how we’ve created a logical structure, using H2 tags to plan out sections, and H3 tags to cover specific topics? You’ll see that we’ve done the same thing in the post you’re reading, too!

We’ve also tried to mention our focus keyword – as well as some related terms – a few times (but only when it makes sense), and to outline the structure of the page. We’ve also tried to promise the reader something in each section, to encourage them to read through.

This is a good example of how your headings should be structured in medium-length article. For a shorter article, you should use fewer (or more general, high-level) headings. If you want to go into much more detail, there’s nothing stopping you from using H4 tags to create even ‘lower-level’ sections!

Headings in WordPress themes

Most themes will use headings as part of their HTML code, but some don’t follow best practice.

Almost all themes will automatically use the name of your article in a H1 tag. This is helpful, because it means you don’t need to repeat the post name inside your content.

Unfortunately, some themes use tags incorrectly – they use tags in an illogical order (e.g., a H4 then a H2), or use tags messily in sidebars, headers and footers. This can cause problems for accessibility, as the order of your headings might not make sense. Users, search engines and assistive technologies usually look at the whole page, not just your content area.

If you have a custom theme, you might be able to fix this by adjusting your HTML code. If you’re using an off-the-shelf theme, you may need to reach out to the developers.

Either way, you should check that your headings make sense on each template type!

Check your blog’s headings

Using headings well is helpful for your users, increases chances of people actually reading your article, improves accessibility and might even contribute to SEO. So add them into your copy – just make sure you use them correctly! If you want to check if you do, go and use them now to check your blog’s outline. And when you’ve read and understood all the above, you should now be able to determine whether your theme is doing a good job.

If you’re still using the Classic Editor in your WordPress website, you can test your published article via the W3 Validator.

There’s a handy button in the upper left of the content editing screen, which shows an outline of the page you’re editing, if you’re using the Block Editor in WordPress. And then, if you’ve structured your content well, it should look something like this!

Headings in the block editor in WordPress

Read more: WordPress SEO: the definitive guide to higher rankings for your WordPress site »

Learn how to write online copy that ranks!

  • Covers all from picking keywords to publishing
  • Optional personal feedback
  • On-demand SEO training by Yoast
  • End up with a ready-to-use blog post!
More info

33 Responses to How to use headings on your site

  1. Ben
    Ben  • 5 months ago

    Hey Jono,

    Great article and thanks for putting it together. I noticed at the very bottom of the page you have a screenshot of Gutenberg.

    For me at least since I’ve started using Gutenberg I’ve found my writing style has changed. I use grammarly first then cut and paste into the editor.

    After that the H2 tags etc change by my own doing. Using GB makes you think more about post / page structure. The drag and drop to get the right flow.

    How do you find using Gutenberg does it influence your structure?

    • Jono Alderson

      Ah, great observations! I absolutely think that Gutenberg makes you think differently about structure. Critically, it’s a shift from “writing an article” to “architecting a page”. That’s a much more involved, considered thing. It’s more work, too, but it can result in much better pages.

  2. Talisman Solutions
    Talisman Solutions  • 5 months ago

    Thanx for this information. I was not getting how to insert headings in my blog. but now it is quite easy for me.

  3. Veronica
    Veronica  • 5 months ago

    Hello,
    I thought that H1 or H2 is supposed to be my keyword for the post. But my H1 is my product name, so I’ve been having H2 be my keyword which is often troublesome. This article tells me that H2 does not have to be my keyword and my keyword will still be ranking the same. Is that right?

    • Jono Alderson

      The H1 should be the name/title of the post; the “name of the book”, in our book analogy. Your H2s should be the names of your chapters.

      On a product page, your H1 should be the name of your product, and your H2s should probably be section headings like “Description”, or “Delivery Information”.

  4. Lili
    Lili  • 5 months ago

    My question is still related to the size of the content. Given the recommendation of creating a long and extensive blog full of headings, you could indicate approximately how many Word pages would a WordPress page accept?? I am currently using Sydney template. Thank you so much and regards.

    • Jono Alderson

      Your content should always be the right length for your audience, and for the topic you’re covering!

      Longer content gives you an opportunity to explore a topic more deeply, which might make your page a better resources. Users are more likely to share and link to better resources.

      Longer content *might* make your page harder to read, though. For simple topics, sometimes people just want an answer. A well-written, short post is best in these cases.

      So really, “it depends”.

  5. R.Kang
    R.Kang  • 5 months ago

    Great article on using the header tags. Do you think that there is any impact if a heading is linked internally?

    • Jono Alderson

      Great question! I think that it’s probably important to ask *why* you’re linking from your heading. If the role of headings is to introduce and to structure content, why would you link from that heading to a different page? If you’re wanting to link from it because it contains a keyword, ask yourself, is that good/useful for users? Probably not.

      I think that linking *to* headings can be useful – e.g., using a table of contents which allows people to skip to a particular section which is relevant to them.

  6. Aaron Finch
    Aaron Finch  • 5 months ago

    I have a question. My website homepage is like a page of a news website. Here I show title, image and little bit description. I show title in H1 tag and there are like more than 35+ posts like this. It means there are lots of H1 tag on my pages. So should I remove H1 tag from this.?

    • Jono Alderson

      It sounds like those post headings should probably be tags – but, I’d put this fairly low on your to-do list if you have other priorities!

  7. Bruce
    Bruce  • 5 months ago

    Question: Can you use a ‘heading’ that is part of a paragraph, with text exactly like the rest of the paragraph? (Rather than a ‘callout’ above a paragraph or a series of several paragraphs)

    Such as: xxxxxxx xxxx x xxxxx xxx (h3)xxxx xxxxxxx xxxx(h3) xxxx xxxxxx xxxxx xxxxxx etc…

    • Jono Alderson

      Technically, yes – you’d need to style the tags as ‘inline’ elements to make this work. However, this is invalid HTML!

      I think that, more importantly, that that point they’re not ‘headings’ any more – right?

      • Bruce
        Bruce  • 5 months ago

        True. Not headings but I was wondering if there’s a SEO benefit to setting regular text as a ‘heading’, even though it looks like the rest of the text in a paragraph.

        • Jono Alderson

          Nope, and, that sounds a bit spammy and manipulative! I’d refocus all of that creative thinking on improving your content, proposition and site ;)

  8. Virginia S
    Virginia S  • 5 months ago

    For the first time in nearly a decade, I now understand how to use the ‘h tags’. Thank you.
    About blocks. On my edit page on the top right section, it says “no block selected”. I don’t understand how this works. Should I have a “Block”?
    I can’t find an article explaining this further.

    • Hanneke
      Hanneke  • 5 months ago

      Hi there!

      If you are using the Block Editor, your post should consist of blocks. You first have to select one, to use the settings under “block”.
      Perhaps the post “What is Gutenberg?” makes things more clear to you!

      Good luck,
      Hanneke – Yoast

  9. Hkt
    Hkt  • 5 months ago

    Really helpful for my blog, Appreciate it.

  10. Menaka P
    Menaka P  • 5 months ago

    Headings on your site as with anything Google pays attention to, that means it’s worth including keywords in your header tags.

    This does not mean you should shoehorn keywords in at all costs. Be judicious, not spam-my.

  11. Kuldeep Mathur
    Kuldeep Mathur  • 5 months ago

    One major issue which every other guy mess up is to follow the architecture. No matter how many header tags you use. We need to make sure to follow the architecture. There is no way we should use H1 and straight away H4 thereafter. Not recommended at all.

  12. Chinh
    Chinh  • 5 months ago

    Please help me, i dont know how to change heading level, plz see picture
    https://www.upsieutoc.com/image/untitled.k9clgw

    • Chinh
      Chinh  • 5 months ago

      My heading h4, h6 before H1, i dont know what sshould i do. plz help

  13. Lars Crampton
    Lars Crampton  • 5 months ago

    This article was very helpful to me Jono! I am trying to learn more about onsite seo. Great analogy on logically structuring the meta and title tags of a site. Lots of great info on your site. Thank You!

  14. Swadhin Agrawal
    Swadhin Agrawal  • 5 months ago

    Hi Jono,

    Great post! Just like site architecture, I feel blog post structure is also as important as it can get.

    You mentioned themes get it wrong at placing heading tags correctly, do you have a list of themes that Yoast officially recommends or disapproves as idea ones to use?

    Cheers,
    -Swadhin

    • Jono Alderson

      We don’t, but that’s an interesting idea!

  15. Raza Kazmi
    Raza Kazmi  • 5 months ago

    Really great post I’ve ever read about Heading tags on internet. I’ll surely take all of the above points into consideration while writing a content in either post or page on wordpress. The structured content will surely leave an impact on SEO rankings.

    Keep it up for such lovely post!

  16. kevin crag
    kevin crag  • 5 months ago

    Heading section is very important for seo purpose because most of meta tags are located in header tag and its a front description of any website.
    Thanks for great Blog

  17. Zola
    Zola  • 5 months ago

    Very useful guide. I am already applying these principles when I edit my blogs with your plugin. Thanks a lot!

  18. Faisul Islam
    Faisul Islam  • 5 months ago

    Good information. I have a Blogspot blog. Which makes Title h2 by default. After reading this post I edited my theme to make them h1.
    Thanks for sharing this information.

  19. Sunil
    Sunil  • 5 months ago

    Very nice article for understanding how important our website article heading this is really use for me but I have a problem actually when I checked my website seo score they said your website have too many H1 tag how can I solve this please help me

  20. Prakhar Khanna
    Prakhar Khanna  • 5 months ago

    Thank you so much for the example of heading structure! I am looking to change my headings to H2 in the Newspaper theme. But there are no options for the tags, only font size. Could you please help me out here? What is the font size of H1, H2, H3 and H4 tags respectively?

    • Jono Alderson

      Hi Prakhar,
      Headings and font sizes aren’t the same thing; you could have a small H1, and a huge H6, by styling them differently.

      In most WordPress setups, you should be able to select ‘Header 2’, ‘Header 3’ etc from the headings menu, as you author your content.

  21. Michel Joachim
    Michel Joachim  • 5 months ago

    Hey, Jono Alderson

    I’m always following these tips for before publishing my content and also I’m a content writer at buzcnn… working with a long time with many bloggers… I suggest to them to put heading in content… for the reader can read easily the articles with subheadings…or note down the point…

    Thanks