A Shopify store owner discovered their site lacks H1 tags on all pages after running an SEO audit. They want to add H1 tags but prefer to hide them or style them differently from standard headings.
Initial Solutions Proposed:
<h1> tags were deleted from header.liquid fileKey Challenge:
The original poster doesn’t like how H1 text appears in the hero section and asks if they can place it elsewhere (below hero, before USP section).
Advanced Solution (Most Recent):
A user shared a detailed two-step method after testing on multiple Shopify stores:
<h1> wrapping the logo to <div> (logos shouldn’t be H1 tags)This solution specifically targets homepage H1 tags, as collection/product pages typically have them by default. The discussion includes code snippets and references an external blog post with full implementation details.
I have put my website ( www.posablecam.co.uk ) through a SEO tool and they have said I am missing H1 tags from all pages.
How can I add these in?
Is there anyway of hiding the titles? Or having text lower down in the page classed as a H1 tag without it looking different to the rest.
Hey @baileyymans , i hope you’re doing good I am sharing some steps to add H1 tags make sure you haven’t deleted
I hope this will help you solve the issue
Hey Baileyymans!
I see that you’re using Dawn as your theme.
Can also see that you don’t have any H1 as you have specified:
You’d want to make the text in your Hero Section H1, as this will be the first thing your visitors will be seeing.
Where are you trying to put your H1 text? This way I can assist you further.
Hi
I understand that text in my hero section should be the H1. But I don’t like how the text appears in this section.
Can I put the H1 header below this section. As the title before the 3 column 2 row table section of USPs?
I have a question about the H1 tag, if it is not in the theme itself, please share a method to do it.
I can see that you are missing H1 Tags in your home page. Use this guide to fix heading tags in your Shopify:
Backup Your Theme: Duplicate your theme before making changes.
Edit Code: Go to “Online Store” > “Themes” > “Actions” > “Edit code.”
Modify Header Code:
Search for header.liquid in the code editor.
Find the
Save the changes.
Add H1 via Rich Text Section:
Go back to “Customize” and add a “Rich text” section to your homepage.
Edit the text and set it as an H1 heading.
Save and preview your site to confirm the H1 tag is visible.
Let me know if this helps or if you have any other questions 
Hello,
dont you know where to find the <h1?
Because I dont have it in the header.liquid section.
I’d like to delete the H1 from the logo
dawn theme
thank you
Veronika
Yes, I do.
I noticed this post is from a month ago, and I’m not sure if anyone has found a solution yet. I just checked your site and saw that the H1 tag is still missing.
I just spent two hours investigating this issue and tried several suggestions —unfortunately, none of them worked for me.
However, after a lot of trial and error, I was finally able to successfully add an H1 tag to the homepage of all four of my Shopify stores. I hope this can help other sellers facing the same problem.
First, to clarify: we’re only talking about adding an H1 to the homepage, since collection, product, and blog pages typically already include an H1 by default.
Second, my solution might not apply to everyone, as it depends on the theme. My four stores use the following themes: Ride, Taste, and Shapes, with two of them using Taste.
Below is the method that worked for me on all four stores. If anything is unclear, feel free to ask!
There are two main steps to correctly configure your homepage H1 tag for better SEO performance.
Fix the Logo: Stop the theme from using an
Add a New Hidden H1: Implement a custom, search-engine-friendly
Most themes incorrectly use the
In your Shopify Admin, go to Online Store > Themes.
On your current theme, click the … button and then Edit code.
In the code editor, open the Sections folder and find the header.liquid file.
Inside this file, search for <h1 to find where the logo is wrapped in an
Before:
HTML
{%- if template.name == 'index' -%}
<h1 class="header__heading">
{%- endif -%}
<a href="/" class="header__heading-link">
... your logo image is here ...
</a>
{%- if template.name == 'index' -%}
</h1>
{%- endif -%}
Your only job here is to change the
After:
HTML
{%- if template.name == 'index' -%}
<div class="header__heading">
{%- endif -%}
<a href="/" class="header__heading-link">
... your logo image is here ...
</a>
{%- if template.name == 'index' -%}
</div>
{%- endif -%}
Click Save. The
Now, we will add our own powerful H1 tag that only shows up on the homepage and is invisible to users but visible to search engines.
IMPORTANT: First, make a backup of your theme! Go to Themes, click … and choose Duplicate. This is your safety net.
In the code editor, open the Layout folder and click on the theme.liquid file.
Find the opening tag. It will look something like .
Paste the following code directly below the tag line.
Code Snippet:
HTML
{%- if template.name == 'index' -%}
<style> .visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
white-space: nowrap;
}
</style>
<h1 class="visually-hidden">Your Homepage Title - Main Keywords Here</h1>
{%- endif -%}
Customize the text! Change Your Awesome Homepage Title - Main Keywords Here to your actual desired H1. Make it descriptive about your store and include your main keywords.
Click Save.
It seems the forum doesn’t allow HTML code—it keeps notifying me that my reply contains invalid HTML. So, I’ve included both the screenshots and the full code in my original blog post about the missing H1 tag. Feel free to check it out for all the details.