How to fix multiple h1 on Adobe Commerce (Magento)

Steps for Adobe Commerce (Magento)

1. 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).
2. 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>.
3. 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.
4. 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.
5. Check your theme's header.phtml or header.html for any site-name or tagline wrapped in <h1> and change to <p> or <span>.
6. After deploying changes (run 'bin/magento cache:clean'), verify on the live page using browser DevTools or a heading-audit tool.

<!-- 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>

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.

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.

See the complete Multiple h1 guide for every platform and the full background.