Missing H1 tag on Product page

Highlighted
New Member
4 0 0

Hi community,

Most of topics with missing H1 tag are about homepage. Hopefuly i do not have problem with it, but all SEO checkers say that H1 tags are missing on my product page.

Using Shopify product editor and marking text as H1 do not change nothing. Can you help me resolve this issue? Do i have to change something in product-template.liquid ?

I would like to see my H1 tag equal as a product title

I am using ELLA by HaloThemes

https://depor8.com

Regards,
Jakub

0 Likes
Highlighted
New Member
4 0 0

So i have found a resolution, which worked in my case

If your H1 tag directs you to your logo or SEO checkers says that H1 tag is missing you can go to your header.liquid and change <h1 class> to <dev class> and </h1> to </dev>

 

 

 

<h1 class="header-logo col-xs-12 col-sm-4">
              SOME SECTIONS
            </h1>

 

 

and than go to your product-template.liquid and change <h2> to <h1>

 

<h2 itemprop="name">
              {% if settings.enable_multilang %}              
              <span class="lang1">{{ product.title | split: '|' | first }}</span>
              <span class="lang2">{{ product.title | split: '|' | last }}</span>
              {% else %}
              <span>{{ product.title | split: '|' | first }}</span>              
              {% endif %}
            </h2

 

 

I can not get responsibility if in your case something would go wrong o won't work, so always do a backup!!

0 Likes
Highlighted
New Member
4 0 0

Ok it has showed that it is only PARTIAL success

Changing <h1> to <dev> in header/logo, removed all H1 tags from MAIN PAGE.

Any ideas how to fix it? And to restore H1 tag on mane page and have H1 tag on a product page as a product title?

0 Likes
Highlighted
New Member
4 0 0

I guess it has helped:

 

Manually adding the tag

If do not use a slide show on your homepage, you can manually add an <h1> tag using these steps:

    Open index.liquid by clicking here or opening the code editor.
    At the top of the file, enter <h1 class="custom-h1">Your text here</h1>
    Next, open your styles.scss.liquid and add this code to the end of the file:
    h1.custom-h1 { font-size: 10px; position: absolute; top: -9999px; left: -9999px; }

 

 

 

Solution found -> help.outofthesandbox.com/hc/en-us/articles/115006912187-How-do-I-set-up-and-define-the-h1-tag-on-my-homepage-


But if someone would like to check some SEO on my website, please do not hesitate...

Regards

0 Likes
Highlighted
New Member
4 0 0

Hello all the shopify gurus. I am having so much fun "NOT" trying to figure out how to resolve this message "16 pages without H1 Tag" . I am still a novice when it comes to HTML and JAVA can anyone help me how to resolve this issue. I dont know how to find each of these pages to add h1 tag. Basically I see the URL which is taking from the main collection to each of the categories. so If I have a main "Collection" then from there it takes it to lets say "Rings" collection where or how do I find this page to add h1 tag? I hope someone can help me and guide me to the right direction. If I try to open the URL it takes me to some CDN.shopify.com/s/files . Thank you

0 Likes
Highlighted
New Member
3 0 0

Hello , 

 

We are experiencing the same issue with a missing H1 tag . One H1 Tag reflects the title and the other shows an empty piece. 

 

<h1 id="title-page" class="hide">Mouthguards</h1>

<div id="mfilter-content-container" class="grid"><div class="category-info clearfix"><h1><br></h1></div><div class="product-filter clearfix">

0 Likes
Highlighted
New Member
3 0 0

Does anyone have an idea how we fix this empty H1 Tag as it shows up in 4 collection only? 

0 Likes