Title tag plays the most important role for search engine optimization. Creating a unique title tag for each page of your website or blog will no doubt help you rank well with major search engines such as Google, Yahoo, and MSN ( Micro Soft Network). So let us begin.
- First login to your Blogger account, click on Layout/Edit HTML. Backup your template by clicking on Download Full Template. See the screenshot below:
- Second click to mark off the check box which is next to Expand Widget Templates.
- Next holding Ctrl and hit F to find <title><data:blog.title/></title> line, and replace the following code with this line. It allows you to swap your post title with your blog title. Your title tag will look like post title | blog title; thus achieving search engine optimization.
<b:if cond='data:blog.pageType == "item"'>
<b:section id='swaptitle'> <b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'> <b:includable id='nextprev'/> <b:includable id='backlinks' var='post'/> <b:includable id='post' var='post'> <title> <data:post.title/> - <data:blog.title/> </title> </b:includable> <b:includable id='commentDeleteIcon' var='comment'/> <b:includable id='status-message'/> <b:includable id='feedLinks'/> <b:includable id='backlinkDeleteIcon' var='backlink'/> <b:includable id='feedLinksBody' var='links'/> <b:includable id='postQuickEdit' var='post'/> <b:includable id='comments' var='post'/> <b:includable id='main' var='top'> <b:loop values='data:posts' var='post'> <b:include data='post' name='post'/> </b:loop> </b:includable> </b:widget> </b:section> <b:else/> <title><data:blog.pageTitle/></title> </b:if> |
If the above code works then you are half-way done! I use Minima Stretch template. It would not allow me to save the code. An error kept showing up"Your template is invalid because the tag 'b:section' appears inside of the tag 'head'."; so I have to insert the code above <head>; which works fine for me.
- Next holding Ctrl and hit F again to find <b:include data='blog' name='all-head-content'/> line, and place the following code right after it. It adds meta description and meta keywords to your blog.
<b:if cond='data:blog.url == "http://yoursitename.com/"'> <meta content='Your title tag description for your blog goes here.' name='description'/> <meta content='Your keywords for your blog go here.' name='keywords'/> </b:if>
|
You probably already know that the above code is for your main page title. Make sure you change http://yoursitename.com/ to be your own url; add your own meta description in <meta content='Your title tag description for your blog goes here.' name='description'/> and type in your own keywords in <meta content='Your keywords for your blog go here.' name='keywords'/>.
- Every time when you create a new post, you must add the following new code right after the above one. You will not know the url of your post until you publish it. You'll have to do the same procedure as above:<b:if cond='data:blog.url == "http: //yoursitename.com/2008/03/yourpostname.html"> <meta content='Your title tag description for your post goes here.' name='description'/> <meta content='Your keywords for your post go here.' name='keywords'/> </b:if>
Changing http://yoursitename.com/2008/03/yourpostname.html to be your own url of your post, adding your own meta description in <meta content='Your title tag description for your post goes here.' name='description'/> and type in your own keywords in <meta content=Your keywords for your post go here.' name='keywords'/>. By doing these editions, you will create a unique title tag, a unique description, and unique keywords for your individual post.
Update: Although the above method works for me, it is too much trouble to add a title and description each time after posting a new article. There is a better way to optimize your New Blogger. See this article to find out how: How to Change Title Tags for Your Blog.
0 comments: