A user running Lighthouse audits discovered H1 tag issues on their Shopify site using the Horizon theme. They couldn’t locate H1 tags in the theme’s header.liquid file and were unsure how to properly implement them across product pages.
Solutions provided:
Product titles should already be H1 tags by default in Horizon
Use browser inspect element (right-click → inspect, then Ctrl+F to search for <h1) to verify existing H1 tags
Check the product page template settings in the theme editor—ensure the Title field is set to H1 in the rich text editor under “Text” settings
View page source (right-click → View Page Source, search <h1>) to see all H1 tags in raw HTML
Outcome:
The discussion resolved the issue. One participant confirmed this approach fixed their Collection Pages, which were flagged by Moz for missing Header 1 tags—they set the Collection Title text to H1 in the Collections Default template.
Summarized with AI on October 24.
AI used: claude-sonnet-4-5-20250929.
Hi all, I’m towards the end of set up and a friend ran my site through lighthouse and it seems my H1 tags aren’t in place properly. I’ve done a lot of searching and most results come back for the Dawn theme, but I’m using the Horizon theme.
Can anyone offer guidnace as to where I should be looking to place these? I understand that it’s only one H1 tag per page. Am I able, for example, place a H1 tag on a product page (the template I guess) and have that duplicate across all 160 odd product pages? In the menu across the top I have a home page, “all” which displays the collections, 5 specific product type pages, contact page, Blog and FAQ.
I’ve gone to edit code but can’t see any H1 tags at all in the Horizon theme header.liquid . No results either when searching for header__heading as per this guide here . Theres 4 in hero.liquid all bunched together in the code.
Any help would be greatly appreciated so many thanks in advance!
Your product name should already be an h1 tag. But you can check your site pretty fast. Just right-click on the webpage and click inspect element. Then hit Cntrl + F for find, then enter <h1 and press enter. This will locate all the h1 tags on that page. And you can see what it actually is.
This is the default configuration of the product page template in Horizon – see how Title is marked as H1 in rich text editor in the “Text” setting?
Make sure yours is configured the same.
Hi @dickiesstuff ,
I hope this message finds you well.
On any page, right-click → View Page Source.
Use Ctrl + F / Cmd + F → search for <h1 .
This shows all H1s in raw HTML.
Thanks
Manoj
Thank you! This fixed my issue which is that Moz was flagging my Collection Pages as not having a Header 1 - I went into the Collections Default and set the Title Text to H1 and fixed that issue.
