✨ Get 25% OFFon any plan. Use the coupon:

Header tags (H1 to H6): what they are and how to use them for SEO

By Tiago CostaUpdated on July 2, 2026

Illustration of a browser window with a large title at the top and smaller subtitles below, representing the hierarchy of H1 to H6 headers.
Definition

A header tag (or heading tag) is the HTML markup, from H1 to H6, that defines the hierarchy of the titles on a page. In practice, each level has a role:

  • H1: the main title, one per page, with the central topic;
  • H2: the titles of the main sections;
  • H3 to H6: subdivisions inside each section;
  • together, they organize the content for the reader and for the search engine.

What header tags (H1 to H6) are

In HTML, header tags (or heading tags) are the title elements that go from H1 to H6 and mark the titles and subtitles of a page. The H1 is the most important title, and the other levels descend in hierarchy, from H2 to H6, forming a kind of outline of the content.

It is important not to confuse two meanings of the word. The header of a Word document or a school assignment (that strip at the top of the page, with a name, date or logo) is something else: a visual layout element. Here, a header is the structure of titles that organizes the text of a web page, starting with the H1.

Each header announces what the block of content right below it is about. It works like the title of a chapter and the subtitles of a book: they guide the eye and explain the logic of the document even before a full read.

The hierarchy of titles: from H1 to H6

The six heading levels work like a tree, from the most general to the most specific. Understanding this order keeps you from messing up the page structure:

TagFunction
H1Main title of the page, with the central topic. Usually one per page.
H2Titles of the main sections, which split the content into blocks.
H3Subsections inside an H2, detailing a point.
H4 to H6Deeper levels, used in long and heavily structured content.

The golden rule is not to skip levels: an H3 comes after an H2, not an H5. The H2 and H3 subheadings are the most used day to day, because they handle most articles without requiring an overly deep hierarchy.

Infographic of the header hierarchy showing H1, H2, H3 and H4 to H6 in decreasing sizes, from the main title to the subsections.
The hierarchy of HTML header tags, from H1 to H6, shown as title levels that shrink in size.

Why headers matter for the reader

Few people read an entire page word by word. They sweep the text looking for the passage that answers their question, and headers are exactly the signals that guide that movement.

The classic research from the Nielsen Norman Group shows that, on an average visit, a user reads at most around 28% of the words on a page, and the most likely figure is closer to 20%. Another study from the same group points out that most people scan the page before deciding whether to read it carefully.

Clear headers turn a wall of text into content with scannability, where each section is easy to locate. That improves readability, reduces frustration and keeps the reader around longer, an indirect quality signal for the search engine.

Headers and SEO: what Google reads in your titles

For Google, headers help make sense of the structure and topic of a page. The H1 tends to reinforce the main subject, and the H2 and H3 show how that subject breaks down, which supports on-page SEO and the semantic reading of the content.

Still, it pays to have realistic expectations. The study by Backlinko, which analyzed 11.8 million search results, concluded that having the keyword in the H1 has a very weak relationship with higher positions. In other words, a well built H1 is almost a ticket to entry: it helps the page compete, but on its own it does not decide the top spot.

The practical takeaway is simple: use headers to organize content clearly and to include terms naturally, without treating them as a magic ranking button.

How to use header tags in practice

A good header structure follows simple principles that serve both the reader and the search engine:

  • Use a single H1 per page: it names the central topic and should not repeat.
  • Organize sections with H2: each major block of the text starts with a descriptive H2.
  • Detail with H3 and below: open subsections inside an H2 when the subject calls for it, without skipping levels.
  • Describe the content, not just the keyword: the header should summarize the section; stacking terms becomes keyword stuffing and hurts the experience.
  • Keep it consistent: titles at the same level should carry a similar weight of importance.

When in doubt, read only the page headers from top to bottom. If they alone already tell the story of the content, the structure is well built.

Illustration of a person scanning a page with clearly marked titles and subtitles, following an F shaped path across the headers.

Common mistakes with headers

A few slip ups with headers show up all the time and undermine the page structure:

  • Using a header just to make text bigger: applying an H2 only to increase the font size confuses the hierarchy. For styling, the right tool is CSS.
  • Skipping levels: jumping from an H2 straight to an H4 breaks the logic that the reader and the search engine expect.
  • Several H1s with no criteria: even with HTML5 allowing more than one in certain cases, the safest path is to keep one clear H1 per page.
  • Vague headers: titles like "Introduction" or "More information" say nothing. Prefer concrete descriptions of what comes next.

Fixing these points is usually quick and improves both the reading experience and the clarity of the page for search engines at once.

FAQ

Frequently asked questions

What is a header tag?

A header tag is each HTML title element from H1 to H6 that organizes the hierarchy of a page's content, from the main title down to the subsections. It tells both the reader and the search engine how the text is structured.

What is the difference between a website header and a document header?

They are different things. A document header (in Word or a school assignment) is the strip at the top of the page, with a name, date or logo. A web page header is the structure of H1 to H6 title tags that divides and ranks the text.

What does a heading hierarchy look like?

It looks like an outline: one H1 with the main topic, H2s for the main sections, and H3 to H6 for subsections nested inside them. Each level is more specific than the one above, and you should not skip from an H2 straight to an H4.

How many H1 tags should a page have?

Ideally one H1 per page, carrying the central topic. Although HTML5 allows more than one in some situations, keeping a single clear H1 avoids confusing the hierarchy and helps the search engine identify the main subject.

Do header tags affect Google rankings?

They help indirectly. Headers organize content and make it easier to read, which improves the experience. Studies, though, show that simply putting the keyword in the H1 has a weak effect on position: it counts as a good structure signal, not as a shortcut to the top.

Well structured content that ranks, on autopilot

Automarticles writes and optimizes your blog articles on its own, with titles and headers organized for both the reader and Google.

Start free trial
Keep learning

Related concepts