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.
