How to change missing h1 tag in blogger after uploading image header

Table of Contents

If you upload blogger template and lost H1 tag when upload header image. Heading dinamic is recomended by Seo and we must follow seo practice for improvement in search engines. Dinamic heading is h1 for the homepage and h1, h2....h6 for other pages in blogger for rank fator in search engines what the main to know what inside articles.

For blogger this is solution, replace below code between the header tag

<!--Show the image only-->

      <div id='header-inner'>

        <a expr:href='data:blog.homepageUrl' style='display: block'>

          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

        </a>

Related: loading

And replace with below code

<!--Show the image only-->

      <div id='header-inner'>

        <b:if cond='data:blog.pageType != &quot;item&quot;'>

        <h1>

        <a expr:href='data:blog.homepageUrl' style='display: block'>

          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

        </a>

        </h1>

<b:else/>

        <p>

        <a expr:href='data:blog.homepageUrl' style='display: block'>

          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

        </a>

        </p>

         </b:if>

Upload your header image and choose save your template editor in your blogger dashbord.