Shopify’s Horizon themes give the home page an H1 even when you have not added one to the visible layout.
By default, the heading contains the store name and is visually hidden:
{%- if request.page_type == 'index' -%}
<h1 class="visually-hidden">{{ shop.name }}</h1>
{%- endif -%}The default H1 is not a bug. It gives the page a main heading in its document structure, and screen readers can still access it. But a store name does not always explain what an unfamiliar business offers.
On the CheckoutWorks home page, we replaced the hidden CheckoutWorks H1 with a visible, more descriptive heading:
<h1><strong>Shopify Development & Bug Fixes</strong></h1>
Why a descriptive home-page H1 is more useful
The store name answers “Who is this?” A descriptive H1 can also answer “What does this page offer?”
That distinction matters when someone arrives from a search result, a shared link, or another page without knowing the brand. They should not need to interpret the navigation, product cards, and several paragraphs before understanding the home page.
A visible H1 also aligns the visual presentation with the document structure. The W3C guidance on headings explains that headings organize content and support navigation. When the main heading is visible, all visitors can use it to identify the page’s primary subject.
This does not mean every large line of text should be an H1. The goal is one clear main heading, followed by H2 and H3 headings that organize the sections below it.
What this may mean for SEO
An H1 is one of several signals a search engine can use to understand and represent a page. It is not a shortcut to higher rankings.
Google says it may use the main visual title, headings such as <h1>, the HTML <title>, og:title, and other prominent text when generating a title link in search results.
A descriptive H1 can therefore give Google a clearer statement of the page’s subject and make that statement more consistent with the page title, meta description, and surrounding copy. The value comes from accurate, consistent language—not from repeating keyword variations.
The possible relationship with clicks and page views is indirect. Google may use the H1 when understanding or representing the page. A clearer search result may help the right searcher recognize its relevance. If that leads to a click, the visit can produce a page view.
None of those steps is guaranteed. Search position, query intent, the snippet, brand recognition, competing results, and other traffic sources all affect clicks and page views. A descriptive H1 may improve clarity, but it should not be described as directly increasing rankings, CTR, or traffic.
How we did it
This pattern applies across Shopify’s Horizon theme family, including themes such as Horizon, Fabric, Tinker, Pitch, and Ritual. Shopify presents them as different starting designs within the same Horizon system.
Bug fixes and small development tasks are central to CheckoutWorks, so we expressed that focus in a clear home-page H1: Shopify Development & Bug Fixes.
1. Add a visible H1 in the Theme Editor
From Shopify Admin, go to Online Store → Themes and customize the duplicate theme. Open the home-page template, then add or edit the heading that should describe the page.
In Horizon’s rich-text controls, format the text as H1. The typography preset controls its appearance, while the rich-text heading format determines the rendered HTML element. The block name can vary by section and theme version; on our home page, it is inside the collection area.
2. Remove Horizon’s fallback H1
After the visible H1 is in place, choose Edit code and open sections/header.liquid. Search for <h1 class="visually-hidden">{{ shop.name }}</h1>.
Our theme records the change by commenting out that line:
{%- if request.page_type == 'index' -%}
{% comment %} <h1 class="visually-hidden">{{ shop.name }}</h1> {% endcomment %}
{%- endif -%}Commenting it out works and keeps the original behavior visible in the code. For a cleaner finished customization, you can remove the entire home-page condition instead.
Preview the theme on desktop and mobile. Confirm that the home page has one clear H1 and that other templates’ heading structure is unchanged.
If you use a theme outside the Horizon family, inspect its rendered home page and header code before editing. The implementation may differ, but the same principle applies: add a clear visible H1 before removing or replacing a generic fallback.
A small change with a clearer purpose
This is not an SEO shortcut. It simply gives the home page one accurate, visible heading that tells visitors and search engines what the page is about. For CheckoutWorks, replacing the hidden brand-name H1 made the page structure match the message people actually see.