How to fix page has heading one on Shopify Plus

Steps for Shopify Plus

1. Follow all standard Shopify steps above; Shopify Plus stores use the same Liquid theme architecture.
2. For headless or custom storefronts built on the Storefront API, audit each React/Vue component that renders a page title and ensure the outermost title element is an `<h1>`.
3. For checkout extensibility (checkout.liquid or checkout UI extensions), add an `<h1>` to any custom checkout page templates where one is missing.

What is page has heading one?

Every web page should have exactly one top-level heading — an `<h1>` — that clearly describes what the page is about. Think of it as the title of a chapter in a book: it tells both visitors and software (screen readers, search engines) what the main subject is before they read anything else. If a page is missing an `<h1>`, or if the text that looks like a big bold title is actually styled with CSS rather than a true heading tag, the page fails this requirement. The `<h1>` doesn't have to be visually the largest text on the page, but it does have to exist in the HTML as an actual heading element.

Screen-reader users — an estimated 7–8 million people in the US alone — navigate pages by jumping between headings, and the `<h1>` is their first orientation point. Without it, they land on the page with no clear signal about where they are, creating a frustrating or unusable experience. From an SEO standpoint, the `<h1>` is one of the strongest on-page signals search engines use to understand relevance; missing it can reduce keyword rankings and organic traffic. In jurisdictions covered by the ADA (USA), EN 301 549 (EU), or the UK Equality Act, inaccessible pages carry real legal risk — accessibility lawsuits against online retailers have risen every year since 2017. Finally, a clear, prominent page title improves user confidence and reduces bounce rates, directly protecting conversion rates.

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