Skip to main content

Add Automatically Title / Alt Tag to your Images in Blogger

     SEO optimization is very necessary for your blog. And you need to optimize all the elements of the site according to SEO. Image Alt tag is very important. 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. So, here I am going to share another amazing blogger widget which will automatically adds the title and the alt text to all bogger images.

Have Lots of Images?

If you have lots of images, then it is very very time consuming and boring to add the alt and title text to each image one by one. To make this work easy I have designed a little plugin for blogger which will automatically adds the alt and title text to all images. Means you don't need to add the alt text manually. Just upload the images and you are done. The work of adding title and alt tag to images will done this plugin.

 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. Great na!!

How to Add Automatically Title/Alt tag to Images in Blogger

Want to install this widget? if yes then follow the below simple steps:

  • Goto Blogger Dashboard
  • Goto Template Tab
  • Click on Edit HTML
  • Now search for the </body> tag
  • Now paste the below code just above the </body> tag.
 <script src='' type='text/javascript'/>   <script type='text/javascript'> 
 $(document).ready(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('.'))); 

  • Now click on Save Template. 
  • That's it you have successfully installed the widget


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.

How This Widget Work

If you are curious about the widget that how it works? How it adds the title and alt text to images and from where it gets the title and alt text? Then here I am going to explain it. This widget gets the name of the image which you have entered to image before uploading and adds that name as a title and alt text of the image.
Note: So, keep in mind that before uploading the images don't forget to properly rename the image files according to your post topic, so that you get the right alt text to your images.


Popular posts from this blog

Write A High-Quality Blog Post

Here are the steps of writing a post for your blog: You sit in front of your computer.You grab a topic from your editorial calendar.You start writing your blog post.Is that all? NO!
It’s not about how many words you put into your new piece of content.It’s not about how frequently you mentioned the focus keyword. It’s the quality (and only the quality) of your blog post which matters. You’re not writing articles to just fill up your blog with content. You’re not blogging for the sake of making money. You’re supposed to be writing for one reason: To help your readers. You need also to create something new while writing up your blog post. Something that will make it rock and stand out among those other resources that are available elsewhere online. For example, when I decided to write about ‘how to make money blogging’, I made sure to include successful iconic examples of other bloggers like Harsh Agrawal and how they managed to get this blogging thing working for them. Not just that, but …

Few Simple Ways to Earn Money Online

There are many ways in now a days to earn money online, today I will share some ways with you for your help. 1. Make More Money With YouTube By Creating Videos: When ever it comes to best online video broadcasting the first word arrives in our mind isYOUTUBE. It is the most used online video streaming website which is only one to rank
among top 10 websites. So if you want to make money, YouTube is an ideal place for you. You can create Video Tutorials, video blogging and can monetize it with Adsense. You will be paid not only for ad clicks but also for your video views. But to earn money with it, is to become Partner with YouTube which is the only problem for those who has no partnership program available in their country. List where YouTube partnership program is available. 2. Create a Blog and Start Blogging: Well the easiest way to earn money is to entertain other by create a blog. You can start your blog on any specific niche which you like mainly i.e. Make money online, Blogger, Wo…

Advice About Facebook Marketing

Excellent Advice About Facebook Marketing   If you're not using Facebook to market your business, ask yourself why not. The problem is probably rooted in fear. Some business owners are unsure what to do online and are afraid of making a mistake. Come out of your comfort zone and begin marketing on Facebook with these helpful tips. Make sure that you pay close attention to the amount of information you post on Facebook. If you only talk every once in a while, many users may become bored and look elsewhere for gratification. Posting too much is not a good thing either since many people will read it as desperation. Do your best to find the proper balance. Focus all of your Facebook posts towards your business or industry. Make them relevant and inform your customers and fans about things they would be interested in. Don't just make a post without having a purpose. Your customers already have enough information coming to them, so make your posts relevant so they stand out. If …