Alt Tag: How Auto Alt Title Tags to Images in Blog of Blogger

Using Alt Tags For pictures Drives Even more Traffic particularly From the Google pictures. It provides a correct Naming and description to the images. Well there area unit many more Scripts to convey an Automatic Alt Title Tags to images.

How Important Alt Tag for Image for SEO

But Here may be a easy and cool Script that you just got to Add in Your template. this can be easy and does not take much Time. All you would like to try and do is that the correct Naming of the Image in order that it Suits the Name of the Title.So give the Image a correct Naming. as an alternative you will not be able to See the correct Tags.

This script not only adds an “alt” and “title” tags but also gives a plus ‘+’ symbol if there is space in the name of uploaded image.

How To Add Auto Alt title Tags to Blogger Images :-

A Following are the simple steps to add the Script :

1. Go to Template >> Edit Html
2. Now Press Ctrl+F and Search for the </body> Tag in Your Template
3. Now Copy the Below Code and Paste it Above/Before </body> Tag

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<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('.')));
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>

Now Save the Template and Check Your images. By Hovering Your Cursor Over the Image.It Will Show Some Name on the Tooltip.That's It Enjoy..
!!!!!Happy Blogging!!!!!!!!

You Also Like:

I Really Like Spam Comments? and You?