How To Add Auto Alt Tag For Images In Blogger

SEO is very important for any blogger to rank in heavy competitive search engines like google. Since the competition is very tough on Google, SEO should be well optimised. One of the most vital SEO factors for a blog post to rank in Google is the image of the blog post, and SEO for the image is very crucial. In this article, we will learn how to properly optimize image in blogger for SEO.

In Blogger image SEO can be optimised in terms of adding Alt Tags. Since blogger does not offer any auto SEO plugin as of WordPress like “Yoast SEO”, so we have to optimise SEO manually in blogger. To optimize image in a blog post “alt tag” is necessary and for a blog which is image based adding alt tags one-by-one in all images is tiresome. So in this article, we will learn “How To Add Auto Alt Tag For Images In Blogger“.

One of the major ranking factors on google is proper optimization of images for SEO. Many bloggers find it tiresome to manually add image alt tags one by one in all images, they don’t and resulting their images do not rank in google. But what if you get an auto SEO plugin for the blogger as of WordPress to automatically add SEO image alt tags for all of your images? Yes, you heard right. Today I will provide you with a blogger image SEO plugin which automatically adds “Alt Tags For Images In Blogger”.

What is Auto Alt Tag For Images In Blogger

Auto Image Alt Tag for Blogspot blogger is an SEO plugin (script) to add auto alt tags for images in blogger. This is a custom coded script which automatically adds alt tags on images in blogger post.

How Auto Alt Tag Works

Auto Alt Tag For Image fetches information from the image and paste that information automatically on blogger image i.e., this SEO Plugin can read the “Title & Description” of the image resulting whenever you upload any image on blogger post it fetches all information and adds that as an Alt Tag. So before uploading images in your blogger post make sure to rename it Properly.

How To Add Auto Alt Tag For Images In Blogger

  • STEP 1: Login to your blogger dashboard and select “Theme
  • STEP 2: Edit HTML

  • STEP 3: Press [CTRL+F] a box will appear, type  <head> and press enter

How To Add Auto Alt Tag For Images In Blogger

Below <head> paste the code given below:

<script src=’’ type=’text/javascript’/>

[Note: Most of the custom coded template is already added with this JQuery plugin, if you find this code in your template, then just leave this step and follow the next step] 

  • STEP 4: Press [CTRL+F] a box will appear, type </body> and press enter

How To Add Auto Alt Tag For Images In Blogger

Above </body> paste the code given below:

<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>


  •  STEP 5: Click “SAVE TEMPLATE”.

So, this was the easiest process of automatically adding auto alt tags for images in blogger. If this post really helped you to minimize your SEO effort for image optimization then share this post and help others as well. Let me know how this Auto Alt Tag plugin minimized your SEO effort. For any issues relating implementation of this plugin drop a comment below we are ready to help you.