What Are HTML Heading Elements?

So far in this series, we have covered the overall document skeleton and the head element sitting quietly behind the scenes. This time we are moving into the body, to the first thing most visitors and search engines encounter, headings.

Headings look like a simple, cosmetic feature, just bigger, bolder text. In practice, they do real structural work, and getting them wrong is one of the more common, easily fixed issues on business websites.

The Six Heading Levels

HTML provides six heading levels, h1 through h6, each signalling a different level of importance within the document’s structure.

<h1>Main Page Title</h1><h2>A Major Section</h2><h3>A Subsection Within It</h3><h4>A Further Subdivision</h4>

Think of it like a book. The h1 is the book’s title, appearing once. The h2 elements are chapter titles. The h3 elements are the sections within each chapter, and so on. Most web pages never need to go beyond h3 or h4, since content rarely nests that deeply.

The Rules That Actually Matter

• Use exactly one h1 per page, reserved for the main title of that specific page’s content
• Do not skip levels; an h2 should not jump straight to an h4 without an h3 in between, since this breaks the logical outline of the page
• Choose heading levels based on structure and importance, never based on how the text happens to look, since font size and weight should be controlled with CSS instead
• Keep headings genuinely descriptive of the content beneath them, since both readers and search engines use them to understand what a section is actually about

Why Headings Matter for SEO and Accessibility

Search engines and AI answer engines use your heading structure to understand how a page is organised, which sections cover which topics, and how they relate to each other. A clear, logical heading hierarchy makes it considerably easier for these systems to extract and represent your content accurately.

Headings matter just as much, arguably more, for accessibility. Screen reader users frequently navigate a page by jumping between headings rather than reading through everything in order, using them as a kind of table of contents. A page with a confused or skipped heading structure becomes genuinely difficult to navigate this way, regardless of how it looks visually.

The Common Mistake Worth Fixing

The single most common heading mistake is choosing a level purely because of how it looks, picking an h3 instead of a paragraph simply because bold, slightly larger text suits the design, with no regard for where it actually sits in the page’s logical structure. This is exactly backwards. Structure should come first, and you should apply any required styling with CSS on top of the correct semantic element.

In WordPress specifically, this often happens inside the block editor, where it can be tempting to select a heading style purely for its visual weight. Pause to check that the level reflects the content’s place in the page hierarchy, not just how the text happens to look.

A Quick Heading Checklist

☐  One h1 per page, and only one, matching the main topic of that page

☐  No skipped levels, moving from h2 to h3 to h4 in a logical, unbroken sequence

☐  Headings chosen for structure and meaning, never for visual size alone

☐  Each heading genuinely describes the content that follows it

☐  Long pages broken into clear sections with headings, rather than left as one uninterrupted block of text

Frequently Asked Questions

Can a page have more than one h1?

Technically, the HTML specification permits it, but best practice, particularly for SEO and accessibility, is to use exactly one h1 per page, reserved for the main title. Multiple h1 elements can confuse both search engines and assistive technology about what the page is actually about.

Does my blog title count as the h1?

Usually yes, on most WordPress themes the post or page title is automatically rendered as the h1, with your visible content headings starting from h2 downwards. Check this in your specific theme, since some page builders can get it wrong without it being obvious.

Do headings need to include my target keywords?

It helps when it happens naturally, since it reinforces what the section is genuinely about for both readers and search engines, but forcing keywords into a heading at the expense of clarity is not worth it. A heading that accurately and naturally describes its content will generally serve you better than an awkward, keyword-stuffed one.

Why does my WordPress theme sometimes style headings inconsistently?

This is usually a CSS styling issue rather than an HTML structure problem; the underlying heading levels may be correct while the visual styling applied to them varies. It is still worth checking that the correct heading level is being used underneath, since visual inconsistency can sometimes mask an incorrect choice of level.

Is it bad to use a heading just for visual emphasis on a short piece of text?

Yes, this is one of the most common heading misuses. If text needs visual emphasis but isn’t introducing a new section, bold text or a styled paragraph is more appropriate, keeping the heading structure reserved for genuine sections of content.

Want Your Heading Structure Checked?

If you would like a second opinion on whether your site’s headings are structured properly, get in touch for a straightforward conversation with no obligation and no sales pitch.