Make seo optimized template blogger with meta title tags

In this article i will like to share how to Make blogger template seo optimized using simple five steps, Make your template seo optimized using my tutorial so that you can gain good google page rank . you can also have a look on my previous articles on make custom error pages for your blogger loads faster and quick, Add bubble numbered count for the comments in blogspot, Keyboard button effect for all blogger and wordpress users . ok further tricks can be searched in my blog. lets get into seo optimization.

I Divided the tutorial into five steps so that you can powered your blogger template with this powerful meta tags so that it can get into search engine fastly with in no time i mean less time. the steps which you can made seo optimization as as follows:

The seo optimized template techniques are as follows:

1. SEO optimized meta tags and titles
2. Seo optimized Archieves
3. SEO optimized Labels
4. seo optimized Comments
5. seo optimized page loading 

Before going to edit template backup your template so that you can retrieve it back if you want so. to edit template simply login to your blogger > left side bar select Template > now Click on Edit Html .
Step 1 : SEO OPTIMIZED META TAGS AND TITLES:
 I have developed few codes which collected from internet and made few changes so that users can understand it properly so i made this in two parts 1)static metatags 2)dynamic metatags

• Static Meta tags : These are few lines of code you have to add in your template before </head> tag you can find complete tutorial on how to make blog seo optimized here. ( i want to give tutorial on dynamic tags so please go to link if you want static tags).
• Dynamic Meta Tags : This is best part to drive huge traffic to your blog and make your blog responsive too to do so follow my below steps
  
  1. Search for the tag below

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

  2. Now replace the above tag with below code

  <!--[Meta Title ErrorPage/404]-->
  <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  <title>404: Sorry the page you are looking is not found | Your_BlogName</title>
  </b:if>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
  <!--[Meta Title Search Page]-->
  <b:if cond='data:blog.searchQuery'>
  <title>Keyword search for :: <data:blog.searchQuery/> :: | Your_BlogName</title>
  </b:if>
  <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  <!--[Meta Title Archive Page]-->
  <title>Post Archive by Month <data:blog.pageName/> | Your_BlogName</title>
  <!--[Meta Description Archive Page]-->
  <meta expr:content='&quot;Post Archive by Month &quot; + data:blog.pageName + &quot; learn more please visit &quot; Your_BlogName &quot;' name='description'/>
  <b:else/>
  <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <!--[Meta Title Pages]-->
  <title><data:blog.pageName/> | <data:blog.title/></title>
  <!--[Meta Description Pages]-->
  <meta expr:content='data:blog.pageName + &quot;. Please read the article &quot; + data:blog.pageName + &quot; learn more please visit Your_BlogName &quot;' name='description'/>
  <b:else/>
  <!--[Meta Title Label Page]-->
  <b:if cond='data:blog.searchLabel'>
  <title>Search for Label :: <data:blog.pageName/> :: Your_BlogName </title>
  <!--[Meta Description Label Page]-->
  <meta expr:content='&quot;Search for category ::&quot; + data:blog.pageName + &quot;:: learn more please visit Your_BlogName &quot;' name='description'/>
  <b:else/>
  <!--[Meta Title Homepage]-->
  <title><data:blog.pageTitle/></title>
  <!--[Meta Description Homepage]-->
  <meta expr:content='data:blog.pageTitle + &quot; Write your blog description here.&quot;' name='description'/>
  </b:if>
  </b:if>
  </b:if>
  <!--[Meta Keyword Homepage]-->
  <meta content='keyword11, keyword12, etc' name='keywords'/>
  <b:else/>
  <!-- Meta Title Post Page -->
  <title><data:blog.pageName/> - <data:blog.title/></title>
  <!--[Meta Description Active Post Page]-->
  <b:if cond='data:blog.metaDescription'>
  <meta expr:content='data:blog.metaDescription' itemprop='description'/>
  <b:else/>
  <!-- Show if the Meta Description post Page is not active-->
  <meta expr:content='data:blog.pageName + &quot;. Please read the article &quot; + data:blog.pageName + &quot; learn more please visit Your_BlogName &quot;' name='description'/>
  </b:if>
  <!--[Meta Keyword Post Page]-->
  <meta expr:content='data:blog.pageName + &quot;, keyword11, keyword12,etc&quot;' name='keywords'/>
  </b:if>

  3. No need to worry of editing any thing in above tag as its dynamic automatically fetches your blogger name,tittle,labels ..etc But replace keyword11, keyword12,etc with your keywords, and replace Write your blog description here. with your description, Your_BlogName with your blog name ( as keyword ,Blog name and description depends on blog i cant make it as dynamic so do your self).

Step 2: SEO OPTIMIZED ARCHEIVES :
As far the archieves should should also be seo optimized as our previous posts will be in archieved so to do so for better seo rank of your blog we need to optimize archieves also to do so follow below steps

1. Find the below code in your template

<a class='post-count-link' expr:href='data:i.url'>

2. Now replace the above code with below

<a rel="archives" class='post-count-link' expr:href='data:i.url'>

3. Now your blog is having seo optimized archieves

Step 3 : SEO OPTIMIZED LABELS:
  We all know that labels play a key role in search engines which should perfectly match with the keywords so we need to optimize the labels for better seo see below steps to achieve this

1. search for the below code in your template

<a expr:href='data:label.url'

2. Now remove code and paste below code in to your template

<a expr:href='data:label.url' rel='tag'

3. Now the labels are optimized

Step 4: SEO OPTIMIZED COMMENTS:
I can say that comments are best part for better traffic as its having text filled by users so that our blog content increase and we can have lots of tags from the users comments to make use of this we need to optimize this for better seo so do the changes as below

1. Check for the below code in your blogger template

expr:href='data:post.createLinkUrl'

2. Now delete above code and add below code

rel='external nofollow' expr:href='data:post.createLinkUrl'

3. Now the comments are optimized for better seo

Step 5: SEO OPTIMIZED PAGE LOADING : (optional) (lazy load for blog)
Page loading plays a key role in seo as the page loads fast your page having more seo points so that it can get into search engine fastly as well users wont get irritate as our page loads fastly to optimize our web page loading we need to do have changes as mention right below:

1. Just keep the code which located below with in <head> </head> tag still get confusion just add below code before </head> tag
2. code located here

     <script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
    <script src='http://gugly4u.googlecode.com/files/lazyload-min.js' type='text/javascript'/>
    <script charset='utf-8' type='text/javascript'>
    $(function() {
    $(&quot;img&quot;).lazyload({placeholder : &quot;http://gugly4u.googlecode.com/files/dot.gif&quot;,threshold : 200});
    });
    </script>

3. Now save your template

Note : On end of every step save your template
Now your blog template is seo optimized see my posts on how to  increase pageviews of your website here , hope you like our article .