Multiple h1
Moderate effortFound on 34% of audited stores.
Reduce every page to exactly one H1 tag that clearly describes the page's main topic, removing or converting all extra H1s to lower-level headings (H2, H3, etc.).
What it is
The H1 is the main headline of a webpage — think of it as the title printed at the top of a magazine article. HTML allows multiple H1 tags on a page, but best practice (and good information architecture) says each page should have just one. When a page has multiple H1s — for example, one for the site navigation label, one for the article title, and two more for featured sections — search engines and visitors receive conflicting signals about what that page is actually about. The extra H1s are usually accidental, caused by themes, page-builder widgets, or CMS templates that automatically wrap certain elements in H1 tags without the store owner realizing it.
Why it matters
Google uses the H1 as one of the strongest on-page signals to understand a page's topic and decide how to rank and label it in search results. Multiple H1s dilute that signal — instead of one clear topic, Google sees several competing ones, which can hurt rankings for your target keywords. Visitors using screen readers (a legal requirement under accessibility laws like ADA and WCAG) rely on a single H1 to orient themselves on the page; multiple H1s create a confusing, broken reading experience that can expose your store to accessibility complaints. Fixing this is a quick, high-confidence on-page SEO improvement that directly strengthens your page's relevance signal for the keyword you care most about.
How to fix it
- Identify every H1 on the page — use your browser's developer tools (right-click → Inspect, then Ctrl/Cmd+F for '<h1>') or a free browser extension like 'Headings Map' to list all H1 elements.
- Decide which single H1 best describes the page's primary topic (usually the article/product/category title). This is the one to keep.
- Change every other H1 to the appropriate lower-level heading: H2 for major sections, H3 for subsections within those, and so on — preserving a logical visual hierarchy without demoting content that needs prominence.
- Check your theme or page-builder templates: site-wide elements like navigation menus, logo taglines, sidebar widgets, or footer sections are common hidden sources of rogue H1 tags — fix them in the template so the correction applies to all pages at once.
- After saving, re-inspect the page in the browser to confirm only one <h1> tag remains.
- Re-run your SEO audit or crawl to verify the issue is resolved across all flagged pages.
<!-- WRONG: multiple H1 tags on one page -->
<h1>Menu</h1>
<h1>OVERview Digital Magazine – June 2026</h1>
<h1>Survey Coming Via Email</h1>
<h1>The Story of Shannon</h1>
<!-- CORRECT: one H1 for the page topic; others demoted to H2/H3 -->
<h1>OVERview Digital Magazine – June 2026</h1>
<nav aria-label="Site menu">…</nav> <!-- no heading needed, or use H2 -->
<h2>Survey Coming Via Email</h2>
<h2>The Story of Shannon</h2>Fix it on your platform
Pick your platform for the exact steps.
How to fix multiple h1 on Shopify
- Go to Online Store → Themes → click 'Customize' on your active theme.
- For product pages: navigate to a product page in the theme editor. The product title is rendered by a Liquid snippet — usually 'product-title' or 'product.title' wrapped in an <h1>. Confirm only this tag is H1.
- To edit the raw template, click the three-dot menu in the theme editor → 'Edit code'. Open the relevant template file (e.g., templates/product.liquid or sections/main-product.liquid) and search for '<h1'. Change any unwanted H1 tags to <h2> or the appropriate level.
- Also check sections/header.liquid and snippets/ files — navigation or logo taglines sometimes carry accidental H1 tags.
- For blog posts or pages: open templates/article.liquid and templates/page.liquid, find all <h1 occurrences, and keep only the one wrapping the article/page title ({{ article.title }} or {{ page.title }}).
- Save changes and preview the page, then use browser DevTools to confirm a single H1.
How to fix multiple h1 on WooCommerce
- In WordPress admin, go to Appearance → Theme File Editor (or use a child theme via FTP/cPanel).
- Open the relevant template file for the page type: single.php or content-single.php for posts, page.php for pages, woocommerce/single-product.php (copy to your child theme first) for products.
- Search for '<h1' in each file and ensure only the primary title uses it — the_title() or get_the_title() wrapped in <h1>.
- If using a page builder (Elementor, Divi, Beaver Builder): open the page in the builder, click each heading widget, and change 'HTML Tag' from H1 to H2/H3 for all non-primary headings.
- Check your theme's header.php for any H1 tags around the site name or tagline; switch them to <p> or <span> with matching CSS styling.
- Install the free 'Rank Math' or 'Yoast SEO' plugin — both include an on-page analysis that flags multiple H1s, making it easy to find and fix remaining instances.
How to fix multiple h1 on BigCommerce
- Go to Storefront → My Themes → click 'Advanced' → 'Edit Theme Files' on your active theme.
- Open templates/pages/product.html and search for '<h1'. The product name ({{product.title}}) should be the only H1. Convert any other H1 elements to H2 or H3.
- Open templates/pages/category.html and templates/pages/blog-post.html and repeat the same check.
- Check templates/layout/base.html for site-wide header elements that may contain H1 tags (e.g., store name); change those to <p> or <span> tags styled with CSS.
- Save all files, then use a page inspector or the free 'Headings Map' browser extension to verify each page type now has exactly one H1.
- If using Page Builder widgets (BigCommerce native editor): open the affected page, click any text block set to 'Heading 1', and change it to 'Heading 2' or lower.
How to fix multiple h1 on Wix
- Open the Wix Editor for your site and navigate to the page with multiple H1s.
- Click each text element on the page. In the text toolbar at the top, the style dropdown will show 'Heading 1', 'Heading 2', etc.
- Identify which text element should be the single H1 (the page's main title). For all other 'Heading 1' elements, click the style dropdown and change them to 'Heading 2', 'Heading 3', or 'Paragraph' as appropriate.
- Pay special attention to elements like section headers, banner text, or repeating grid/list items — these are frequent sources of unintentional H1 tags in Wix.
- Check your header (site-wide) by clicking the header area. If the site name or logo caption is styled as 'Heading 1', change it to 'Paragraph' or a lower heading level.
- Publish the site and verify with the 'Headings Map' browser extension or Wix's built-in SEO Wiz to confirm a single H1 per page.
How to fix multiple h1 on Squarespace
- Open Pages in your Squarespace dashboard and click 'Edit' on the affected page.
- Click each text block. Squarespace text blocks show a format picker — look for any block set to 'Heading 1' that is not the page's primary title.
- Click such a block, select all its text, and change the format from 'Heading 1' to 'Heading 2' or 'Heading 3' in the format dropdown.
- Note: Squarespace automatically wraps certain page/collection titles in an H1 via its template (e.g., blog post title, product name). Avoid also adding a manual 'Heading 1' text block for the same content.
- For the site-wide header (Business Name / Site Title): Squarespace renders this in a <h1> on the homepage but as a <p> or logo on inner pages in most templates — confirm this by viewing page source (Ctrl+U) and searching for '<h1'.
- After saving and publishing, use a browser DevTools check or the 'Headings Map' extension to confirm exactly one H1 per page.
How to fix multiple h1 on Webflow
- Open the Webflow Designer for your project and navigate to the affected page.
- In the Navigator panel (left sidebar), look for all elements with the tag 'H1'. You can also use Edit → Find (Ctrl/Cmd+F) and filter by element type.
- Click each H1 element that is NOT the primary page title. In the element settings panel on the right, change the HTML tag from 'H1' to 'H2', 'H3', or the appropriate level.
- Check CMS Collection page templates (e.g., Blog Post Template, Product Template) in the same way — a single template fix will apply to all generated pages.
- Also inspect your Navbar or Header Symbol/Component — if the site name or any nav label is set to H1, change it to a <p> or <span> tag.
- Publish the site, then open a live page and run the 'Headings Map' browser extension or DevTools to confirm one H1 per page.
How to fix multiple h1 on Adobe Commerce (Magento)
- In the Admin panel, go to Content → Design → Configuration → select your store view → HTML Head. Confirm the 'Page Title' render tag is set correctly (this controls the <title>, not the H1, but rules out confusion).
- The H1 on category pages comes from app/design/frontend/<Vendor>/<Theme>/Magento_Catalog/templates/category/view.phtml — SSH/FTP into this file and confirm only the category name is in <h1>.
- For product pages, check app/design/frontend/<Vendor>/<Theme>/Magento_Catalog/templates/product/view/title.phtml — the product name (<?= $block->getProduct()->getName() ?>) should be the sole H1.
- For CMS pages, go to Content → Pages → edit the page in the Page Builder. Inspect each Row/Column/Heading element and change any Heading widgets set to 'h1' to 'h2' or lower.
- Check your theme's header.phtml or header.html for any site-name or tagline wrapped in <h1> and change to <p> or <span>.
- After deploying changes (run 'bin/magento cache:clean'), verify on the live page using browser DevTools or a heading-audit tool.
How to fix multiple h1 on WordPress.org
- In WordPress admin, navigate to Appearance → Theme File Editor. Always work in a child theme to avoid losing changes on updates.
- Open the template for the affected page type (single.php, page.php, index.php, archive.php) and search for '<h1'.
- Ensure only the primary content title — <?php the_title('<h1>', '</h1>'); ?> — uses the H1 tag. Convert all others to <h2> or <h3>.
- If using Gutenberg (block editor): open the page/post, click any Heading block that is set to H1 but is not the main title, and use the block toolbar to change it to H2 or H3.
- Install a heading-audit plugin or use the 'Headings Map' browser extension to scan all flagged pages after saving.
- Use an SEO plugin (Rank Math or Yoast SEO) to get a per-post H1 check under the 'SEO Analysis' tab in the post editor.
How to fix multiple h1 on Wix Studio
- Open Wix Studio Editor and go to the affected page.
- Use the Layers panel (left sidebar) to expand all layers and visually identify every text element.
- Click each text element and check the HTML tag in the right-side Properties panel. Change any element incorrectly set to 'H1' to 'H2', 'H3', or 'P'.
- For repeating sections or dynamic pages (CMS collections), edit the template/collection page to fix the heading tag there — it will propagate to all items.
- Check the global Header component for any H1 tags around the site name or navigation and downgrade them.
- Publish and verify using browser DevTools → Elements tab, searching for '<h1'.
How to fix multiple h1 on Shopify Plus
- Same as Shopify: go to Online Store → Themes → Edit code.
- In addition, check any Shopify Scripts or custom storefront (Hydrogen/Headless) implementations — in Hydrogen (React), search your component files for '<h1' and ensure only the primary content component renders it.
- For Launchpad or custom scripts that inject content: review any injected HTML for accidental H1 tags.
- Use Shopify's Theme Inspector (browser extension) to trace which Liquid section/snippet renders each H1 on a given page.
- Fix in section/snippet files and save; verify on live storefront with DevTools.
Does your site have this issue?
Run a free SEOLZ audit to find multiple h1 — and every other issue — across your whole site in minutes.
Scan my site freeFrequently asked questions
What is Multiple h1?
The H1 is the main headline of a webpage — think of it as the title printed at the top of a magazine article. HTML allows multiple H1 tags on a page, but best practice (and good information architecture) says each page should have just one. When a page has multiple H1s — for example, one for the site navigation label, one for the article title, and two more for featured sections — search engines and visitors receive conflicting signals about what that page is actually about. The extra H1s are usually accidental, caused by themes, page-builder widgets, or CMS templates that automatically wrap certain elements in H1 tags without the store owner realizing it.
Why does multiple h1 matter?
Google uses the H1 as one of the strongest on-page signals to understand a page's topic and decide how to rank and label it in search results. Multiple H1s dilute that signal — instead of one clear topic, Google sees several competing ones, which can hurt rankings for your target keywords. Visitors using screen readers (a legal requirement under accessibility laws like ADA and WCAG) rely on a single H1 to orient themselves on the page; multiple H1s create a confusing, broken reading experience that can expose your store to accessibility complaints. Fixing this is a quick, high-confidence on-page SEO improvement that directly strengthens your page's relevance signal for the keyword you care most about.
How do I fix multiple h1?
Reduce every page to exactly one H1 tag that clearly describes the page's main topic, removing or converting all extra H1s to lower-level headings (H2, H3, etc.).
Authoritative references
- SEO Starter Guide — Google Search Central