Hello, my via Homepage needs a H1 tag via my SEO app, I amusing the Shopify Studio theme. I don’t see this function in the customize theme area. What folder in the liquid file contains the Home Page Layout and what is the tag/code I need to add? Thank you in advance.
Topic summary
A user needs to add an H1 tag to their Shopify Studio theme homepage for SEO purposes but cannot find this option in the theme customization interface.
Two solutions were provided:
-
Header.liquid approach: Navigate to theme code editor → locate ‘header.liquid’ in sections folder → find ‘header__heading’ → insert
<h1 class="visually-hidden">H1 IN HERE!</h1>below that section. This creates a hidden H1 tag that satisfies SEO requirements without affecting visual layout. -
Theme.liquid approach: Add conditional code between
<body>and</body>tags in theme.liquid file that displays the shop name as H1 only on the homepage:
{% if template.name =='index' %}
<h1>{{shop.name}}</h1>
{% endif %}
Both responses included promotional content for their respective apps (MooseDesk for customer support, SEOAnt for SEO checking). The discussion remains open with no confirmation from the original poster about which solution was implemented.
Hi @letoffefabrics ,
We appreciate your inquiry in the Shopify Community. MooseDesk is here to assist you as a leading Live Chat, FAQ & Helpdesk App, tailored for enhancing your customer support.
Thank you for providing more details. I understand you’re having trouble finding the right file. Let me give you a more specific set of instructions to add the H1 tag:
- Go to the theme code editor (Select “Actions” > “Edit code” from the theme editor).
- Use the search function to look for the word ‘header’ and locate the file named ‘header.liquid’ in the sections folder.
- Open this file and find the location of the text ‘header__heading’.
- Copy and paste the following code snippet just below the ‘header__heading’ section and save your changes
H1 IN HERE!
This method will add a visually hidden H1 tag to your homepage, which should satisfy your SEO requirements without affecting the visual layout of your site.
If this is helpful for you, please let me know by giving MooseDesk a ‘LIKE’. If your question is answered please mark this as 'SOLUTION’.
If you are looking for a customer support solution to help drive more conversion to your Shopify store, I suggest exploring MooseDesk, a FREE LiveChat, FAQ & Helpdesk App that can help your support experience easier, better, faster!
With MooseDesk, you can engage with customers through omnichannel support, manage inquiries with a robust ticket system, and provide quick responses.
- Or you can let customers resolve questions faster with in-built FAQ, Order tracking module, and more.
Once again, thank you for reading. Wishing you a great day ahead!
To add an H1 tag on the homepage, you can add code below in the empty part between and in the theme.liquid file. In this way, you can find out this tag directly after checking source code page and this issue will be resolved.
{% if template.name =='index' %}
# {{shop.name}}
{% endif %}
If you need an APP that can help detect H1 status, it is suggested to use SEOAnt, as it has SEO Checker feature and you can get an overall SEO report and better check website performance. Please click here to install and concerning the cost you will encounter during SEO progress, a 30% discount (SEOAnt 30% Jeffery) for the first two months is shared here, and you can use it to fully test or experience these functions. Feel free to let me know if you have any questions, thank you!
