Blogger Tutorial : How to Change Title Tags for Each Blog Post

Tweet

Pin It

Here's a technique that will help boost your SEO and SERP position for people like me who are using Blogger as their blogging platform.

How to Change Title Tags for Each Blog Post

I noticed with my blog posts that they all have the same titles "Just Another Pixel - My Quest to Make Money Online and "Be Seen" on the Web". Blogger already has a fix for this, with the <data:blog.pageName/> tag. But, I found something that you might like better than this. Just look at my main blog page and my blog post pages.

I want to share with you how I did this.





Step # 1: Go to the Layout tab -> Edit Template HTML. Backup your template first by clicking on Download Full Template.
You should always back up your template so you can revert to it anytime you make a mistake.

Step # 2: Look for this tag: <data:blog.pageName/>.
If you can't find it, most probably you're using a customized template like me. So, just look for this tag - <data:blog.pageTitle/> or the <title> </title> tags.

Step # 3: Replace the tags mentioned on Step #2 with this code:
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Important Note: If you have this code - <title><data:blog.title/></title> or <title>Blah Blah</title>, you MUST replace them completely with the codes on Step #3.

Now, you can also add something to the post page titles, like what I did with mine:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> ( Just Another Pixel by blankPixels )</title>
</b:if>

SAVE YOUR TEMPLATE.

That's it! Now each blog post page will have the blog post title as their browser title with your site's name and your alias with it, too! Cool, huh?

I got this from Blogger Buster and just made some changes with it to suit my needs.