How To Add “alt” Tags To Blogger Images

Like in Wordpress you do not have any SEO Plug-In for Blogger in order to get on-page optimization tips and suggestions. So people who use Blogger don’t maintain and follow some common SEO principles. The most common thing many fail to do before posting content is to optimize their images. To make your blog post interesting at least have single image in each of your blog post. So at their very first look your site visitors will know what the post is all about. Having proper titles and alt tags to your Blogger images will not only help your visitors, but it also gives a good bump to your SEO. This post is all about optimizing images in Blogger and so we will discuss how to add alt tags to Blogger images and some common image optimization techniques for Blogger.

As you all know Google image search is most popular service to find images, graphics and icons from all around the World Wide Web. You, me and many people use Google images in order to find images. So you must consider and accept that a part of blog traffic depends and comes hugely from image search engine. If you are a regular visitor to My Blog then you can notice that we do not even publish a single post without images in it. Search engine bots considers only text and they don’t make much sense to media files unless the image has proper alt attributes defined. So always tag images properly in Blogger posts for better SEO.

What Is “alt” Attribute In Image Tag?

Image tag <img> is an HTML language that is used to display images in webpages. Image tag will have three attributes and they are "src" (image source), "title" (image title) and "alt" (alternative text for image). When you add images in your Blogger posts, image source is defined, but what about the title and alt tags.

Simply adding this <img src=”image link”/> image tag in your blog’s HTML editor will display an image, but search engine robots don’t understand what the image is about. That’s why you have to add alternative text for your Blogger images. In order to categorize and describe images to both your visitors and search bots you need to add title and alt attribute.

For example let’s say you are making a post about “Blogger images” and you are focusing on this keyword “How To Add alt Tags To Blogger Images”. So you should define the image tags properly like this!

In the above tag you can see three attributes "alt", "src" and "title" in which "alt" is for bots which has keyword in it and "src" is the image source and "title" is for your visitors.

Let us consider the following tips to best optimize images in your Blogger blog.

Tips To Better Optimize Images In Blogger

Here I have provided few tips for you to properly add alt tags to your Blogger images, graphics and photos.

----- For both image title and alt tags do not add more than 10 words.

----- Consider adding your focus keywords in all your image's alt tags. Better is to add your post title for alt tags.

----- Compress all your images before you upload it to Blogger.

----- Do not use special characters like @, $, ^, &, !, *, # in your alt tags.

----- Do not spam! It is not a place where you add your Meta keywords. For example if the focus keyword for your article is “how to optimize images in Blogger” then just add alt tags like this “optimizing Blogger images” or “optimizing images in Blogger”.

----- Always have an introduction image in each blog posts just like you see it here. We always consider adding and intro image to all our blog posts.

Follow all the above tips. Now we will see how to add alt tags to Blogger images.

1. Login to your Blogger blog and go to post or page editor.

2. Now upload image in normal compose mode and select the image.

3. Now you will get several options for images. Click properties to add title and alt text.

4. In image properties add title and alt text that is your focus keyword.

5. Click OK, save changes and you are done adding title and alt tags for your images.

How To Add “alt” Tags To Blogger Images In HTML View

In your Blogger blog post editor switch to HTML view and add just like the one below.

<a href= “–“is where the image is linking to, alt="-" is where you add your keyword, src="-" is the image source URL and title="-" is for image title.

Here is a complete coding for an image!

Hope this article helped you on how to add alt tags to Blogger images and also you have learned some image optimization tips. Share it and post your comments below as well as to get more updates from us subscribe to our RSS feeds.