Automatic Image Optimization Seo In Blogger

Automatic Image Optimization Seo In Blogger: Image Optimization is  most important Role in Blogger Seo, because a lot of people search for popular images and if the images you use on your blog start ranking, then you can get a lot of visitors.

How to Optimize Images in Blogger Automatically For SEO- This is done so that the picture on your blogger pages indexed automatically by the search engines like google so you are not bothered by adding manually (add a description on <img alt = "description of the image" height = "125" scr = "/ image.png" width = "125" /> when posting images).

The way it can be said to be troublesome. With this automatic way each image has the same description with the title picture. Therefore, you have to give them appropriate names for each picture to be posted.

Why Image Optimization For SEO Automatically?

Because the image on the blog page is one medium that can be used for traffic on the search engines because the majority of internet users love searching or just browsing to see the picture. Here's how to install automated SEO code on the :

Optimize Images in Blogger Automatically For SEO

Copy the Below Code  and paste the code  just above the code </ body>

 <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>
<script type='text/javascript'>
//<![CDATA[
$(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>
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(100);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut();
    }, 1500);
});
//]]>
</script>

Then save the template.

Every image of your blog post in an article automatically will have a code SEO friendly.Hopefully useful.