Fix an Empty H1 Tag

[mOONbOOTS]

Hello,

Why does the Dawn theme wrap the logo in an h1 tag, and should I change it to a div?

[Dan-From-Ryviu]

You can add this code before </h1> to fix this issue 

{% if template == 'index' %}
<span class="hidden">{{ shop.name }}</span>
{% endif %}

[mOONbOOTS]

Hi! Thank you for the prompt reply.

Is that better than changing <h1 class="header__heading"> to <div class="header__heading">?

[Dan-From-Ryviu]

It will become a missing H1 issue if you change it like that instead of an empty H1 issue. 

[mOONbOOTS]

What if make the image banner text an h1? Then it should be good, right?

Right now, I have a notification from an SEO audit that says I have multiple h1’s because I made the image banner text an h1 and then realized Dawn wraps the logo in an h1 tag.

[Dan-From-Ryviu]

It could be, but if you have more than one image banner, you get a duplicate H1 tag issue. 

[mOONbOOTS]

Thank you for your help!

[PageFly-Richard]

Hi @mOONbOOTS 

This is Richard from PageFly - Shopify Page Builder App

This is happening because of the theme is make sure your store will not missing any h1 tag to become SEO friendly.

If you already had your own h1 you can simply remove it for that page only. If you change the h1 tag to another tag, make sure all pages of your store already had the h1 tag.

Hope this can help you solve the issue 

Best regards,

Richard | PageFly 

[mOONbOOTS]

Thank you for your help!