How to Change the Tag Heading H1, H2, and H3 Become SEO Friendly

How to Change the Tag Heading H1, H2, and H3 Become SEO Friendly - Each template has a different structure according to the template maker itself. Some only show beauty, some follow SEO Friendly Optimization . 

Fixing the heading tag structure will make the blog more SEO friendly and make it easier for search engine bots to index titles and the contents of articles that we have published.

Before you begin repairing heading tags in your blog template, it's a good idea to understand the meaning of H1, H2, and H3 heading tags first. The following is the definition of H1, H2, and H3 heading tags.

<h1> Blog Title or Title </ h1> 
<h2> Article Title or Post </ h2> 
<h3> Blogger Widget Title </ h3>

How to Change the Tag Heading H1, H2, and H3 Become SEO Friendly

After knowing and understanding the meaning of H1, H2, and H3 heading tags in your blog template, it's time to start learning how to change and improve your H1, H2, and H3 heading tags to be more SEO friendly. 

1. Log in to Blogger> Template ► Edit HTML> Find code <b: if cond = 'data: post.title'> if you find it replace <h3> to <h2>. The code may be more than 1, depending on each template. So it's all replaced.

<b:if cond='data:post.title'>
<h3> Change into <h2>
<b:if cond='data:post.link'>

...........................

...........................

</h3> Change into </h2>
</b:if>

Still with heading tags for the article title, look for the following code and then replace h3 to h2. Sometimes in some code templates there will be additional sentences itemprop = 'name' and use h1 tags, keep doing the same thing by changing it to h2.

<h3 class='post-title entry-title'>
<data:post.title/>
</h3>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>

Now change the heading tag for the widget, you are looking for the following code then replace H2 to H3. It doesn't matter if you don't want to change it, but to be more SEO friendly just change it. If there are more than one number, all.

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'>
<data:title/>
</h2>
</b:if>

2. Save your template after completing the tutorial above. 

Try to backup templates before you make changes to your blog's heading tag. This is done to anticipate errors when you change the heading tags in your template. 

May be useful

Share this article