Help with adding H1 tag to website - Shella Theme

Shopify Discussion
,

Topic summary

A website audit revealed missing H1 tags across multiple page types (collections, blogs, pages) on a Shopify store using the Shella Theme. The original poster seeks guidance on implementing H1 tags through code editing.

Proposed Solutions:

  • One user suggests verifying whether H1 tags are truly missing from the theme code or simply left empty in Shopify Admin, recommending bulk spreadsheet editors to populate missing titles

  • Another user shares comprehensive Liquid code snippets for adding H1 tags to various page templates (homepage, product, collection, blog, article, FAQ pages), obtained from SEOAnt APP support team

Implementation Method:

The code should be inserted between <body> and </body> tags in the theme.liquid file. The snippets use conditional logic ({% if template.name == 'x' %}) to dynamically display appropriate titles (e.g., {{collection.title}}, {{page.title}}) based on page type.

Status: The discussion remains open with no confirmation whether the suggested solutions resolved the issue for the Shella Theme specifically.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I have the Shella Theme and have run a website audit which has revealed that many pages, collections and blog posts are missing the h1 tag.

I believe that I need to add it via the edit code button. The following has been flagged as requiring the h1 tag:

/collections/name of product

/blogs/blog/tagged/name of blog

pages/name of page

I found a solution for a different theme for the collections as:

{{ collection.title }}

(From this post https://community.shopify.com/c/shopify-discussions/adding-h1-tag-to-custom-liquid-template/m-p/2774094)

Would that work on the Shella Theme?

Can anyone help with what the html code I should use for the pages, blogs and where I should add it in the code section.

Thank you :slightly_smiling_face:

2

Hmm,

Are you sure the tag is missing from the theme HTML, or is it simply not added from the Shopify Admin and the field is left empty?

If the latter, you can use a bulk spreadsheet editor, which can pull all the products and pages. Whenever the title tag is missing, you can add it directly in the table (or have an Excel formula if you prefer).

3

Hi @MCBR

I have encountered the similar issue of missing H1 before and with the help of SEOAnt APP I installed before, I resolved this issue. You can check my shared H1 codes below shared by their Support Team and add them between and in theme.liquid file from Shopify store admin page to see if works on your store also. Thank you!

Missing H1 on homepage

{% if template.name =='index' %}

# {{shop.name}}

{% endif %}

Missing H1 on product page

{% if template.name =='product' %}

# {{product.title}}

{% endif %}

Missing H1 on collection page

{% if template.name =='collection' %}

# {{collection.title}}

{% endif %}

Misssing H1 on blog page

{% if template.name =='blog' %}

# {{blog.title}}

{% endif %}

Missing H1 on page

{% if template.name =='page' %}

# {{page.title}}

{% endif %}

Missing H1 on FAQ page

{% if template.name =='page.faq' %}

# {{page.faq.title}}

{% endif %}

Missing H1 on Article page

{% if template.name =='article' %}

# {{article.title}}

{% endif %}
4

Hi @MCBR

I have encountered the similar issue of missing H1 before and I resolved this issue after contacting SEOAnt APP Team. You can check my shared H1 codes below shared by their Support Team and add them between and in theme.liquid file from Shopify store admin page to see if works on your store also. Thank you!

Misssing H1 on blog page

{% if template.name =='blog' %}

# {{blog.title}}

{% endif %}

Missing H1 on page

{% if template.name =='page' %}

# {{page.title}}

{% endif %}