halogenica/beautifulhugo

H1 Header Tag Usage

hugo-mcfrojd opened this issue · 3 comments

When i try my page with a SEO optimizer it complains about "H1 Header Tag Usage"

Your page has more than one H1 Tag. It is generally recommended to only use one H1 Tag on a page.
The H1 Header Tag is an important way of signaling to search engines what your content is about, and subsequently the keywords it should rank for.

I use bigimg on my landing page and when i look at the generated html code i see that there is 2 div classes in the code.

  1. <div class="intro-header big-img" xxx>
  2. <div class="intro-header no-img">

Which contains my h1 header tag twice.

<header class="header-section has-img">

      <div class="intro-header big-img" style="background-image: url(&quot;images/europa.jpg&quot;);">
        <div class="container">
          <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
              <div class="page-heading">
                <h1>HUSBILEN DORIS</h1>
              </div>
            </div>
          </div>
        </div>
        <span class="img-desc" style="display: none;"></span>
      </div>
    
    <div class="intro-header no-img">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
            <div class="page-heading">
                <h1>HUSBILEN DORIS</h1>
                <hr class="small">
            </div>
          </div>
        </div>
      </div>
    </div>
  
  </header>

My guess is that the <div class="intro-header no-img"> should only be rendered when NOT using bigimg?

Is there a way to change this, or is this by design?

Did you check the source template on how the site is generated, to see if there might be a bug in the code?

When you say the "source template" do you mean the BeautifulHugo template?
I am using BeautifulHugo as an imported module.

Yes I mean the Beautiful Hugo Template source files, because no matter if you are using git submodules or hugo modules it should be using the files on github. I assume there might be a logic error in the files where bigimgs are being created.