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

Technical Q&A
,
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.