How To Add Auto ALT Text + Title In Blogger Images

0
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 !
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.
Hello Folks, today in this article we are going to explain how to automatically add alt text and...
SUMMARY

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.

You Might Also Like:

We hope this article helped you to learn How To Add Auto ALT Text + Title In Blogger Images. If you have any question or any complication please don't hesitate to ask us.You can drop your message below in the comment box or you can Contact Us!. If you liked this article please join us on : Facebook | Twitter | Google+

SUBSCRIBE ARTICLES BY EMAIL

Post a Comment Blogger Disqus

0 Comments on "How To Add Auto ALT Text + Title In Blogger Images" So Far
Out Of Topic Show Conversion CodeHide Conversion Code Featured Post

MARKUP FOR WRITING COMMENTS:
1. To Insert Code Length Use<i rel="pre">Code Here</i>
2. To Insert Short Codes Use<i rel="code">Code Here</i>
3. To Insert Quote Use<b rel="quote">Quote</b>
4. To Insert Image Use<i rel="image">Image URL</i>
5. To Insert Video Use<i rel="youtube">You Tube Url</i>

Note: You Can Also Convert Your Code Directly From The Conversion Box.
--------------------------------------------------------------------------------------------------------------------------------------------------------
Please drop your comment according with the topic and feedback with hyperlinks may be removed.Thank you.
Regards:
Team Bloggersstand