How To Make Your Blogger Template SEO Optimized

How to make my blogger template SEO optimized ? So you were seeking for this question then you are at right place. So Whenever we create our blog we always search a SEO friendly template. We seek for the best SEO optimized template so that our blog can perform better in Search engines Results. Optimizing the blogger template with proper search engine optimization strategies is clearly a crucial component as it shows how your website online goes to be crawled via crawler after which listed. As all of us recognize that when the updating its phrases google's fundamental priority is best content material irrespective to optimization of search engine strategies. Even though we still can do higher in search engine effects by enforcing some chunks of codes in our blogger template. Let's examine how we are able to practice those pointers and hints in our blogger template to make it seo optimized.

How To Make Your Blogger Template SEO optimized

Maximum of the time blogger templates are designed through the various dressmaker and they are trying to create their template to appearance splendid but they forgot to make it seo friendly due to making it greater consumer responsive. Have you ever edited your template ? If yes then you have may observed that there aren't any meta tags available in those templates. So as to get higher search engines like google and yahoo importance we need to need to add meta tags in our blogger template.
How-To-Make-Your-Blogger-Template-Seo-Optimized

Adding Meta Tags in Blogger Template

Before moving to the editing section of our blogger. First and foremost thing is to take a backup of your template. After taking backup then you're ready to go....!!!

Step 1:- Go to your Site>>> Template>>> Edit HTML>>> Proceed

Step 2:- Search for the <head> tag in your template by pressing CTRL+F .

Step 3:- Paste the following code below the <head> tag.
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
<meta content='Your_Site_Description_Here' name='description'/>
<meta content='Your_Site_Keywords_Here' name='keywords'/>
<meta content='all' name='robots'/>
<meta content='global' name='distribution'/>
<meta content='5 days' name='revisit'/>
<meta content='5 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='index, follow' name='robots'/>
<meta content='en' name='language'/>
<meta content='ENTER YOUR NAME HERE' name='Author'/>
<meta content='ENTER YOUR E-MAIL' name='Email'/>
<meta content='blogger' name='generator'/>
<b:include data='blog' name='all-head-content'/>
<link href='https://plus.google.com/u/0/YOUR ID/' rel='author'/>

Replace Your_Site_Description_Here to your site description. But should not be exceed 60 characters.
Replace Your_Site_Keywords_Here to your site keywords with 10 to 15 words that relate to your site niche.
Replace ENTER YOUR NAME HERE with your name.
Replace ENTER YOUR E-MAIL with your Email.
Replace  with your Google plus id.

Adding H2 Tag in your Blog Post Title

Using H2 tags for the post title on Homepage is really a best way to drag the notice of crawler to search your post titles properly and make them visible in search engine results. If you notice your Blog post title on homepage then they are mostly in H3 tags so use the optimized code and replace it with the existing code in your blogger template. The code may be looked like below code in your template.
Step 1:-  Go to your Site>>> Template>>> Edit HTML>>> Proceed

Step 2:- Search the below code.....

<h3 class='post-title'> 
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/><b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/> 
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>

And when you find the above code or similar to one then replace it with following code:-

<h2 class='post-title'> 
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/><b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/> 
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>

Now after replacing the code you have optimized your Blog post title which is generally in h3 tag on your Homepage will show in optimized h2 tag title in terms of better searching experience.

Adding Optimized Blogger Post titles

If you have notice on the URL bar then you'll find that your Post title will show first and then your Homepage title after that then it means you have optimized Blogger post titles. But if its showing only Homepage name (title) or Post Url name then you have to replace with the below code.
For example if you are seeing "MyBlogging - How To Make Your Blogger Template SEO Optimized " or "How To Make My Blogger Post SEO Friendly" only then it can be crucial as per the search engines indexing. So its better to change with optimized code.

Step 1:- Go to the Blogger Template>>>Edit Html>>>Proceed.
Step 2:-Search for <title><data:blog.pageTitle/></title> (Mostly on the top of template)

Step 3:- Now replace it with the below code:-
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

That's it now you can save your template and see the result of its working.

Adding Robots.txt in your blogger

Default Robots.txt in blogger is not well designed thus it makes search everything in your blogger blog. Which will create a problem of duplication to escape from this situation change your robots.txt with following so that search engines crawl for better indexing.

Step:- Go to Blogger Settings>>> Search Preference>>> Custom Robot.txt. Edit it and check mark on "YES" and then paste the following robots.txt 

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
User-agent: Googlebot-Mobile
Allow: /
User-agent: Adsbot-Google
Allow: /
Sitemap: http://www.yourblogname.blogspot.com/feeds/posts/default?orderby=UPDATED

Change the URL  http://www.yourblogname.blogspot.com with your blog name and the save it.

Adding the Custom Robot Header Tags

Custom robot header tags can also decide in your blogger blog that which pages, posts should be crawled or which one should not be crawled by Search engines. We are going to avoid the archive pages and labels by using the below header tags.

Step:- Go to Blogger Settings>>> Search Preference>>> Custom Robot header tags. Edit it and check mark on "YES" and then follow the following steps to tick the correct option.
How To Make Your Blogger Template SEO Optimized

Verify that you have ticked the correct option once again and then click on save button to save this.

Adding SEO optimization Script

This is the bonus trick you can say. Adding this script in your Blogger template will make all no-follow external links to open in another tab and will make them no-follow to crawlers. It'll also create the title and alt tag for all the images for better seo optimization in your blogger blog. So use this script and make your blogger template more seo optimized.

Step:- 1. Go to your Site>>> Template>>> Edit HTML>>> Proceed.

Step:- 2. Search for the </head> tag in your template by pressing CTRL+F

Step:- 3. Paste the following code above the </head>  tag.
 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'>//<![CDATA[ jQuery('a').each(function(){// Let's make external links open in a new tab. var href=jQuery(this).attr('href');if (typeof href !='undefined' && href !="" && (href.indexOf('http://') !=-1 || href.indexOf('https://') !=-1)&&href.indexOf(window.location.hostname)==-1){jQuery(this).attr("target", "_blank");}});//]]></script> <script type='text/javascript'>//<![CDATA[ jQuery('a').each(function(){// Let's make external links nofollow. var href=jQuery(this).attr('href');if (typeof href !='undefined' && href !="" && (href.indexOf('http://') !=-1 || href.indexOf('https://') !=-1) && href.indexOf(window.location.hostname)==-1){jQuery(this).attr("rel", "nofollow");}});//]]></script> <script type='text/javascript'>//<![CDATA[ $(document).ready(function(){$('img').each(function(){var $img=$(this);var filename=$img.attr('src') $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));});});//]]></script>

Step:- 4. Now save your template by clicking on Save button.

Final Words !!!

It really is it....!!! We are hoping that you will comply with all the steps cautiously to make your blogger template seo optimized. When you have any pointers aside from those ones then please allow us to know. We're going to update this text via supplied statistics from you..!!!

1 comment: