Edit Blogger Title Tag Into SEO Friendly Title

One of the techniques that are recommended by SEO experts in order to put your blog on the top position in Search Engine Result Page (SERP) is to change the page’s title tags. It appears at the top left of your browser and to inform search engines about a page (s). By default Blogger.com put your title blog first, then your page title on the top left of your browser.

The purpose of this tip is to change the structure of your blog title by putting the title of your page first then title of your blog, by this your blog will be more SEO friendly blog. If the title tag doesn’t accurately describe the page content, then that page will be downgraded by the search engine algorithm. In other word, that page gets a lower search engine placement than it might otherwise deserve. The look of the tip will be like this at your browser:



And will appear like this in SERP:



So, search engine bot will index your title page first then your blog, this is useful trick if your want your blog appear often in SERP. Here is the steps:

1. Go to your layout, and then edit html

2. Firstly tweak your “Expand Template Widget”

3. And then find this:

<title><data:blog.pagetitle/></title>

4. Change the above code with the following code:


<b:if cond="'data:blog.pageType">
<b:section id="'titleTag'">
<b:widget id="'Blog2'" locked="'false'" title="'Blog" type="'Blog'">
<b:includable id="'comments'" var="'post'/">
<b:includable id="'postQuickEdit'" var="'post'/">
<b:includable id="'main'" var="'top'"><title><b:loop values="'data:posts'" var="'post'"><b:include data="'post'" name="'post'/"></b:loop> ~ <data:blog.title/></title></b:includable>
<b:includable id="'backlinkDeleteIcon'" var="'backlink'/">
<b:includable id="'feedLinksBody'" var="'links'/">
<b:includable id="'backlinks'" var="'post'/">
<b:includable id="'status-message'/">
<b:includable id="'feedLinks'/">
<b:includable id="'nextprev'/">
<b:includable id="'commentDeleteIcon'" var="'comment'/">
<b:includable id="'post'" var="'post'"><data:post.title></data:post.title>
</b:includable>
</b:includable>
<b:else>
<title><data:blog.pagetitle/></title>
</b:else>


5. Save your template.