Multiple H1 Tags: Can a Page Have More Than One?
I was crowned King of Ceylon, King of the Moon, and King of Cheese on one afternoon, and each crown insists it is the only one.
The short answer
- What it is
- A page with multiple H1 tags has more than one H1 element in its HTML. This is valid markup, but it can blur what the page is mainly about.
- Why it matters
- One H1 gives the page a clear main topic for readers, screen readers, and crawlers. Two or more can leave them with a muddled outline, especially when one of them is a site logo.
- How a crawler should report it
- Report an H1 issue when the on-page H1 count is more than 1, and show the count and the text of each H1. Do not raise it for one H1 and several H2s.
- Live examples
/lab/h1-issues/none/(positive)/lab/h1-issues/two/(positive)/lab/h1-issues/near-miss/(near miss)
Whether a page is allowed two top-level headings
Can you have more than one H1 on a page? Yes. The HTML standard allows it, and Google has said that pages with several H1 tags can do fine in search. So this is a question of clarity, not of rules. Multiple H1s tend to appear by accident. A theme may wrap the logo in an H1, and the page content adds another. Page builders let editors pick heading levels for looks. Widgets, modals, and cookie notices may bring their own.
Browsers will display each H1 without any fuss. Older advice said that H1s inside <section> elements would form a nested outline. That outline model was never built into browsers, and it has been removed from the HTML standard. In practice, a screen reader announces each one as a level 1 heading. Users who scan the headings will then find several competing starts to the same page.
To detect it, count the <h1> elements on the page and list their text. Include the rendered page if scripts add headings. Check whether any of them are hidden, because hidden headings are often left over from old designs. Group the results by template. If every page has two H1s, and one of them is the logo, you can solve the whole problem with one change.
To fix it, choose the heading that best names the page and keep it as the H1. Change the others to H2 or to a plain element. Move a logo out of the H1 and use a normal link or image. Use CSS for the size, so that the look stays the same. Treat this as a clean-up task with low urgency. The heading structure gets better for readers, even if rankings do not change.