How to fix page has heading one on Shopify

Steps for Shopify

1. **Product pages:** Go to Online Store → Themes → Actions → Edit Code. Open `templates/product.liquid` (or `sections/product-template.liquid` / `sections/main-product.liquid` in Dawn and most modern themes). Find where the product title is rendered — it is usually `{{ product.title }}` — and confirm it is wrapped in `<h1>…</h1>`. If it uses `<h2>` or a `<div>`, change the tag to `<h1>`.
2. **Collection pages:** Open `templates/collection.liquid` or `sections/main-collection-banner.liquid`. Locate `{{ collection.title }}` and ensure it is inside `<h1>…</h1>`.
3. **Homepage:** Open `templates/index.json` (or `index.liquid`) and check each section file rendered there. The first prominent text block (hero banner, featured title) should use an `<h1>`. Edit the relevant section `.liquid` file accordingly.
4. **Custom pages:** Go to Online Store → Pages → click the page → switch the content editor to HTML view (< > icon) → ensure the first main heading uses `<h1>…</h1>`.
5. **No-code option:** In the theme customizer (Online Store → Customize), some sections expose a 'Heading tag' dropdown — set it to H1 for the primary banner or page-title section.
6. Save and preview each template, then verify with browser DevTools or the axe browser extension.

<h1>Women's Running Shoes</h1>

What is page has heading one?

Every web page should have exactly one level-one heading — an `<h1>` tag — that clearly names the main subject of that page (e.g. "Women's Running Shoes" on a category page, or a product name on a product detail page). Think of it as the title written on the page itself, separate from the browser tab title. When this heading is missing, assistive technologies like screen readers have no clear starting point to announce to a visitor, and the page's content hierarchy is broken.

**Accessibility & legal risk:** Screen reader users — including shoppers with visual impairments — rely on the `<h1>` to understand where they are and navigate the page quickly. Missing it creates a poor, disorienting experience and can expose your store to accessibility-related legal complaints in jurisdictions where WCAG compliance is expected (e.g. ADA in the US, EN 301 549 in the EU). **SEO & rankings:** Search engine crawlers treat the `<h1>` as the strongest on-page signal for what a page is about. A missing `<h1>` weakens keyword relevance signals, which can suppress organic rankings — especially on high-value category, product, and landing pages. **Conversions:** A clear, visible page heading also reassures human shoppers they've landed in the right place, reducing bounce rates and improving confidence to buy.

See the complete Page has heading one guide for every platform and the full background.