Trik Auto Heading H1 so that become Heading Article

Trick Auto Heading H1 so that become Heading Article - Basically H1 tag is the main thing that concerns the search engine compared to H2, H3, H4. Put the H1 tag on the title of the article would be more effective than putting it in the title of Home blog. The main objective is the article indexed in search engines. Setting the default template blogger certainly put in the H1 Tag Title Home blog, so you will need to modify the template so that article SEO Friendy.

How to change the title of the article become the H1 tag, consider these steps carefully to avoid mistakes in the application.

Go to the blogger account. on the dashboard, select and click > Template > Edit HTML. Find the code below :

<b:includable id='post' var='post'>
  <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>

    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>

Replace with the code below :

<b:includable id='post' var='post'>
  <div class='post hentry'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <b:if cond='data:post.title'>
        <h1 class='post-title entry-title'>
          <b:if cond='data:post.link'>
            <a expr:href='data:post.link'><data:post.title/></a>
            <b:else/>
            <b:if cond='data:post.url'>
              <b:if cond='data:blog.url != data:post.url'>
                <a expr:href='data:post.url'><data:post.title/></a>
                <b:else/>
                <data:post.title/>
              </b:if>
              <b:else/>
              <data:post.title/>
            </b:if>
          </b:if>
        </h1>
      </b:if>
      <b:else/>
      <b:if cond='data:post.title'>
        <h2 class='post-title entry-title'>
          <b:if cond='data:post.link'>
            <a expr:href='data:post.link'><data:post.title/></a>
            <b:else/>
            <b:if cond='data:post.url'>
              <b:if cond='data:blog.url != data:post.url'>
                <a expr:href='data:post.url' expr:title='data:post.title' target='_blank'><data:post.title/></a>
                <b:else/>
                <data:post.title/>
              </b:if>
              <b:else/>
              <data:post.title/>
            </b:if>
          </b:if>
        </h2>
      </b:if>
    </b:if>

Find the code below :

  <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>

Replace with the code below :

 <b:if cond='data:blog.pageType != &quot;item&quot;'>
                <h1 class='title' style='background: transparent; border-width: 0px'>
                  <b:include name='title'/>
                </h1>
              <b:else/>
                <p class='title' style='background: transparent; border-width: 0px'>
                  <b:include name='title'/>
                </p>
              </b:if>

Catatan :
Remember re-edit your post CSS template. setting CSS .post h1, .post h2 or .post h3.