What Is Heading Structure and Why Does It Matter for SEO?
Heading structure is the system of HTML heading tags — H1 through H6 — that organise the content on a web page into a logical, hierarchical outline. Think of it as the table of contents for your page. The H1 is the title of the book. H2 tags are the chapter headings. H3 tags are the subheadings within each chapter. H4, H5, and H6 tags drill down further into finer subsections, though in practice most pages only use H1 through H3.
For SEO, heading structure serves two critical functions. First, it signals to search engine crawlers what your page is about and how the various topics on it relate to each other. Google's crawlers do not read pages the way humans do — they parse the underlying HTML, and heading tags act as explicit signposts pointing to the most important concepts. A page with a clear, logical heading hierarchy is far easier for a crawler to categorise accurately than a page with no headings or a chaotic mix of heading levels.
Second, heading structure directly influences how your content appears in the search results page. Headings are one of the primary sources Google uses when constructing featured snippets, People Also Ask boxes, and AI Overviews. A well-structured page with descriptive H2 and H3 subheadings gives Google the raw material it needs to surface your content as a direct answer to a query.
Beyond search engines, headings are one of the most important accessibility features on a web page. Users of assistive technology depend on heading tags to navigate long pages efficiently. When your heading structure is broken, visually impaired visitors cannot use their screen reader's heading navigation, and you risk excluding a significant portion of your audience.
Use the RankNibbler on-page SEO checker to audit any URL and see an immediate, visual breakdown of its entire heading structure. If you want a broader picture of how headings contribute to overall on-page performance, read our guide to what is on-page SEO.
The Heading Hierarchy Explained: H1 to H6
HTML defines six levels of heading, each carrying a different semantic weight. Understanding what each level is for — and when to use it — is the foundation of good heading structure SEO.
H1 — The Page Title
The H1 is the single most important heading on any page. It tells search engines, assistive technologies, and users what the entire page is about. A good H1 should include your primary target keyword, accurately summarise the page topic, and be unique across your site. There should be exactly one H1 per page — no more, no less. The H1 tag checker in RankNibbler specifically verifies this rule and awards up to 12 points to the heading score when the H1 is present, unique, and well-formed.
In most CMS platforms the page title automatically becomes the H1. In WordPress this is the post title. In Shopify it is the product title. In hand-coded HTML you write it explicitly. Wherever it comes from, verify it actually renders as an H1 in the HTML — not an H2 styled to look big, not a div with a heading class, but a genuine <h1> element.
H2 — Major Section Headings
H2 tags divide your page into its main sections. Every distinct topic or logical block of content should have its own H2. If your page covers five separate aspects of a subject, it should have five H2 headings — one for each. H2s are the primary vehicle for secondary keywords. A user scanning the page should be able to read the H2 list and understand the full scope of the content without reading the body text.
RankNibbler awards up to 6 points for correct H2 usage. The checker confirms that H2s appear on the page and that they sit beneath the H1 in the hierarchy rather than appearing before it or in place of an H1.
H3 — Subsection Headings
H3 tags subdivide the content within an H2 section. Use them when a major section is long enough to benefit from further organisation, or when you are covering multiple distinct points that belong under one parent topic. H3s are excellent for capturing long-tail keywords — the more specific, conversational phrases that users type when they are deep into a research process. They also frequently appear in featured snippet lists and numbered answer boxes.
H4, H5, H6 — Deep Subsections
H4 through H6 tags exist for pages with genuinely deep nested content structures — technical documentation, legal documents, lengthy academic content, and complex how-to guides. For the vast majority of web pages, you will never need to go below H3. If you find yourself regularly using H4 or H5 tags on standard marketing or blog content, that is a signal the page may be trying to cover too much ground and could benefit from being broken into separate pages.
The table below summarises all six heading levels and their typical use cases.
| Tag | Semantic Role | Typical Use | SEO Weight |
|---|---|---|---|
| H1 | Page title | One per page, main keyword, page summary | Highest — 12 pts in RankNibbler |
| H2 | Major sections | Chapter-level divisions, secondary keywords | High — 6 pts in RankNibbler |
| H3 | Subsections | Points within sections, long-tail keywords | Moderate |
| H4 | Sub-subsections | Deep nested content, technical docs | Low |
| H5 | Tertiary nesting | Rarely used; multi-level reference content | Minimal |
| H6 | Deepest nesting | Almost never needed in standard content | Minimal |
Why Exactly One H1 Per Page Is Critical
The single-H1 rule is one of the most consistently repeated pieces of SEO advice, and for good reason. When a page has multiple H1 tags, several problems arise simultaneously.
Diluted topical focus. The H1 is meant to declare the one primary subject of the page. Multiple H1s imply multiple primary subjects, which means the page is trying to rank for too many things at once. Search engines prefer pages that have a clear, single focus — they are easier to classify and more likely to rank well for their core keyword.
Confusing crawl signals. Googlebot parses your HTML in order. When it encounters two or three H1 elements, it must make a judgement about which one is the real page title. That ambiguity can reduce the confidence with which Google assigns your page to a particular topic cluster.
Accessibility failures. Screen readers depend on there being one H1 as the entry point to a page. When a visually impaired user lands on a page with multiple H1s, their assistive technology cannot reliably determine where the page content begins. WCAG 2.1 success criterion 1.3.1 (Info and Relationships) is compromised by duplicate H1 usage.
CMS templating errors. The most common cause of multiple H1s is a CMS theme that includes the site name or a promotional banner as an H1 alongside the post title H1. This is a templating problem that must be fixed at the theme level. Use the RankNibbler H1 tag checker to instantly identify whether your pages carry multiple H1s, and cross-reference the raw HTML to find which template element is generating the duplicate.
For a deep dive into writing effective H1 tags from scratch, see our dedicated guide: how to write H1 tags.
How Search Engines Use Headings to Understand Content
Search engine crawlers do not simply look for keywords in body text. They analyse the entire structural context of a page. Heading tags are part of that structure, and the way Google interprets them has become increasingly sophisticated.
Headings as Topic Signals
When Google crawls a page, it builds an internal representation of the content that includes the text of each heading tag, its level in the hierarchy, and its position relative to other headings. This representation helps Google understand not just what the page is about overall, but what each section covers in detail. A page about running shoes that has H2s titled "Best Running Shoes for Road Running", "Best Trail Running Shoes", and "How to Choose the Right Running Shoe" tells Google that this page covers three distinct sub-topics within the broader category — giving it a good chance of ranking for all three.
Headings and Semantic Relationships
The hierarchy of headings communicates parent-child relationships between topics. An H3 sitting beneath an H2 is understood to be a sub-topic of that H2's subject. This semantic nesting helps Google build a knowledge graph of the content on your page, which feeds into how your page is understood in relation to the broader topic landscape in its index. Pages with clean, logical H1 H2 H3 tags that accurately reflect the content outline tend to receive better topical authority signals than pages where the heading structure is flat, repetitive, or missing.
Headings in Passage Ranking
Google's passage ranking system can index and rank individual passages within a page independently. Headings are the primary mechanism that separates one passage from the next. A clear H3 or H2 before a detailed explanation makes it far more likely that specific passage will be eligible for passage-level ranking. Without headings, Google must infer passage boundaries from context alone — a much less reliable process.
Heading Structure Best Practices
The following guidelines represent current SEO consensus and are validated against the scoring criteria used by the RankNibbler heading structure checker.
| Rule | Why It Matters | How to Implement |
|---|---|---|
| One H1 per page | Declares the single primary topic; critical for crawl clarity | Set the post/page title in your CMS; verify it renders as H1 in the source |
| H1 must contain the primary keyword | Reinforces topical relevance; one of the strongest on-page signals | Write the H1 naturally with the keyword present — do not keyword-stuff |
| Never skip heading levels | Broken hierarchy confuses both crawlers and assistive technologies | After an H2, use H3 — never jump straight to H4 |
| Keep headings descriptive | Vague headings like "Overview" contribute nothing to topical context | Make every heading tell the reader exactly what the section covers |
| Use secondary keywords in H2 and H3 | Expands the range of queries the page can rank for | Research related terms and use them naturally in subheadings |
| Keep headings concise | Long headings lose impact and are less likely to be used in snippets | Aim for under 70 characters; ideally 40–60 |
| Reserve headings for structure, not style | Misusing heading tags for visual formatting corrupts semantic meaning | Use CSS classes to control font size; never use an H4 just because it looks smaller |
| Ensure the H2 list tells a story | Users scan H2s to decide whether to read; a coherent list improves engagement | Draft all H2s before writing body copy; check they flow logically |
Example: Good vs. Poor Heading Structure
Here is a comparison of poor and well-structured heading outlines for a page about "how to bake sourdough bread".
Poor structure:
<h1>Bread</h1> <h1>Sourdough Bread Recipe</h1> <h3>Ingredients</h3> <h3>Instructions</h3> <h3>Tips</h3> <h2>FAQ</h2>
Problems: two H1 tags, H3s appear before any H2, heading levels are used out of order.
Good structure:
<h1>How to Bake Sourdough Bread: Step-by-Step Guide</h1> <h2>Ingredients You Will Need</h2> <h3>Flour and Water Ratios</h3> <h3>Building a Sourdough Starter</h3> <h2>Step-by-Step Baking Instructions</h2> <h3>Mixing and Autolyse</h3> <h3>Bulk Fermentation</h3> <h3>Shaping and Proofing</h3> <h3>Scoring and Baking</h3> <h2>Common Sourdough Mistakes and How to Fix Them</h2> <h2>Frequently Asked Questions</h2>
One H1 with the primary keyword, logical H2 sections, H3s nesting correctly within their parent H2s. Clean, scannable, and fully crawlable.
Common Heading Structure Mistakes
These are the errors most frequently caught by the RankNibbler heading structure checker and the site audit tool. Each one can meaningfully reduce a page's SEO performance.
Missing H1 Tag
A page with no H1 sends no primary topic signal. Search engines will still index the page, but without a clear H1 the content may rank with lower confidence for its target keyword. Missing H1 tags are especially common on custom landing pages built outside a CMS, pages that were migrated from one platform to another, and pages where a developer replaced the H1 with a styled div element. The fix is straightforward: add a single, keyword-rich H1 to the top of the main content area.
Multiple H1 Tags
As discussed above, multiple H1s split topical focus and create accessibility issues. The most common culprits are themes that wrap the site logo in an H1, header templates that repeat the page title as an H1 alongside the article title, and page builders that insert H1 elements into hero sections. Run a heading extractor on your page to see every heading tag and its content in a single list — duplicate H1s become immediately obvious.
Skipped Heading Levels
Jumping from H1 to H3 without an intervening H2, or from H2 to H4 without an H3, breaks the structural outline. While Google may not penalise skipped levels directly, it makes the page structure harder to parse programmatically and will fail WCAG accessibility audits. The fix is simple: add the missing intermediate heading level, even if it means restructuring a section slightly.
Using Headings for Visual Styling
This is one of the most damaging structural mistakes. A developer or content editor who needs smaller text in a sidebar decides to use an H4 because "it looks about the right size." That H4 now appears in the heading outline as a subheading of the nearest H3, implying a topical relationship that does not exist. Search engines and screen readers take heading tags at face value — they do not know the H4 was chosen for aesthetics. Use CSS to control font size and weight, and use heading tags only for structural hierarchy.
Empty Heading Tags
An empty <h2></h2> in the source code does nothing positive and may cause confusion in auditing tools. Empty headings often result from CMS templates that include placeholder heading elements which are never populated with content. Remove them or ensure they always contain meaningful text.
Headings That Do Not Match the Content Below
A heading that says "Everything You Need to Know About Email Marketing" followed by a single short paragraph about newsletter software creates a mismatch that Google's quality algorithms can detect. Headings should accurately describe the content that follows them. Misleading headings — whether intentional clickbait or the result of rushed editing — can reduce the page's quality score.
Identical Headings Across Multiple Pages
Using the same H1 text on several pages creates a soft duplicate content signal. Each page should have a unique H1 that specifically describes that page's content. Identical H2s across many pages of a site are less problematic but can still dilute topical differentiation. Check your site for heading duplication using the bulk checker tool.
How Heading Structure Affects Accessibility and Screen Readers
Web accessibility and SEO are more intertwined than many people realise. The same structural decisions that help search engines understand your content also help assistive technologies serve it to users who are blind or have low vision. Heading structure is perhaps the clearest example of this overlap.
Screen readers — software applications like JAWS, NVDA, and VoiceOver — allow users to navigate a page using keyboard shortcuts that jump between heading levels. A user can press a key to move to the next H2, or jump directly to H3 elements within a section they find relevant. This is the primary way visually impaired users skim and navigate long-form content. If your headings are missing, out of order, or used for styling purposes, this navigation breaks down entirely.
The Web Content Accessibility Guidelines (WCAG) include several success criteria that relate to heading structure. WCAG 1.3.1 (Info and Relationships) requires that information conveyed through presentation — like heading size — also be conveyed in the markup. WCAG 2.4.6 (Headings and Labels) at Level AA requires that headings describe their topic or purpose. Failing these criteria can have legal implications, particularly for organisations operating in jurisdictions with web accessibility legislation.
The practical implication for SEO is that accessibility signals are increasingly folded into Google's quality assessments. Core Web Vitals and page experience signals reflect a broader commitment by Google to reward pages that work well for all users. A page that fails basic accessibility standards is a page that is not fully serving its audience — and that matters to search engines.
Use the RankNibbler accessibility checker to identify heading-related accessibility issues alongside other common violations.
Heading Structure for Different Content Types
Best practices for heading structure vary somewhat depending on the type of page you are optimising. Here is how to apply the core rules across the most common content formats.
Blog Posts and Long-Form Articles
Blog content benefits most from a thorough heading structure because articles tend to be long and cover multiple sub-topics. The H1 should match or closely mirror the article title and contain the primary keyword. Use H2s to define the major sections of the article — aim for one H2 every 300–500 words of body text as a rough guide. Use H3s liberally within sections to break up sub-points, provide listicle-style structure, and accommodate long-tail questions that users type into search.
For interview or Q&A style content, each question can be an H3 under a broader H2 section. This structure aligns naturally with People Also Ask boxes in Google search results.
Product Pages
E-commerce product pages typically have a shorter heading structure. The H1 is the product name, ideally written to include both the brand or model name and the product category keyword. H2s can cover key sections like "Product Features", "Technical Specifications", "Customer Reviews", and "Frequently Asked Questions". Avoid the temptation to repeat the product name in every heading — once in the H1 is sufficient for the primary keyword signal.
On Shopify, the product title automatically becomes the H1. Be cautious about themes that also render collection titles or brand names as H1 elements on the same page — use the heading structure checker to verify the rendered HTML.
Category and Collection Pages
Category pages present a unique challenge because they are primarily navigational — they list products or posts rather than providing deep topical content. The H1 should be the category name with the primary keyword. Any introductory editorial content should use H2 and H3 tags. Individual product titles within the listing grid should be marked up as a lower heading level or, more commonly, as strong or paragraph text rather than headings, since adding heading tags to every product card in a grid can create an overwhelming, flat heading list with no hierarchy.
Landing Pages
Landing pages are often built outside a CMS using drag-and-drop page builders, which are notorious for generating chaotic heading structures. The H1 should be the main value proposition headline at the top of the page. Use H2s for the major sections: the problem you solve, the solution you offer, social proof, pricing, and the final call to action. Avoid the common landing page mistake of using large, bold H1-styled text in hero sections that is actually rendered as a div or span rather than a heading tag. Always inspect the source HTML of landing pages built with page builders.
Service and About Pages
Informational service pages should follow the same H1/H2/H3 hierarchy as blog content. The H1 is the service or topic name. H2s cover the main aspects of the service: what it is, who it is for, how it works, why to choose you, pricing, and FAQs. Thin service pages with only an H1 and no H2 subheadings are a missed opportunity — they lack the structural signals and content depth needed to compete in search results for informational queries.
How RankNibbler Scores Heading Structure
The RankNibbler heading structure checker is part of the full on-page SEO audit. When you enter a URL, the tool fetches the live rendered HTML of the page, parses every heading element from H1 to H6, and produces both a scoring assessment and a visual heading map.
H1 Scoring: 12 Points
The H1 check is the highest-weighted individual heading check in the RankNibbler scoring system, worth 12 points. The checker verifies the following conditions to award the full score:
- Exactly one H1 element is present on the page.
- The H1 element contains non-empty text content.
- The H1 text is not identical to the page title tag (a minor duplication warning, not a hard deduction).
- The H1 is not excessively long (over 200 characters triggers a warning).
Pages with a missing H1 receive zero points for this check. Pages with multiple H1s receive a partial score at most, with a specific "multiple H1" warning flagged in the results. Since the H1 check contributes 12 of the total heading points, resolving H1 issues delivers the largest single improvement to a page's heading score.
H2 Scoring: 6 Points
The H2 check is worth 6 points and verifies that at least one H2 is present on the page. Pages with no H2 headings receive zero points for this check and receive a recommendation to add section headings to improve structure. H2s are not penalised for quantity — having ten H2 sections on a long page is fine as long as each one is meaningful and follows from the H1. The check also confirms that H2 elements appear after the H1 in the document order rather than before it.
The Full Heading Map
Alongside the numerical score, RankNibbler displays the complete heading map of the page — every heading from H1 to H6, in document order, indented to reflect the hierarchy. This visual outline makes it easy to spot structural problems at a glance: skipped levels appear as unexpected indentation jumps, duplicate H1s show up immediately, and sections with no H2 coverage are obvious gaps in the outline. To extract and compare heading structures across multiple URLs, use the dedicated heading extractor tool.
See how heading scores feed into your overall page quality assessment by reading our on-page SEO checklist. If you need to audit an entire site rather than individual pages, the site audit tool will crawl multiple pages and aggregate heading issues across your domain.
Headings, Featured Snippets, and AI Overviews
The relationship between heading structure and Google's enhanced search features — featured snippets, People Also Ask, and now AI Overviews — is one of the most important and frequently overlooked aspects of heading optimisation.
Featured Snippets
Featured snippets are the answer boxes that appear above the organic results for certain queries. Google most commonly pulls featured snippet content from pages where a question is posed in a heading and answered concisely in the text immediately following that heading. Formatting a heading as a direct question ("How long does sourdough bread take to bake?") with a clear answer in the following paragraph is the single most effective structural technique for winning featured snippet positions.
List-type featured snippets (where Google displays a bulleted or numbered list) are typically generated from pages that use H3 tags for each list item, with the H2 above them naming the list category. This pattern is highly compatible with a clean heading hierarchy — optimising for featured snippets and optimising heading structure are largely the same activity.
People Also Ask Boxes
People Also Ask (PAA) boxes follow a similar pattern to featured snippets. Questions in PAA boxes are frequently sourced from pages where an H2 or H3 is phrased as a question. Including a FAQ section in your content — with each question as an H3 and each answer as the following paragraph — increases the chance that your content will be selected for PAA insertion. Use the SEO glossary to look up related terms and identify question-format long-tail keywords that belong in your heading structure.
AI Overviews
Google's AI Overviews (formerly Search Generative Experience) synthesise answers from multiple sources. The pages most likely to be cited in AI Overviews are those with clear, factual, well-structured content. Heading structure plays a direct role: AI systems that process web content use heading tags to understand document structure when generating summaries. A page with a clean heading outline is parsed more reliably by these systems and is more likely to have its key points surfaced accurately. Pages with poor or absent heading structure risk having their content misrepresented or skipped entirely by AI synthesis systems.
How to Fix Heading Structure Issues
Once the RankNibbler heading structure checker identifies problems on your page, the fix depends on which platform your site is built on.
Fixing Heading Structure in WordPress
In the WordPress block editor (Gutenberg), each Heading block has a level selector (H1–H6) in the block toolbar. To change a heading's level, click the heading block, then select the appropriate level from the dropdown. For the page or post H1, this is typically set through the post title field at the top of the editor — the title is automatically rendered as an H1 by most themes.
If your site has multiple H1 issues caused by the theme template (for example, a header logo wrapped in an H1), you will need to edit the theme's header.php file or override it via a child theme. Replace <h1> tags wrapping site names or logos with <p> or <div> elements with appropriate ARIA labels.
For sites using the Classic Editor (TinyMCE), use the paragraph format dropdown in the editor toolbar to assign heading levels. Do not increase font size using inline styles as a substitute for heading tags — and do not use heading tags to increase font size instead of adding structural headings.
SEO plugins like Yoast SEO and Rank Math will warn you if the H1 is missing, but they do not check for multiple H1s introduced by the theme. Always verify with a heading structure checker after making theme changes.
Fixing Heading Structure in Shopify
In Shopify, product titles, blog post titles, and page titles are rendered as H1 by most themes. Problems arise when theme sections or custom blocks introduce additional H1 tags. Open the theme editor and inspect the HTML output of any section that includes a title or headline — particularly hero banners, feature sections, and custom promotional blocks.
In the Shopify theme code (Liquid), heading levels are set using HTML heading tags directly. If a section template uses <h1> for a section headline, change it to <h2> unless that section is definitively the primary title of the page. For collection pages, the collection title is typically the H1 and product card titles within the grid should be H3 or lower.
Shopify's online store editor does not give content editors control over heading levels in the same intuitive way that WordPress does — changes often require editing theme Liquid files directly or working with a developer. Always re-run the heading structure checker after any theme update, since theme updates frequently reset heading level customisations.
Fixing Heading Structure in Plain HTML
In hand-coded HTML, heading structure is entirely under your control. The most common mistake is using heading tags for visual styling without considering the semantic hierarchy. Audit your template files for any use of heading tags in navigation elements, sidebars, footers, or decorative sections. Replace heading tags used purely for styling with <span> or <p> elements styled with CSS, and ensure the main content area has a logical H1 → H2 → H3 hierarchy.
Here is a minimal correct structure for a standard article page:
<!-- Navigation uses no heading tags -->
<nav>...</nav>
<!-- Main content uses correct hierarchy -->
<main>
<h1>Primary Keyword and Page Topic</h1>
<p>Introduction paragraph...</p>
<h2>First Major Section</h2>
<p>Section content...</p>
<h3>Subsection of First Section</h3>
<p>Subsection content...</p>
<h2>Second Major Section</h2>
<p>Section content...</p>
</main>
<!-- Footer uses no heading tags or uses H2/H3 at most -->
<footer>...</footer>
Note that the navigation and footer do not use heading tags. If your footer contains labelled sections, use <strong> or styled <p> elements rather than heading tags, to prevent footer boilerplate from polluting the page's heading outline.
Fixing Heading Structure in Page Builders
Page builders (Elementor, Divi, Beaver Builder, Webflow, Wix) vary widely in how they handle heading levels. Most provide a heading level selector within each text or heading widget. The key discipline is to go through every heading element in the page builder canvas and consciously assign the correct level. The visual appearance of a heading in the builder is not reliable — an H4 styled with large text looks like an H1 in the editor but is an H4 in the output HTML.
After building or updating a page in any page builder, always check the rendered HTML source (right-click the live page, View Source) or run the page through the RankNibbler heading structure checker to confirm that the heading levels in the HTML match your intended structure.
Heading Structure and Keyword Research
Heading structure and keyword research should be planned together, not treated as separate activities. When you conduct keyword research for a page, the output should inform both the body content and the heading outline. Secondary keywords, related questions, and long-tail variants belong in H2 and H3 tags — not buried in body paragraphs where they carry less structural weight.
A practical workflow: start with a seed keyword and build a topic cluster map. The seed keyword becomes the H1. Closely related subtopics become H2s. Specific questions and long-tail phrases within each subtopic become H3s. This process simultaneously structures your content for readability and ensures that the full range of relevant keywords is distributed through the heading hierarchy where search engines give them the most weight.
Review the SEO glossary for definitions of related terms including topic clusters, semantic search, and TF-IDF — all of which connect to how heading structure affects topical authority.
Measuring the Impact of Improved Heading Structure
After fixing heading structure issues on a page, it is worth tracking the impact to validate the changes and build internal evidence for prioritising structural SEO work. Key metrics to monitor include:
- Organic impressions and clicks in Google Search Console — improvements in heading structure often show up as increased impressions for secondary and long-tail queries within 2–4 weeks.
- Featured snippet appearances — if you restructured headings to target question-format queries, watch for new featured snippet and PAA acquisitions in Search Console's search results report.
- Average position for target keywords — heading changes can shift average position for primary and secondary keywords as Google re-evaluates topical relevance.
- Crawl frequency — structural improvements sometimes increase how frequently Googlebot revisits a page, visible in the URL Inspection tool within Search Console.
For a structured approach to auditing and measuring on-page SEO improvements across your entire site, see the on-page SEO checklist and consider running the full site audit after making heading fixes to verify no new issues were introduced.
Frequently Asked Questions About Heading Structure
Does Google still care about heading tags in 2026?
Yes. Google representatives have repeatedly confirmed that heading tags are used to understand page structure and content topics. While headings are not the single most important ranking factor, they remain one of the clearest structural signals you can provide. The rise of passage ranking, AI Overviews, and featured snippets has if anything increased the importance of clear, well-defined heading structure, since all of these features rely on being able to parse discrete sections of a page.
Can I have more than one H1 if I use HTML5?
The HTML5 specification originally proposed that each sectioning element (article, section, nav, aside) could have its own H1, creating a document-outline algorithm where multiple H1s were technically valid. However, this algorithm was never implemented by browsers or search engines in the way the spec envisioned, and the approach was formally abandoned in the HTML living standard. In practice, you should still use exactly one H1 per page regardless of your use of HTML5 sectioning elements. Google has stated it recommends one H1 per page.
Should my H1 be the same as my title tag?
They do not need to be identical, and there can be advantages to making them slightly different. The title tag appears in the browser tab and in search result listings and is subject to length limits (typically 50–60 characters before truncation). The H1 is visible on the page and is less constrained by length. A common approach is to write the title tag for click-through rate in the SERP and the H1 for on-page clarity, while ensuring both contain the primary keyword. Having them be slightly different also avoids an exact duplication signal. That said, having them be very similar is perfectly acceptable and is what most CMS platforms default to.
How many H2 tags should a page have?
There is no fixed rule. Use as many H2 tags as the content genuinely requires. A 500-word page might have two or three H2s. A 5,000-word comprehensive guide might have eight or ten. The test is whether each H2 introduces a meaningfully distinct section of content. Do not add H2s just to have more of them — but do not artificially limit them either. The RankNibbler heading checker awards full H2 points once at least one H2 is present and correctly placed after the H1.
What is the difference between a heading tag and a title tag?
A title tag (<title>) sits in the HTML <head> section and is invisible on the page itself. It appears in browser tabs and in Google search result listings. A heading tag (<h1>, <h2>, etc.) appears in the visible body of the page. Both signal topical relevance to search engines, but they serve different functions. The title tag is the primary signal for the page's topic in the search index; the H1 is the primary visible heading of the on-page content. See our SEO glossary for more detailed definitions.
Why does my heading structure checker show a different H1 from what I see on the page?
This typically means there is a heading tag in a part of the page you are not looking at — a hidden promotional banner, a visually hidden (off-screen) section used for accessibility, or a CMS template element. Run the heading extractor to see the full list of heading tags in document order, then inspect the surrounding HTML to locate where the unexpected heading is coming from. Hidden H1s from template elements are a common cause of multiple-H1 issues.
Does heading structure affect Core Web Vitals?
Heading structure does not directly affect Largest Contentful Paint, Cumulative Layout Shift, or Interaction to Next Paint. However, the quality signals associated with good heading structure — low bounce rate, high engagement, featured snippet acquisition — can indirectly support the overall quality assessment that correlates with strong Core Web Vitals performance. Heading structure is an on-page SEO factor; Core Web Vitals are technical performance factors. Both matter and neither substitutes for the other.
Is an H1 inside a nav or footer a problem?
Yes. Heading tags in navigation elements, footers, and sidebars pollute the page's heading outline. A heading in a footer or sidebar appears in the same heading map as the main content headings, which can break the logical hierarchy. Headings in navigation elements also create problems for screen reader users who rely on heading navigation to jump to content sections. Replace heading tags in navigation and footer areas with styled paragraph or span elements. If a footer section label needs to be semantically meaningful, use an ARIA label on the containing element rather than a heading tag.
Should I use heading tags in my sidebar?
Generally no, for the same reason as footers and navigation. Sidebar heading tags appear in the page heading map alongside the main content headings, diluting the structural clarity of the main content. If your sidebar sections need visual titles, style them with CSS rather than heading tags. If accessibility requires semantic labelling of sidebar regions, use aria-label on the sidebar element itself. The goal is for the heading outline of your page to represent the main content structure only — not every labelled element on the page.
Check Your Heading Structure Now
A broken or poorly structured heading hierarchy is one of the most common and most fixable on-page SEO problems. Every minute a page sits with a missing H1, multiple H1 tags, or skipped heading levels is a minute it is not performing to its full potential in search results — and not serving all of its users properly.
The RankNibbler heading structure checker analyses your H1 through H6 tags in seconds, scores the structure against SEO best practices, and provides a visual heading map that makes structural problems immediately clear. It checks the live, rendered HTML of your page — not a cached version — so you get an accurate picture of what search engines actually see.
For a comprehensive review of your entire site's heading structure across multiple pages, use the site audit tool or the bulk checker to process multiple URLs at once. If you want to understand how heading structure fits into the broader picture of on-page optimisation, the what is on-page SEO guide covers every factor that contributes to page-level search performance.
Run a free heading structure check now — enter any URL on the RankNibbler homepage and get your full on-page SEO report including heading analysis, title tag check, meta description review, image alt text audit, and more. No account required.