How to make my blogger template SEO optimized ? If you are seeking 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 SEO techniques is really a crucial thing because it shows how your site is going to be crawled by crawler and then indexed. As we all know that after the updating its terms Google's main priority is quality content irrespective to optimization of search engine techniques. Though we still can do better in search engine results by implementing some chunks of codes in our blogger template. Let's see how we can apply these tips and tricks in our blogger template to make it Seo optimized.
How To Make Your Blogger Template SEO optimized
Most of the blogger templates are designed by the various designer and they try to create their template to look awesome but they forgot to make it seo friendly due to making it more user responsive. Have you edited your template ? if yes then you have might noticed that there aren't any meta tags available in those templates. So to get better search engines significance we must have to add Meta tags in our blogger template.
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.
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 == "index"'> <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
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.
Verify that you have ticked the correct option once again and then click on save button to save this.
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 !!!
That's it....!!! We hope that you'll follow all the steps carefully to make your blogger template SEO optimized. If you have any suggestions other than these ones then please let us know. We'll update this article by provided information from you..!!!
