H1 heading tags
Last updated
Was this helpful?
Last updated
Was this helpful?
Headings provide an outline for pages, making it easier to understand what they’re about. All site pages use heading tags to structure its content into multiple levels, from H1 to H6.
H1 headings classify the overall page content, and H2 to H6 headings let you organize content into topics and subtopics.
It’s often unclear how heading tags relate to your site’s appearance and SEO, so we have some answers to common questions below.
Our themes follow Shopify’s recommended structure for generating headings.
The home page uses your store name as the H1 heading.
Product pages, collection pages, site pages, and blogs use the title entered in your Shopify admin.
To change the wording of a H1 heading, go to your Shopify admin. In the side panel, open the product, collection, or page. Edit the Title field, then click Save.
To change your store name, go to Shopify admin > Settings > General, then click to edit your store name under Store details.
Up until the early 2000s, heading tags were important ranking factors. This meant that keywords needed to be in headings to rank — but that’s no longer the case.
Today, site headings provide the context for understanding the content of your site. On their own, headings are not ranking factors for SEO.
When using SEO tools (like Google Console), you may see some warnings reated to H1 tags. Oftentimes, these warnings do not apply to Shopify online stores, which are structured differently than ordinary sites.
An automated SEO test may have warned you about ‘multiple’ or ‘duplicate’ H1s.
The reason for this is that there’s one H1 tag used for desktop and one for mobile. Only one of these tags is actually rendered by the browser at any given time, depending on the device used by your visitor.
Google's own crawlers will not flag this as an issue or duplicate content though, so you can safely ignore these warnings in any automated testing. It's just a false positive on the test and shouldn't negatively affect your SEO performance.
An SEO test may warn that you’re site is missing an H1 tag. Even when inspecting the code, it can look like there’s no content to the H1 tag.
However, this warning can be ignored. The theme automatically fills the heading content with your store name using an aria-label. SEO tools may mistakenly look for ‘hard coded’ text and not recognize the auto-generated label, which will cause a false warning.
Attaching the H1 tag to the logo and store name is Shopify’s recommended SEO structure that’s used by any premium theme.
It may appear that the H1 applies to the logo image, but in fact this piece of code contains the store name. The theme automatically fills the heading content with your store name using an aria-label.
H1 headings and page titles are not identical and can be edited separately, even though they often have the same content. While H1 headings appear on pages, the page title appears in search result listings, along with the meta description below.
You can edit the page title and meta description for each page, including the home page, in your Shopify admin. Go to your pages or posts, and click Edit website SEO. You can modify the the title, 'meta' description, and URL handle.
For the homepage, go to Online Store > Preferences > Title and meta description.
In some sections, it's possible to change heading tags between H1 and H6. Click a section or title block to find the Heading tag setting, below the Heading text field.
Changing the heading tag will not alter the appearance of the heading text. The heading tag option is used only to change the page's code structure, which can help improve accessibility and SEO.
On some templates, it's possible to remove the default H1 heading. If you hide the default title, make sure to add a section with an H1 heading.
To remove the default h1 headings, go to your theme editor and open the template you want to edit.
Pages
Click the hide button on the Page section.
Collection page
Click the hide button on the Collection banner section.
Collection list page
Click to open the Collection list section and deselect the Show page title option.
Blog
Click to open the Blog posts section and deselect the Show blog title option.
Blog posts
Under the Blog post section, click the hide button on the Title block.
Click to open the heading or title block settings, then set the Heading tag option to H1.
Related links
Headings tell you what you can expect a page to be about. To improve your site’s ranking, it’s meeting those expectations that really matters. To learn more, check out our guide for
The heading tag option was added in v 3.x.0 Learn how to to access new features.
If you've hidden the default H1 heading, add a section to serve as the page header. You may want to use the or .
