20 Ways To Make $5000+ From Home. Earn Now!

Table of Content

How To Add Auto ALT Text + Title In Blogger Images

learn trick to automatically add alt text tag and image title in blogger pictures for better seo ranking.add alt text name in blogger pictures by using javascript.
How To Add Auto ALT Text + Title In Blogger Images
Hello Folks, today in this article we are going to explain how to automatically add alt text and title tag into blogger images.

SEO optimization is very important for every blog. and also you need to optimize all the factors of the web site in line with seo.One of the important factor is IMAGE ALT+TITLE Tag.Now days many websites are lazy to  add IMAGE ALT in their websites they never thought its effecting their SEO ranking.Any Guess How? We will tell you how its effecting your seo. when you upload the image in your any post or on web every image has a unique alt and title tag..from alt text google can understand the form of image and what is all about this image.without alt text google won't able to understand your image,and their robots will not  index your image result you are losing your ranking.When someone will search in image they will not able to see your image.So, in order to get your image indexed in Google Images search you need to add the title and alt text to your images.if you have masses of pics, then it is  time ingesting and uninteresting to add the alt and text to each picture one at a time.Today we have developed the plugin which will make your work easier.

How ALT TEXT Blogger PLugin works:

Any guess how it add alt text and title into image? Let me tell you,This plugin can read the image name means when you save any image in your desktop/laptop you gave them a name and when you upload that image on web in blogger from there this plugin can read that name and add into alt text and title of image.so before you add this plugin we request you add the proper name according to your topics for better seo.

How to Automatically add Alt Text to Blogger Images

installation steps:

Step .1 Go to https://www.blogger.com and Sign in to your account
Step .2 Now From Blogger Dashboard click on ->Template ->Edit HTML
Step .3 Now Search For </body> In Your Template By Using CTRL+F Keys
Step .4 Now Paste the below script just above the </body>
<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>

Customization: 

  • Now days By default most the blogger templates already have Jquery Script in their blogger templates,if your template also have then delete the above highlighted code.
Step .5 Now Save your Template..Done !

3 comments

  1. Thanks, i added it on my blog (specspricereview) and it's working fine
  2. Wow! it's really nice. I was searching for this to many days.
  3. not working plz help