Make Post Title Before Blog Title in Blogger

Posted by on
Blog title always comes first in blogger whenever you publish a post. To make the post title before blog title, you need to make a tweak in the template of the blog. You just need to replace few lines of codes to make the post title come first instead of blog title. Blogger puts Blog title first by default. Having a blog title first has some disadvantages in terms of traffic.

Post title before Blog title in Blogger


Advantage of Post title first in your blog- Search engines pick up the keywords of your post title rather than the blog title. Now because of this you will get a lot of traffic on your blog. Even I was not aware of this tweak, which cost me a lot of traffic. Then I realized and made the change. Now you will my post name first and then the blog title.Just look at the top of your browser.

Here are the codes that you need to change- 

Go to Template ----> Click on Edit HTML-----> Click on Proceed. These are initial lines of your template. Now look at the color codes which make your blog title first.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>

    <b:skin><![CDATA[/*

Now what you need to do is replace the Red Colored Code with this green Colored one-

 </b:if>
    <b:include data='blog' name='all-head-content'/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

Once you apply the code. Just save the template and open your website in a new tab. Open a post and notice the change on the top of your browser. It will show post title first. Google and other search engines will change results accordingly on the next crawl of your website.

Subscribe to the email list for more blogger Tweaks.

Comments

Post a Comment