Guide : Header Tags

TL;DR — Header tags are the HTML headings on une page — <h1> via <h6>. H1 is usually the principal page title; H2 and H3 mark the sections and subsections ci-dessous it. Ils aider personnes skim votre page and aider moteur de recherches comprendre ce que chaque partie is à propos de. Ils matter pour le SEO, but a lot moins que the outils que flag les vouloir vous to believe.

Evidence for this claim HTML heading elements h1 through h6 represent six levels of section headings. Scope: Document structure and accessibility semantics. Confidence: high · Verified: 2026-07-14 MDN: Heading elements Evidence for this claim Google can use heading elements as sources when it generates title links. Scope: Title-link generation, not evidence that heading order or count directly determines rankings. Confidence: high · Verified: 2026-07-14 Google Search Central: Title links

Ce que header tags are

Quand vous regarder at une page and voir a big bold title at the top, alors plus petit section headings ci-dessous it, ceux are usually header tags (aussi appelé heading tags). In HTML ils regarder comme ce:

<h1>The main heading of the page</h1>
<h2>A major section</h2>
<h3>A sub-point inside that section</h3>
<h2>Another major section</h2>

Rapide terminology vérifier avant we go plus loin: heading tags (H1–H6) ne sont pas the même chose as the <header> element. <header> is a différent HTML5 tag pour une page or section’s top area (logo, nav) — it’s a landmark/container, pas a heading level.

Là are six levels, <h1> via <h6>. Think of les comme an outline:

• H1 — the title of the whole page (the biggest idea).
• H2 — the principal sections. Un pour chaque major section sous the H1.
• H3 — points à l’intérieur ceux sections. Pick the level fondé on qui section it belongs sous, pas on how big or petit vous vouloir the text to regarder — that’s a job pour CSS, pas the heading level.
• H4–H6 — deeper sub-points, qui la plupart pages jamais besoin.

Header tags are pas the même as the title tag. The title tag is the text que montre up in le navigateur tab and as the blue clickable headline in Google’s results — it isn’t visible on lune page itself. The H1 is the heading vous en réalité voir at the top of lune page. Ils souvent dire similaire choses, but they’re différent elements doing différent jobs.

Pourquoi ils matter

Two raisons, and seulement un of les is SEO:

1. Ils aider personnes. La plupart readers skim. Clair headings let someone scan votre page and jump to the partie ils vouloir. Personnes en utilisant screen readers rely on headings même plus — ils navigate une page heading by heading.
2. Ils aider moteur de recherches comprendre votre content. Google has said a heading is “a really strong signal” telling it ce que a section of lune page is à propos de. So a clair, descriptive heading donne Google a little nudge à propos de the topic underneath it.

The stuff personnes obtenir incorrect

• “You must have exactly one H1 or you’ll get penalized.” Pas vrai. Google has said votre page va rank fine with aucun H1 or with five H1s. (Un H1 is encore a nice habit, mostly pour accessibility — plus on que in the Avancé version.)
• “Headings have to go in perfect order (H1 → H2 → H3) for SEO.” Google has said heading order doesn’t matter pour rankings. It fait matter pour screen reader utilisateurs, so it’s encore worth keeping tidy.
• “More headings = better SEO.” Aucun. Google dit there’s “no magical, ideal amount.” Utiliser as nombreux as le contenu en réalité nécessite.
• “Stuff your keyword into every heading.” Don’t. Écrire headings que décrire the section honestly. Keyword-stuffed headings don’t aider and peut lire as low quality.

La version courte: utiliser headings to organize votre page pour the personnes reading it. Do que, and the SEO partie takes care of itself. Vouloir the version with the réel Google and Bing quotes, the données, and the H1-count details? Switch to the Avancé tab.

TL;DR — Header tags (H1–H6) are a réel but modest signal. Google has appelé a heading “a really strong signal” à propos de a section’s topic and uses <h1> elements as an input quand generating SERP title liens — but it aussi puts heading order and heading count sous “things you shouldn’t focus on,” dit multiple H1s are fine, and Illyes confirmed order doesn’t affecter rankings. Bing diverges: it veut un H1 and dit plus “diminishes the value.” In my million-domain study, manquant H1s (59,5%) and multiple H1s (51,3%) were les deux rampant and les deux low-impact. Utiliser semantic headings — pas CSS-styled text — to structure content pour readers, screen readers, passage ranking, and snippets. Don’t treat les as a keyword lever.

Evidence for this claim HTML heading elements h1 through h6 represent six levels of section headings. Scope: Document structure and accessibility semantics. Confidence: high · Verified: 2026-07-14 MDN: Heading elements Evidence for this claim Google can use heading elements as sources when it generates title links. Scope: Title-link generation, not evidence that heading order or count directly determines rankings. Confidence: high · Verified: 2026-07-14 Google Search Central: Title links

Ce que header tags are (and aren’t)

Header tags are the HTML heading elements <h1> via <h6> — the semantic markers of une page’s content hierarchy. H1 is the top level (usually lune page’s principal heading), and H2–H6 step bas via sections and subsections. Ils render visibly in the corps of lune page, qui is ce que separates les from the <title> element: the title tag lives in the <head>, drives le navigateur tab and the SERP title lien, and isn’t affiché on lune page. The H1 is on lune page. Ils frequently overlap in wording, but they’re différent elements with différent jobs.

Un terminology remarque worth getting correct: the formal nom in the HTML spec is heading elements. “Header tags” is the informal industry term pour the même chose — and it’s the term Bing uses in its propre docs. Don’t confuse soit with the <header> element, qui is an HTML5 landmark pour une page or section’s header area (logo, nav), pas a heading.

How to pick a level. The decision rule is structural, pas visual: a heading’s rank devrait match où it sits in lune page’s section nesting, pas how grand vous vouloir it to regarder. An H2 introduces a major section directement sous the H1; an H3 introduces a subsection sous que H2; and so on. Si you’re choosing a heading level to obtenir a particulier font size, you’re en utilisant the incorrect outil — utiliser CSS pour que and pick the rank fondé on le contenu’s réel position in the outline.

There’s aussi a spec-level detail worth knowing ici: navigateurs don’t infer a heading’s rank from how deeply it’s nested à l’intérieur <section> or <article> elements. HTML une fois had a proposed “outline algorithm” que voudrait let, dire, an <h1> nested two <section>s deep count as an effective H3 — but aucun navigateur ever shipped it, and the HTML spec formally supprimé it from the living standard in 2022. Practically: toujours utiliser the explicit rank vous mean (<h1>–<h6>), and don’t assume wrapping a heading in nested <section> elements changements its effective level. It doesn’t.

How Google uses headings

Headings are a genuine signal — simplement pas a strong, standalone ranking lever. A few distinct choses are going on:

• Topic understanding. John Mueller put it directement: “A heading is a really strong signal telling us ce partie of lune page is à propos de ce topic.” Crucially, he said the level doesn’t matter beaucoup — “si vous put que into an H1 tag or an H2 tag or H5 or whatever, que doesn’t matter so beaucoup” — it’s the heading-as-signpost que helps. And he was equally clair que “headings on lune page ne sont pas the seulement ranking factor que we have.”
• Title lien generation. Since the August 2021 title generation mettre à jour, Google uses <h1> elements as un of the principal sources pour generating the title lien it montre in résultats de recherche. So a clair, prominent, distinctive H1 reduces the odds Google rewrites votre title in the SERP — and a manquant or vague un raises les.
• Passage ranking. Clean heading + paragraph units give Google parsable segments it peut identifier and rank as distinct passages dans a long page. A muddled or deeply nested structure rend que harder.
• Featured snippets. Heading-delimited content — H2/H3 questions, numbered steps — is exactly ce que Google extracts into liste and table snippets. Structure feeds ceux.

Now the deflating partie. Google’s SEO Starter Guide fichiers heading guidance sous “choses we believe vous devezn’t focus on.” Two lines from là matter:

“Having votre headings in semantic order is fantastic pour screen readers, but from Recherche Google perspective, it doesn’t matter si you’re en utilisant les out of order.”

“There’s aussi aucun magical, ideal amount of headings a donné page devrait have. Cependant, si vous think it’s aussi beaucoup, alors it probably is.”

Gary Illyes reconfirmed the order point in the July 2024 SEO Office Hours, and explicitly sided with the Starter Guide over the SEO outils que flag heading order: “from Google Search perspective, it doesn’t matter si you’re en utilisant les out of order,” ajout que “the web at grand isn’t valid HTML code, so Recherche Google rarely relies on the semantic meanings hidden in the HTML specification.” Quand a non-Google outil flags something, he noted, “that doesn’t make it relevant for Google.”

Multiple H1s: Google is fine, Bing isn’t

Ce is the cleanest placer où the two engines en réalité diverge, so it’s worth stating plainly.

Google has said ce à propos de as nombreux façons as it peut. Mueller: “Vous pouvez utiliser H1 tags as souvent as vous vouloir on une page. There’s aucun limite, neither upper or lower bound,” and “votre site is going to rank perfectly fine with aucun H1 tags or with five H1 tags.” In the “Demander Google Webmasters” video: “Our systems don’t have a problem quand it comes to multiple H1 headings on une page. That’s a fairly courant pattern on the web.” He aussi said the systems va fonctionner with “styled pieces of text without semantic HTML at all.” So from Google’s side, H1 count is a non-issue pour rankings.

Bing takes the opposite stance. Its long-standing webmaster guidance recommends un H1 par page and dit en utilisant plus “diminishes the value of the <h1> tag” — the logic being “there’s supposed to be only one big idea per page.” Bing Webmaster Outils actively flags multiple H1s, though seulement as a low-priority Notice, pas an error. So si vous care à propos de Bing, leaning toward a unique H1 is the safer par défaut.

Où ils agree: un H1 par page is the correct appel pour accessibility, regardless of ce que soit engine fait pour rankings. That’s the réel raison the “one H1” convention exists — screen reader utilisateurs navigate by heading, and multiple H1s muddy the document outline.

Ce que my données en réalité montre

Quand I studied over a million domains (1 002 165 of les) pour the la plupart courant technical SEO problèmes, two heading findings stood out — and les deux are reassuring:

• 59,5% of sites had pages with manquant or vide H1 tags. My prendre at the temps: manquant H1s are a minor problème, surtout si the text is wrapped in an H2 à la place. Usually an facile fix, but I don’t expect beaucoup impact.
• 51,3% of sites had pages with multiple H1 tags. Multiple H1s are allowed in modern HTML and Google has said they’re pas a problem. Worth confirming every H1-tagged heading is en réalité page-relevant, but I don’t treat it as significant.

En d’autres termes: the two heading “issues” votre audit outil screams à propos de loudest are présent on plus que half of the entier web, and neither is a meaningful ranking concern. I’ve made the point bluntly avant — quand someone claims an H1 modifier lifted leur rankings, it was almost toujours parce que ils simultaneously ajouté keyword-rich copy élevé on lune page (prominence), pas the H1 element itself. Vous pourrait swap votre H1s pour a styled <span> and the ranking impact voudrait be roughly nothing.

Que said: don’t lire ce as “headings are useless.” They’re useless as a keyword ranking trick. They’re genuinely utile as structure — pour readers, pour screen readers, and pour the snippet/passage machinery ci-dessus.

Keywords in headings

Utiliser les — naturally. A heading devrait décrire the section it sits ci-dessus, and si votre target topic is ce que the section is à propos de, the keyword montre up on its propre. The chose to éviter is forcing exact-match phrases into every heading. The correlation données points the autre façon: top-ranking pages are, si anything, slightly moins probable to cram exact-match keywords into the H1. And remember Mueller’s framing — the heading’s job is to signal “this part of the page is about this topic,” pas to be a keyword slot.

Aussi: the H1 and the title tag don’t besoin to match. Illyes, asked exactly ce, said “No, just do whatever makes sense from a user’s perspective.” Some overlap in wording is natural; an exact match n’est pas a requirement.

Semantic headings vs. CSS-styled text

Ce is the gap la plupart heading advice skips. A heading que semble comme a heading isn’t necessarily a heading. <div class="section-title">Big Bold Text</div> peut be visually identical to an <h2>, but it carries aucun structural meaning — aucun signal to robots d’exploration, and nothing pour a screen reader to navigate by. Google peut parfois lire visually prominent text (it’s un of the inputs pour title lien generation), but pour general heading signals, passage ranking, and accessibility, vous vouloir réel semantic <h> elements. Si you’re on a CMS, ce is souvent controlled by the theme/template, pas the editor — a heading vous type in the editor pourrait render as a styled paragraph selon the template. Worth checking.

Heading order and accessibility

Two separate questions que constantly obtenir merged:

• Pour Google rankings: order doesn’t matter (Starter Guide + Illyes, ci-dessus). Skipping from H2 to H4 won’t hurt votre rankings. Martin Splitt’s framing is utile ici — si vous structure votre content differently, “vous didn’t structure it meilleur, vous didn’t structure it worse, vous simplement structured it differently.”
• Pour accessibility: order matters a great deal. Per WebAIM’s survey, the grand majority of screen reader utilisateurs navigate pages by heading, and a logical H1 → H2 → H3 outline is ce que rend que fonctionner. W3C’s propre heading guidance recommends contre skipping levels pour exactly ce raison — it’s strong authoring guidance to follow. But it’s pas automatically a WCAG échec by itself: si a skipped level en réalité fails a criterion comme 1.3.1 (Info and Relationships) dépend on evaluating the spécifique page, pas a blanket “any skip = fail” rule. Treat it as a réel problem to fix, pas a guaranteed conformance violation to cite.

So my practical rule: garder a clean, logical hierarchy pour the accessibility win, and don’t lose sleep over the heading-order warnings votre SEO outil fires — ceux are optimizing pour a chose Google has explicitly said it doesn’t utiliser.

A remarque on JavaScript-rendered headings

Si votre headings seulement apparaître après client-side JavaScript runs, they’ll généralement encore obtenir indexé — but on Google’s two-phase render cycle, qui peut lag. And headings que seulement apparaître après a utilisateur interaction (clicking a tab, expanding an accordion) may pas be indexé at tout, parce que Google doesn’t click. Pour pages que besoin to rank, obtenir votre heading structure into le serveur-rendered or static HTML. (The rendering side of ce lives in JavaScript SEO.)

Meilleur practices, condensed

• Utiliser un H1 par page as a par défaut — mostly pour accessibility and pour Bing, since Google doesn’t care à propos de the count.
• Utiliser H2/H3 to organize sections; H4–H6 seulement quand le contenu genuinely nests que deep (la plupart pages don’t).
• Écrire descriptive headings que reflect the section; let keywords apparaître naturally plutôt que stuffing exact matches.
• Utiliser réel semantic <h> tags, pas CSS-styled divs.
• Garder a logical hierarchy pour screen readers — même though Google doesn’t exiger it.
• Put critical headings in server-rendered HTML, pas JS-only.
• Don’t treat fixing headings on an existing site as a rankings play. Mueller à nouveau: “if you have an existing site, fixing this isn’t going to change your site’s rankings.” The wins are clarity and accessibility.

Où to go suivant

Ce hub is the overview of the whole H1–H6 family. The H1 tag obtient its propre deep dive as a sibling article in ce cluster — H1-spécifique meilleur practices, the one-H1 debate in detail, and how the H1 feeds title lien generation. Multiple H1 tags obtient its propre deep dive aussi, focused specifically on the “does it hurt SEO?” question HTML5’s sectioning content raises. Pour the head element that’s souvent confused with the H1, voir the title tag. The broader on-page picture lives in the On-Page SEO pillar.

AI summary

A condensed prendre on the Avancé version:

• Header tags = the H1–H6 HTML heading elements que structure une page’s content. They’re semantic markers, distinct from the <title> element (qui lives in the head and drives the SERP title lien, pas lune page).
• A réel but modest signal. Mueller: a heading is “a really strong signal” à propos de a section’s topic — but the level doesn’t matter beaucoup, and headings “ne sont pas the seulement ranking factor.”
• Google’s “don’t focus on this” liste inclut heading order and heading count (“no magical, ideal amount”). Illyes (July 2024) confirmed order doesn’t affecter rankings.
• H1 feeds title liens. Since the Aug 2021 mettre à jour, Google uses <h1> elements as a principal source quand generating SERP title liens — a clair H1 reduces title rewrites.
• Multiple H1s: Google dit it’s fine (“no limit”); Bing veut un and dit plus “diminishes the value.” Un H1 is meilleur pour accessibility regardless.
• Patrick’s million-domain study: 59,5% of sites had manquant H1s, 51,3% had multiple H1s — les deux extremely courant, les deux low-impact.
• Semantic > styled. A <div> que semble comme a heading carries aucun structural signal; utiliser réel <h> tags pour robots d’exploration and screen readers.
• Keywords: natural, pas stuffed; H1 doesn’t besoin to match the title tag (Illyes: “do whatever rend sense from a user’s perspective”).
• JS headings peut lag in indexation; interaction-gated headings may pas index at tout — put critical headings in server-rendered HTML.
• Bottom line: structure pour readers and accessibility; don’t utiliser headings as a keyword-ranking trick.

Documentation officielle

Primary-source documentation from the moteur de recherches on headings.

Google

• SEO Starter Guide — “Things you shouldn’t focus on” — heading order and “no magical, ideal amount of headings.”
• Influencing votre title liens in résultats de recherche — listes <h1> elements as a source pour generating SERP title liens.
• An mettre à jour to how we generate web page titles (Aug 2021) — the mettre à jour que brought heading text into title generation.
• Plus info à propos de titles (Sep 2021) — the follow-up; <title> utilisé ~87% of the temps, headings/prominent text pour the rest.
• Creating utile, reliable, people-first content — the principal heading as a content-intent signal.
• July 2024 SEO Office Hours — Illyes on heading order pas mattering pour Google.

Bing / Microsoft

• Bing Webmaster Guidelines — noms <h1>–<h6> as elements que aider Bing comprendre le contenu of chaque paragraph.
• Architecting Content pour le SEO (SEM 101) — Bing’s “one H1 per page” guidance and the “more like XML than HTML” framing pour how Bingbot reads headings.

Quotes from the source

On-the-record statements from Google and Bing. Chaque lien is a deep lien que jumps to the quoted passage on the source page où disponible.

Google — headings as a signal

• “A heading is a really strong signal telling us this part of the page is about this topic.” — John Mueller, Google. Lire the coverage
• “Whether you put that into an H1 tag or an H2 tag or H5 or whatever, that doesn’t matter so much.” — John Mueller, Google (2020).
• “Headings on the page are not the only ranking factor that we have.” — John Mueller, Google (2020).

Google — heading order and count

• “Having your headings in semantic order is fantastic for screen readers, but from Google Search perspective, it doesn’t matter if you’re using them out of order.” — Recherche Google Central, SEO Starter Guide. Jump to quote
• “from Google Search perspective, it doesn’t matter if you’re using them out of order.” — Gary Illyes, Google (July 2024 Office Hours). Jump to quote

Google — multiple H1s

• “You can use H1 tags as often as you want on a page. There’s no limit, neither upper or lower bound.” — John Mueller, Google (2019).
• “Your site is going to rank perfectly fine with no H1 tags or with five H1 tags.” — John Mueller, Google (2019).
• “Our systems don’t have a problem when it comes to multiple H1 headings on a page. That’s a fairly common pattern on the web.” — John Mueller, Google, Demander Google Webmasters (2019).

Google — H1 vs. title tag

• “No, just do whatever makes sense from a user’s perspective.” — Gary Illyes, Google, asked si title tags doit match H1s (June 2024). Jump to quote

Bing — un H1 par page

• “Only use only one <h1> tag per page… you diminish the value of the <h1> tag if you use more than one.” — Rick DeJarnette, Bing Webmaster Center (2009).
• “<H1>–<H6> Header tags – Define the structure of your page and helps Bing understand the content of each paragraph.” — Bing Webmaster Guidelines.

H1–H6 cheat sheet

Ce que chaque heading level is pour, how souvent it montre up, and the mistakes que go with it.

Google’s propre guidance jamais publishes a per-level weighting formula, keyword count, or requis number of headings pour H1–H6 — it explicitly fichiers heading count sous “choses vous devezn’t focus on.” Treat every level as a topic signal to the reader and to search engines, pas a graduated ranking lever.

Fast facts

• Google: heading order doesn’t affecter rankings; aucun ideal number of headings; multiple H1s are fine; H1s feed SERP title lien generation (since Aug 2021).
• Bing: prefers un H1; dit plus “diminishes the value”; flags multiple H1s as a low-priority Notice; reads headings “more like XML than HTML.”
• Accessibility: un H1, logical order, aucun skipped levels — ce is the réel raison the “tidy hierarchy” conventions exist.
• Semantic vs. styled: a <div> que semble comme a heading is pas a heading — aucun robot d’exploration or screen-reader signal. Utiliser réel <h> tags.
• My million-domain données: 59,5% of sites had manquant H1s, 51,3% had multiple H1s — les deux courant, les deux low-impact.

Inspect the rendered heading outline

Run ce in DevTools Console:

[...document.querySelectorAll('h1,h2,h3,h4,h5,h6')].map(h => ({level: Number(h.tagName[1]), text: h.textContent.trim(), visible: !!(h.offsetWidth || h.offsetHeight || h.getClientRects().length)}));

Flag jumps of plus que un level

const hs = [...document.querySelectorAll('h1,h2,h3,h4,h5,h6')]; hs.map((h,i) => ({heading: h.textContent.trim(), from: i ? Number(hs[i-1].tagName[1]) : null, to: Number(h.tagName[1])})).filter(x => x.from && x.to > x.from + 1);

A skipped level is a examiner signal, pas an automatic SEO échec. Vérifier si the document structure encore rend sense to readers and assistive technology.

Testez vos connaissances: Header tags

Ressources utiles

My connexe writing

• We Studied Over 1 Million Domains to Trouver the La plupart Courant SEO technique Problèmes — my first-party données on manquant and multiple H1s (and a lot plus).
• Ce que Is an H1 Tag? SEO Meilleur Practices — the H1-spécifique deep dive.
• Header Tags glossary — the short definition.
• On-Page SEO: Un guide pratique — où headings sit in the bigger on-page picture.

From others

• Google: Heading Tags are a Strong Signal (Moteur de recherche Journal) — the Mueller “really strong signal” coverage.
• Google Clarifies H1–H6 Headings Pour le SEO (Moteur de recherche Journal) — the July 2024 Illyes “order doesn’t matter” clarification.
• Comment utiliser Header Tags: SEO Meilleur Practices (Moteur de recherche Journal) — practical H1–H6 usage guide notamment featured snippet tips.
• Si Google Dit H1s Don’t Matter, Pourquoi Devrait Vous Utiliser Les? (Moteur de recherche Land) — digs into the réel raisons to care à propos de H1s au-delà rankings.
• Google’s Martin Splitt on Semantic HTML & Search (Moteur de recherche Journal) — Splitt on pourquoi structuring content differently is neither meilleur nor worse.
• Comment utiliser Headings on Votre site (Yoast) — covers CSS-styled text vs. semantic heading elements, with WordPress-specific context.
• H1 Tags Ranking Factor Study (Rankability, 2026) — données on H1 presence, multiple H1s, and keyword usage among top-ranking pages.
• Headings, SEO & Accessibility (Natzir Turrado) — comprehensive rep quotes, HTML5, and accessibility framing.
• WebAIM Screen Reader Utilisateur Survey — the données behind “people navigate by heading.”

Journal des modifications