How to Optimize Blog Post Titles in Blogger

How to Optimize Blog Post Titles in Blogger

August 29, 2022
blogger blog post optimization

In fact, each section of the page should be marked with tags from H1 to H6 is necessary to allow search engines to understand which ones are more important. 


However, with the advent of HTML 5, each section of the site should be assigned a header with an H1 tag, though in my experience this is all relative. 


In publications with the help of tags H builds a logical structure that makes it easier for readers to get acquainted with the material, and search engines will rank the article higher if the subheadings will be spelled out keywords. 


Today I'm going to show you how to optimize headers in Blogger blogs, specifically in posts, pages, gadgets, and shortcodes.


Blogger Optimizing headers in posts and pages

In all the blogs that show how to do this, I have seen the same option. This option is correct, but it can be done in a simpler way.


Optimization in new themes

  1. In the Control Panel, go to Theme - Edit HTML
  2. Press CTRL+F
  3. In the search box that comes up, type post-title entry-title and hit Enter

If you use Contempo, Soho, Notable then look for the code:
 <h3 class='post-title entry-title'>
      <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
        <a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
    </h3> 
It can occur several times, each time change it with the next HTML code:
<b:if cond='data:blog.pageType != &quot;index&quot;'>
    <h1 class='post-title entry-title'>
      <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
        <a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
    </h1>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<h2 class='post-title entry-title'>
      <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
        <a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
    </h2>
</b:if>
Save settings. 

If you have the Emporio theme then look for the code:
 <h3 class='post-title entry-title'>
              <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
                <a expr:href='data:post.link ?: data:post.url'>
                  <div class='snippet-container r-snippet-container'>
                    <div class='r-snippetized'>
                      <data:post.title/>
                    </div>
                    <b:if cond='data:post.title != &quot;&quot;'>
                      <div class='snippet-fade r-snippet-fade hidden'/>
                    </b:if>
                  </div>
                </a>
              <b:else/>
                <data:post.title/>
              </b:if>
            </h3>
It can occur three times, we need the third one. Change it to this code:
<b:if cond='data:blog.pageType != &quot;index&quot;'>
            <h1 class='post-title entry-title'>
              <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
                <a expr:href='data:post.link ?: data:post.url'>
                  <div class='snippet-container r-snippet-container'>
                    <div class='r-snippetized'>
                      <data:post.title/>
                    </div>
                    <b:if cond='data:post.title != &quot;&quot;'>
                      <div class='snippet-fade r-snippet-fade hidden'/>
                    </b:if>
                  </div>
                </a>
              <b:else/>
                <data:post.title/>
              </b:if>
            </h1>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<h2 class='post-title entry-title'>
              <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
                <a expr:href='data:post.link ?: data:post.url'>
                  <div class='snippet-container r-snippet-container'>
                    <div class='r-snippetized'>
                      <data:post.title/>
                    </div>
                    <b:if cond='data:post.title != &quot;&quot;'>
                      <div class='snippet-fade r-snippet-fade hidden'/>
                    </b:if>
                  </div>
                </a>
              <b:else/>
                <data:post.title/>
              </b:if>
            </h2>
</b:if>
Save settings.

 

Optimization in old themes

Next comes the old Blogger themes. You need to do everything exactly as with the new Contempo, Soho, Notable themes because their header markup is the same as the old themes. When you search for line post-title entry-title the code will occur more than once, you need a second one, just watch the video at the end of the post for details.

 Congratulations, you've just optimized the headlines in your blog posts and pages.

Video tutorial

Share by this in:

1 Comments:

avatar
Arnold December 26, 2023 at 8:52 AM

Thanks for sharing!