Why is my Craft Theme home page missing an H1 tag?

Technical Q&A
,

Topic summary

A Shopify store using the Craft Theme is missing an H1 tag on the homepage, while other pages correctly use the page title as H1. The issue stems from the theme’s header configuration, which currently wraps the logo (an image) inside the H1 tag instead of text.

Root Cause:

  • The theme allows choosing between site name text or logo for the H1 element in the navigation
  • Currently set to display logo, resulting in an image inside H1 (poor for SEO/semantic HTML)

Proposed Solutions:

  • Change theme customizer settings to use text instead of logo in the H1
  • Better approach: Remove H1 from navigation entirely and wrap homepage banner/hero text in H1 tags instead
  • May require developer assistance for proper implementation

Status: The original poster has basic coding ability and will attempt the fix, otherwise will hire a developer. Another user later asks for updates on the resolution, indicating this is a common issue with the Craft Theme.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

I’m using the Craft Theme. From an SEO audit, it shows my Home Page has no H1 tag. All other pages are good and pick up the Title as the H1 tag. However, for the Home Page, it appears the H1 is coming from the header and logo:

<img srcset=“//cdn.shopify.com/s/files/1/0631/0841/5722/files/Cremation_Urn_logo_medium_8b96486b-b2ed-4756-b31f-9654105146c9_220x.png?v=1645967099 1x, //cdn.shopify.com/s/files/1/0631/0841/5722/files/Cremation_Urn_logo_medium_8b96486b-b2ed-4756-b31f-9654105146c9_220x@2x.png?v=1645967099 2x”

 src=“//cdn.shopify.com/s/files/1/0631/0841/5722/files/Cremation_Urn_logo_medium_8b96486b-b2ed-4756-b31f-9654105146c9_220x.png?v=1645967099” loading=“lazy” class=“header__heading-logo” width=“5333” height=“3333” alt=“Cremation urns for ashes logo” >
Home
  		• Products

    This is driven in my header.liquid code:

    {%- if request.page_type == ‘index’ -%}

    {%- endif -%} {%- if section.settings.logo != blank -%} {%- assign image_size = section.settings.logo_width | append: 'x' -%} {{ section.settings.logo.alt | default: shop.name | escape }} {%- else -%} {{ shop.name }} {%- endif -%} {%- if request.page_type == 'index' -%}

    {%- endif -%}

    The Title is correctly coming from the Shopify page editor, which is what should also be the H1 tag for the home page. So, how do I assign the H1 tag to the Page Title?

    2

    Based on that code, your theme has a setting to pick between sitename text or logo to be inserted into H1, I assume within the . Pretty common.

    You have it set to show logo currently. Change the settings in Theme customizer to replace it with text.

    Not sure what the SEO audit is showing exactly, but it looks like you have an image inside your H1 - which is not ideal from a semantic HTML/SEO pov. For some reason a lot of Shopify themes are stuffed like this.

    For home pages my preference is not to sit the h1 in nav at all.

    Instead this may be a better setup:

    KieranR_0-1671752773036.png
    KieranR_0-1671752773036.png1313×697 114 KB

    • Wrap the nav logo/text in a
      not an

    • Wrap some jumbo/banner header text in H1 on home page.

    Likely need a dev to help you make these changes if you don’t understand that code above.

    3

    Thanks Kieran, I have some mild ability to code, so will see. Otherwise will engage a dev. Thanks for the reply.

    4

    Hi, Jason, would you please share your experience finally how to fix the problem missing H1? I have same problem for my store when I use Craft Theme.