SEO Optimize Your Blogger Blogspot Using Simple 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.
Web-tuts.com
ReplyDeleteGet Current Date Month Year in React js
ReplyDelete