Friday, October 26, 2012

Search Engine Friendly-Automatic Image Optmzation



Blogger should concern about the image optimization for their contents. It is as importance as text optimization which drives you a considerable traffic for your websites and helps to increase page rank for the search engines.

Moreover, you have to be careful when you select your image search keywords or image file name or caption name for search engines. It should not to look like ‘DGD45688.png’, it will be better for your SEO that likes ‘blogger-seo.png’.

 In the same way, you must have to be careful when you will optimize the alt tag of your image. It has also a huge impact on search engines. Image alt tag is used as the alternative text that explains about the image; it will be appear when the image can not be loaded.

As, you have already learned about the importance and method of image optimization. Now I will give you an automatic image optimizing java script. After adding the following java script, the images of your blog will also drive traffic for your blog. The java script is-


<script type='text/javascript'>
//<![CDATA[
jQuery('a').each(function() {
    // Let's make external links open in a new window.
    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");
    }
});
jQuery('a').each(function() {
    // Let's make external links open in a new window.
    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");
    }
});
$(document).ready(function() {
  $('img').each(function(){
    var $img = $(this);
    var filename = $img.attr('src')
    $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
});
$(document).ready(function() {
  $('img').each(function(){
    var $img = $(this);
    var filename = $img.attr('src')
    $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
});
//]]>
</script>

Now copy the above blue colored java script and pest it above the </body> tag in your blogger HTML section. Then click on the save template.

Your Blog is now completely and perfectly image search engine friendly optimized. Don’t worry, it is 100% proved.



Thank you.



No comments:

FreeWebSubmission.com SubmissionMonster.com