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.
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 SEO for Shopify themes
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.
There are no theme settings to H1 heading tags. The structure of heading tags in our themes are intended keep your site accessible to everyone and properly indexed for search engines.
The order and placement of heading tags is important for people who use screen readers to tell them what page they have landed on and to navigate through the page.
In Stiletto, you can change the heading tag of section titles between H2 and H6 in the theme editor. While this option doesn't change the appearance of the heading, you can control how your pages are structured by changing the heading tag.
We cannot support customizations to the theme code. Editing how heading tags are used in the code is not recommended and can lead to unintended consequences, even impacting your search ranking.
If you are working with a developer, you can find the H1 tag for the home page in the header.liquid file of the theme code.
Related links
