How to Optimize Images for SEO Automatically

How to Optimize Images for SEO Automatically - This is done so that the images on your blog page are indexed automatically by search engines like Google You not bothered by adding manual (add a description to <img alt="description of the image" height="125" scr="/image.png" width="125" /> when posting a image).


This method can be said to be troublesome. With this automatic method, each image has the same description as the image title. Therefore, You must give the appropriate name for every image that will be posted.


Why do you have to Optimize Images for SEO Automatically?

Because the image on the blog page is one of the media that can be used for traffic on search engines because some internet users really like to search or just browse to see-view image.


Here's how to install an automatic SEO code in the image

Search for code </body> on the blog template You, then copy and paste the code below right above 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> 

Next save the template.


Every blog image that you install in an article will automatically have a code SEO friendly.


May be useful.


Source : Share with your friends & your family