Welcome to InfoExpo - "Explore the World of technology" ~ New: N-Tools | Make Money Online | Latest: Google DriveR | BigRock Discount ~ Guide On: Online Shopping


Thursday, May 23, 2013

Automatic SEO Setup for Blogger Blogspot Blogs

 Automatic SEO for  Blogger Blogspot Blogs

SEO is always a problem for Blogger Blogs, because of the absence of advanced and effective Plugins for Optimizing your blog for the search engines. Even though blogger is continuously trying to improve the SEO options available for Blogger users ,its not much effective as WordPress. So here is a new technique to automatically apply SEO for Links,Images etc in your entire website. The works by the JQuery coding trick.
This a simple JQuery code to be added to the head section of your blogger template. It is very effective and automatically does SEO works.

Related: Send Automatic Birthday Sms to friends
Related: Publish blog posts to facebook Groups & Pages automatically

How to apply:
  • Go to > Blogger Template
  • > Edit HTML
  •  Search for </head> tag
  • Now replace the </head> tag with the below code
<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>
</head> 

  • *Note: If your blog already contains any JQuery plugins just remove the green colors code from above script.
  • You are done...!
  • Now this will automatically turn your external links status to 'nofollow' and it add tags to Images of your Blog.




About Author:

Sreeraj Melath is a passionate blogger from India,
who makes technological experiments and writes to his readers. He enjoys writing on Technology,Computer,Software,SmartPhones and Mobiles niche.
He is Editor of this tech blog.

Follow him @ Google+ | Twitter




Buy Everything Online at Cheap Price


Get Free Updates to your Inbox
Follow us on:
facebook twitter gplus pinterest rss