add auto alt and title tag for Image SEO in Blogger Script
Give the auto alt and title tag will help you to Getting a mass Traffic to your website as well Reduce the error and make a Search Engine Optimisation friendly Web Page for the Search Engine.
I have Seen many auto alt and title tag as well auto title tag generator Scripts for Bloggers but almost them were not working so I have come Up with this Latest working auto title/alt tag
How this Script Works?
What is Title tag ?
Title Tag is the attribute added to the <img> tag in order to add title to the images.As you know that the title for the post is important like wise the Title for the images plays that much important role. Title tag over the images can be observed when we mouse over the image.
In order to have a demo of the title tag.Just mouse over the image given in the left side corner. It will be displayed as shown below.
How to add auto alt & Title tag to blogger.
In order to add this auto alt & title tag to the every images in blogger.You have to add a simple script to the blogger blog. Follow the simple steps to install this script to blog.
- Go to Blogger.com
- Go to templates and backup your template.
- Now click on Edit HTML to add the script manually.
- Search for </body> tag
- Add the following code just before the </body> tag and Save the template.
//SEO SCRIPT By - Techbymak.com
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('.')));
- You are Done !!!
you have successfully installed the auto alt & title tag script to the blog. In order to check this script. Mouse over the any image you will see the name of the image.