What Is an H1 Tag and Why Heading Hierarchy Matters for SEO
An H1 tag is the HTML element for a page’s top-level heading, written as <h1>Your Heading</h1>, and it states what the page is about. It heads a six-level system, H1 to H6, that gives a page an outline: the H1 names the subject, H2s mark the main sections, H3s the subsections inside them. Heading hierarchy matters for SEO because headings tell search engines and assistive technology how a page is organized, and because the H1 is one of the sources Google can use to understand and title the page.
H1 and Title Element
The title element is metadata, shown in the browser tab and as a source for the title link in search results. The H1 is the headline visitors see on the page. They say similar things, since both describe the page, but they do not have to match word for word.
- The title element is written for search results: it may include a brand name and can be shortened in the results to fit the screen.
- The H1 is written for the reader already on the page and can be more natural and complete.
For example, a title element might read “Best Running Shoes for Flat Feet (2026 Picks) | BrandName” while the H1 reads “Best Running Shoes for Flat Feet.” Google’s title link documentation lists heading elements, such as h1 elements, among the sources it uses for title links, which is one more reason the H1 should describe the page accurately.
Why Hierarchy Matters
The W3C’s tutorial on headings explains: “Headings communicate the organization of the content on the page. Web browsers, plug-ins, and assistive technologies can use them to provide in-page navigation.” A screen reader user can jump from heading to heading the way a sighted reader scans subheads. That works only when the headings are real heading elements in a sensible order. The W3C’s technique H42, “Using h1-h6 to identify headings,” describes marking headings up with these elements so their role is programmatically determinable, rather than styling ordinary text to look like a heading.
What the HTML Standard Says Now
The HTML Living Standard sets two rules for headings in a document’s outline:
- “If a document has one or more headings, at least a single heading within the outline should have a heading level of 1.”
- “Each heading following another heading lead in the outline must have a heading level that is less than, equal to, or 1 greater than lead’s heading level.”
The second rule makes skipping down a level non-conforming: the standard’s own example of an H1 followed directly by an H3 is marked non-conforming, and the fix is an H2. Moving back up after a subsection, from an H4 to a new H2, is allowed. The W3C tutorial agrees in practical terms: “Skipping heading ranks can be confusing and should be avoided where possible.”
The standard also defines headingoffset and headingreset attributes, which let authors shift heading levels for a section of a page. They change computed levels; on a page without them, the heading levels are the numbers in the element names.
One H1 per Page
The standard asks for at least one level-1 heading, not exactly one. A single H1 that states the page’s subject is the simplest choice: it gives the page one unambiguous title, and the rest of the outline hangs from it. Use more than one only with a structural reason, and check how the page reads in a screen reader if you do.
Common H1 Mistakes
| Mistake | Why it is a problem |
|---|---|
| No H1 | The page has no stated subject at the top of its outline |
| Several unrelated H1s | The page has competing top-level subjects |
| An H1 that does not match the content or the search | The visitor finds something different from what the heading promised |
| Text styled to look like a heading without heading markup | Its heading role is not programmatically determinable, so screen reader users cannot jump to it as a heading |
| Skipping a level on the way down, such as H1 to H3 | Breaks the outline and is non-conforming under the HTML standard |
| An H1 written as a list of keywords | Reads badly and describes nothing |
H1s on Online Stores
- Category pages: name the category plainly, the way people search for it, such as “Women’s Running Shoes.”
- Product pages: use the product name and the details that distinguish it, such as model, gender, or version.
Platforms that generate H1s from product data can produce headings that are cut off, repeated across variants, or missing the detail that tells near-identical products apart. A template that writes the same H1, such as “Shop Now,” across many pages wastes the heading entirely.
Auditing H1s
On a small site, check pages by hand. On a larger one, crawl the site with a tool such as Screaming Frog and export every page’s H1 and title element. Look for pages with no H1, pages with several, H1s repeated across many URLs, and H1s that differ sharply from the title in a way that suggests a template bug. Use the URL Inspection tool to check the rendered HTML where JavaScript builds the page, since scripts can remove or duplicate headings that look fine in the source.