How To Make Images SEO Friendly On Blogger?

We add lots of images to our blog post to make our blog post reader friendly. But we have make the images SEO friendly too.  A big part of blog traffic depends on image search. Search robots can not read images. So we have to tag them.

Follow these simple steps every time you post an image on your blog and I'm sure your blog will rank better than it did before.


Optimize Images Before Uploading (Image Name)
Once you want to add an Image to your Blog, at first you have to give a proper name to the image.

Tips for an optimized image name.

• The name should be relevant to the image.
• Make sure to include keyword to the image name.
• Try to avoid space because these are generally replaced by %20 and will have no value when it comes to SEO. ( You can add '+' or '_' sign for blank spaces.)

 As well as  the image size is more important for site load speed.  So make sure the image size is reduced.

Optimize Images After Uploading

Adding Title Tag  and Alt Tag


Title Tag

Title tags basically displays the text when the mouse is hovered over the image. You can see a demo. Just bring your mouse over the image bellow.

So how to add this tag to your image? It's very simple.
When you upload an image to your post, Click on HTML mode. And find the HTML code for image that looks like this: 

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUi-TdIaG5PCJB1OblKoLUNCPo2iZI3J3HWqZbdJ1rj7QhEIWbIWhkyHOrTUXOJz4EtBf2qgc1G4DZMs-fovQWAdEWva241_K83-vOpOz0oTMYHvbOD8Wc6pmyyqVml4kGNsbKALja7h8/s1600/seo.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUi-TdIaG5PCJB1OblKoLUNCPo2iZI3J3HWqZbdJ1rj7QhEIWbIWhkyHOrTUXOJz4EtBf2qgc1G4DZMs-fovQWAdEWva241_K83-vOpOz0oTMYHvbOD8Wc6pmyyqVml4kGNsbKALja7h8/s320/seo.gif" width="320" /></a>

Just modify the codes as follows.

 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUi-TdIaG5PCJB1OblKoLUNCPo2iZI3J3HWqZbdJ1rj7QhEIWbIWhkyHOrTUXOJz4EtBf2qgc1G4DZMs-fovQWAdEWva241_K83-vOpOz0oTMYHvbOD8Wc6pmyyqVml4kGNsbKALja7h8/s1600/seo.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img title="Make Images SEO Friendly" border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUi-TdIaG5PCJB1OblKoLUNCPo2iZI3J3HWqZbdJ1rj7QhEIWbIWhkyHOrTUXOJz4EtBf2qgc1G4DZMs-fovQWAdEWva241_K83-vOpOz0oTMYHvbOD8Wc6pmyyqVml4kGNsbKALja7h8/s320/seo.gif"  width="320" /></a>

That's it.


Alt Tag
Alt tag is a simple HTML tag that describes your image. When search robots scan your content they go through your image HTML. The robots cannot read images. To let robots index each of your images you must add an alt Tag .
So how to add the alt tag to image?  If the Image is realted to Image Optimization ,Just modify the Image HTML code as follows.

   <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUi-TdIaG5PCJB1OblKoLUNCPo2iZI3J3HWqZbdJ1rj7QhEIWbIWhkyHOrTUXOJz4EtBf2qgc1G4DZMs-fovQWAdEWva241_K83-vOpOz0oTMYHvbOD8Wc6pmyyqVml4kGNsbKALja7h8/s1600/seo.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Image Optimization" title="Make Images SEO Friendly" border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUi-TdIaG5PCJB1OblKoLUNCPo2iZI3J3HWqZbdJ1rj7QhEIWbIWhkyHOrTUXOJz4EtBf2qgc1G4DZMs-fovQWAdEWva241_K83-vOpOz0oTMYHvbOD8Wc6pmyyqVml4kGNsbKALja7h8/s320/seo.gif"  width="320" /></a>

I hope these tips would be useful to you all. If you have any questions about image optimization, feel free to ask. As well as if you have any new ideas on image optimization share with us.