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.
<div class="intro-header big-img" xxx>
<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("images/europa.jpg");">
<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 bigimg
s are being created.