Add Auto Title/ALT tag in Blogger Image for Better SEO Optimization (Plugin)

Blogger Image SEO Optimization - SEO optimization is very necessary for your blog. Without SEO you can't get success in your blogging career, whatever it is on blogger or wordpress any other. That's why we have to focus on each and every elements of SEO. Your Blogger image also play important role in google search engine. Because google can't read the images, but google determines the type of image from its alt text. So, in order to get your image in Google Images search result you need to add the title and alt text to your images. Today I am going to share How to Automatically Add Title/ALT tag in your Blogger Blogspot blog. To Get Better in your Google Search Engine.

You can also set Title/ALT tag in your Image manually one by one. If you feel boring or don't want to wast your time in it, Then Use Our Script to Add auto Title/ALT tag your all image. Is't it so cool ?

Also if you have some old post images which are also missing the title and alt tag, then you don't need to add alt tag to images manually, this script will automatically adds the title and alt tags to all images of your blogger site.

Simple Step to Add Automatically Title/Alt tag to Your Blogger Image :

• Firstly Go to Blogger Dashboard >> Template >> Click on "Edit HTML"
• Now search for the    </body>     tag
• Now paste the below code just above the  </body>    tag

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/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 click on "Save Template". 
• That's it you have successfully installed the widget in your blog.

Note - Most of the blogger templates have already add the Jquery Library. So, if the jquery library is already presents in your blogger template then just remove the highlighted code line from the code. But if the jquery library is not present in your template then don't remove the highlighted text, otherwise the widget don't work.

• Tweet
• Share
• Share
• Share
• Share