How to fix Google webmaster duplicate meta descriptions in blogspot

Google web master tool provides collection of tools for analyze the web/blog. Among those tools, HTML Improvements reports HTML errors on web/blog and provides suggestions to overcome those errors.
If you are new to Google webmaster, please look at Optimization --> HTML Improvements.
Most common error web masters are facing is duplicate meta description.

Most probably reason for that is, you have inserted same description meta tag on each and every page of the web/blog.Solution for blogspot blogs are really simple, you can find solution from here including blogger meta description best practices .  

If you are non-blogspot web master, please check your individual web page meta description ,
and make sure to remove duplicate  meta description tag  if it is there and create page specific
description that reflect your page content as description meta tag.


---

After 1 and 1/2 month time

blogger meta description best practices

When creating a brand new blog, it's really important to insert meta tags on the bloggspot site such as title, keywords, description, robots ... etc.The major search engine such as google is intelligent enough to create relevant keywords for the blog/site by crawling the page. so what is the point of adding keyword meta tag to site ?? It is not really important perspective to Google. however other search engine may be use keyword meta tag, so do not forget to add keyword meta tag.  

The description meta tag plays major role on Google page ranking. don't forget Google own more than 60% percent of search engine traffic.Traditionally we are used to adding meta tag to blogger site similar to below by editing the html code of the blog.

 <meta content='your site Title is here' name='title'/>
 <meta content='your site keyword is here' name='keyword'/>

But what happen if you do the same for description tag ?? If you do that, every page of your blog has same description and search engine refuse to index those page by considering they have same content.so I'm going to discuss best practices of creating meta description to your blog.

* Adding Global meta description

1) Write a blog/web description

Take your time and create best description that is suitable to your site. it should be clear and concise with characters of 80 - 100.

2) Login to blogger site

so let's take advantage of blogger inbuilt tool of putting meta description.
 go to Setting --> Search preference --> edit Description and save. Use blow screen capture for your reference

* Adding meta description for each post

3) So now you have successfully added global  description to your blog. next thing is, put a description to each blog post.It's so simple. go to Post --> click "edit" which post you want to add description
find "Search Description" field from left hand side panel, insert you page description, now you are done.

Tip:- your page description should be the summary of the post. Remeber to add as much as keyword when you writing that summary ( to find relevant keywords use Google Adwords tool)
you can verify each meta tags including description meta tag using below tool.
http://www.submitexpress.com/analyzer/


4) happy blogging :)

Adding categories and sub categories to blogspot

 At the moment of writing this tutorial,  there is no way to add sub categories to blogspot, may be in future blogger will add this feature . To implement this feature needs to edit  HTML code of your template

[1] Take backup of your blog. 

Click " Settings  --->  Other --> Export blog " , and download the backup of your blog post , you can even can take template backup also.

[2] Edit HTML code of  your blog

Click " Template" --> "Edit HTML" , and you will get HTML code of template .
find a line similar to the following, it should be within first 10 -15 lines of code.
<b:skin><![CDATA[/* 

then add the following code before to above line.
<script src='http://blogcat.site40.net/dtree.js' type='text/javascript'/> 

final output should be similar to following
<script src='http://blogcat.site40.net/dtree.js' type='text/javascript'/> 
<b:skin><![CDATA[/*

[3] Adding JavaScript for Subcategories

go to "Layout" click " add a Gadget "  then choose " HTML/JavaScript " gadget and paste the following code and save the template.

//start


<style type="text/css">

.dtree {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 15px;
width:480px;
color: #000;
white-space: nowrap;
}
.dtree img {
border: 0px;
vertical-align: middle;
}
.dtree a {
color: #333;
text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
white-space: nowrap;
padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
color: #333;
text-decoration: underline;
}
.dtree a.nodeSel {
background-color: #c0d2ec;
}
.dtree .clip {
overflow: hidden;
}

</style>
<div class="dtree">


<script type="text/javascript">
<!--

d = new dTree('d');

d.add(0,-1,'Blog Categories'); //
d.add(1,0,' '); //
d.add(100,1,' ','','');  //
document.write(d);
//-->
</script>
</div>

//end


Now, it is done !

d.add(0,-1,'Blog Categories');
d.add(1,0,' ');
d.add(100,1,' ','','');  

please make sure to edit(fill the parameters) above highlighted lines of code according to your blog, otherwise this will not work. Please refer following code explanation.

JavaScript Code explanation

bellow is example code I'm using on my blog. now I'm going to explain the code. all my explanation are bold italic

all the categories are staring from 1 and topics are staring from 100
/*category index 0-99
0 - Blog categories
1 - OpenCV
2 - Linux
3 - Networking stuff

topics start 100..
*/

explanation for d.add() functions and it's parameters
d.add( index , parent index , topic , topic URL  , brief description of the topic ) .this is very simple explanation. you can learn more about from this link http://www.destroydrop.com/javascripts/tree/api/


d.add(0,-1,'Blog Categories');
d.add(1,0,'OpenCV'); //OpenCV category
d.add(100,1,'OpenCV installation','http://techtute.blogspot.com/2011/01/opencv-22-installation-on-visual-studio.html','opencv 2.2 installation on visual studio 2008');

d.add(101,1,'Negative Images','http://techtute.blogspot.com/2011/06/negative-background-images.html','negative background images');

d.add(102,1,'Positive Images','http://techtute.blogspot.com/2011/06/haartraining-positive-samples.html','haartraining positive samples');

d.add(103,1,'opencv haartraining','http://techtute.blogspot.com/2011/06/opencv-haartraining.html','opencv haartraining steps');




If you have followed above steps correctly, you will get an output similar to the following :) .
You can find live demonstration top right hand under name as " categories " 

set post title before blog title in blogger for better SEO

Default blogspot template title structure is  " Blog Title | Post Title ". Appearing blog title before the post title will cause to get low clicks to your content through search engine, because post title provide summary of post/article content not the blog title. So let's change this default behavior .

click on the " Template "  --> " Edit HTML "  --> " Proceed " .
find following line of code

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

and replace the above line with following code

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> |
<data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

save the template, Now blogspot template title structure should be changed into " Post Title | Blog Title "  . please note this takes some times to change on search engine, later you can verify it, from  following Google query.
site: yourblog.blogspot.com 
below is example output of ,  site:techtute.blogspot.com