Header Ads

SEO Optimize Your Blogger Blogspot Using Simple jQuery

Blogger SEO jQuery
I have shared many article related to SEO  in my older posts for helping newbie to make their blog much more search friendly and visitor’s attracting magnet , well if you are using WordPress platform then you doesn’t need to worry about SEO because there are available very useful and perfect plugins for making your blog optimized for SEO, but what for blogger/blogspot? however, blogger provide you to add description and custom permalink and more tools for optimizing SEO of your blogger blog, but it is not enough, also it’s depend on your blogger template designs, your post title must be in heading h2 for higher search results, i tried many things about it but today i found another jQuery script that easy to understand and install in to blogger blog, after adding this jQuery to your blog it will simply boost a lot of things, it will provide you with more higher search results, now if you are think that actually what will do this script for SEO optimizing your blog, after adding the jQuery in blog will open all external link’s into new window automatically, it will give automatic image title and alt tags and also it will make your all links to No-following (nofollow) links as well, so now just follow the below simple steps to know that how to add this jQeury to blogger blog. So as you should know that where to add jQuery and JavaScript codes in blogger. if you don’t know about it then no worry i’ll give the full tut for it but mind it for next time, all jquery and JavaScript code should be in under <head>……</head> tag in your blogs html,
  • So, as usual go to Blogger—>Template—>Edit HTML
  • Now search for </head> tag, and paste below code just above it.
<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>
  • Now if you blog have already jQuery plugin then remove red colored line from the above code.
  • So finally save your template and now your blog is optimized with automatic external links No-Following option, automatic image titling and alt tagging and opening all external links in new tab.
Please drop your comment and questions below… :)

2 comments:

Powered by Blogger.