December 19, 2011

How To Tag Images in Blogger To Drive Traffic?


Image Optimization TipsLearning the correct and proper way of Optimizing images in blogger or wordpress is a must. Google Image search is used widely for finding quality reference images, icons and photos. From web designers to normal surfers everyone looks for images that could be added to their profiles, desktop, blog posts, projects and etc.  A great percentage of our blog traffic depends on Image search. We add plenty of high quality images to each of our posts in order to catch readers attention but we don’t just add them we TAG them! Search robots can not read multimedia may it be graphic images or flash. An image is meaningless for search spiders if it is not defined(TAGGED). Lets discuss this important SEO lesson in detail.

 

What is image Tag?

A Tag is simple HTML code that tells search robots what the image is all about. It is the description of image. This Tag is different from the tags that you add to photos in Facebook. Here you must be selective with your choice of rich keywords. Following is an example of a simple image HTML Code:

<img src="IMAGE LINK" />

Adding this code any where in your templates will display an image. When robots scan your content they look for every detail and when they come across you image HTML code they do not recognize what the image is all about. It can't judge if it is an image on SEO Tips or Pizza Recipe. To let robots index each of your images you must add an alt Tag  This alt Tag was introduced by Google so that images could be well described, categorized and indexed. This Tag tells the robot about the purpose of the image. For Example:

<img src="IMAGE LINK" alt="SEO Tips" />

You can see in the above code that the yellow highlighted part tells Search engine spiders that the image being displayed is about "SEO Tips" You just need to add two-three short words to describe your image. Thus alt tag is basically a short HTML code i.e. alt="" and you add the description of image between the inverted commas.

What are Optimized Image Tags?

Just by adding a alt tag to your image code wont turn your image into an optimized one. You should keep the following tips in mind while writing description for your pictures, photos or any image:

  1. Keep Description limited to 4 words. Less is best
  2. Don't write full sentences to describe images. Instead of writing "Best SEO Tips to Optimize Images in Blogspot" Simply Tag it as "Image SEO Tips" or "Optimized Images" or "How To Optimize Images"
  3. Just like not every keyword should be added to Post titles, similarly not every keyword should be added to Image Tags. Brief, Precise and relevant tagged images always score high. Keep it simple as much as possible. Google is smart enough to attach related keywords to your image from your post content.
  4. Always Add an intro image to your posts. I always add an intro image at the start of every post and I tag it sensibly so that the image Tag may clearly synchronize with the post title. Use your best keywords in your intro images
  5. Do not tag images with senseless words. If the image is a screenshot of an installation process step for instance Photoshop. Then instead of writing as "Click settings" or "Click Next" give it a rich tag like "Photoshop Settings" or "Best Photoshop settings"
  6. Tag the image with normal English words and avoid use of special characters like %, $, #, @,&, -, _ etc.

 

How to add alt Tags To Blogger Images?

Whenever you add a photo to your post editor, always switch to "Edit HTML" mode and find the HTML code for the image which will look like this:

<a href="http://lh3.ggpht.com/-s4duV3rFdNU/TraScxE5PoI/AAAAAAAAFVo/ZkfRcPAVpkI/image%25255B30%25255D.png?imgmax=800" ><img src="http://lh3.ggpht.com/-s4duV3rFdNU/TraScxE5PoI/AAAAAAAAFVo/ZkfRcPAVpkI/image%25255B30%25255D.png?imgmax=800" /></a>

 

I know it looks weird but you just need to identify the HTML code of the image which is the highlighted portion. Add the alt tag just after <img as shown below,

<a href="http://lh3.ggpht.com/-s4duV3rFdNU/TraScxE5PoI/AAAAAAAAFVo/ZkfRcPAVpkI/image%25255B30%25255D.png?imgmax=800" ><img alt="IMAGE DESCRIPTION" src="http://lh3.ggpht.com/-s4duV3rFdNU/TraScxE5PoI/AAAAAAAAFVo/ZkfRcPAVpkI/image%25255B30%25255D.png?imgmax=800" /></a>

 

This way you will turn your images into a traffic driving source and can expect fair amount of increase in daily visitors just by adopting the habit of Image Tagging.

Need Help?

If you have any questions in mind related to image optimization then feel free to post your comments. I hope this small tutorial may help you in improving your blogging skills. Peace and blessings pals! :)





If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

58 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. Thanks Very useful tutoria...

    ReplyDelete
  2. You may add also the title="" attribute :

    http://www.blogger-s-e-o.com/2011/12/optimize-your-blogger-images-for-search.html

    ReplyDelete
  3. Totally agree with this. Although it's a classic way, it still gives impact for SEO. Also when every time adding 'alt' and 'title' attributes, we're in good pace learning HTML.

    ReplyDelete
  4. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks. Thanks.

    I really need this. Thanks again.

    my-soft24.blogspot.com

    ReplyDelete
  5. Very useful info dear friend...
    Thanks...
    And may i know that, can we add separate tags or keyword for each post?
    http://learnwebtips.blogspot.com/

    ReplyDelete
  6. This comment has been removed by the author.

    ReplyDelete
  7. Thanks for this post. I have a question. In blogger when we add an image appears in the html image border= "0" then I change to image alt="SEO Tips" Is this correct or should I just put Alt?

    ReplyDelete
  8. I have two more questions:
    1 - Some posts on the Internet guide to put alt tags in the definition of up to five words separated by commas. On other sites say to just put up to 3 words, just to put the definition in still others say that the orientation of the first five words would be penalized by google. What after all is correct? I will believe in you!
    2 - When I saved an image which is better? separated by underscore (cachorro_desenho_colorindo) separated by a hyphen (dog - drawing - coloring) or separated by a plus sign ( dog + drawing + coloring ). Already saved images on the internet of three ways. What is the best in SEO?

    Sorry so many questions but I'm confused ...

    * Use the google translator, I hope you understand.

    ReplyDelete
  9. This is very nice post and i do alt tagging in my wallpapers blog and within a week i get huge treffic because i have 3000 wallpapers on my blog and i can do alt tags to all my wallpapers.
    Title tag is also better but you should add alt tags to your site or blog because alt is very important.Start alt tagging right now to drive the treffic.

    ReplyDelete
  10. I realized in December a low adsense earnings. Checking on the Panda, many say there is a reordering of places on google and posts without written content would be "demoted" but blogs and walpapers pictures or writing that has little content? I have blogs with images, drawings and wallpapers, so if I have to update thousands of posts and add content writing ... Do you know anything about it?

    ReplyDelete
  11. Your blog is really helpful for me.I really need this. Thanks again.

    ReplyDelete
  12. thats very great idea! no one focus on such things , but only mbt do , i like it driving traffic from google search alway's benefits!

    ReplyDelete
  13. It gives me great pleasure when the post prove helpful. Always Welcome everbody. :)


    @Jô Angeℓ

    1. Don't touch other parts in Image HTML simply add the alt tag after img. Make sure to give some space between alt tag and img2. Order of words is not important in image tags but they are in post titles.
    3. Keep word limit to atmost 4 words.
    4. You can add commas or - or + but never add underscores _ while tagging images. For post titles please read: Underscores VS dashes | Which is better?
    5. An alt tag is not a meta Tag for keywords so yes never unnecessary add keywords separated by commas in image tags. Google takes it as keyword stuffing and never appreciates it.


    Google Panda efffects only those sites that has no Quality Content. Content does not necessarily mean Text It can be images, media or anything that you publish online. As long you are not violating copyrights or publishing duplicate content. You are on a safe zone. Yes ofcourse you can publish as many wallpapers or any other image stuff you may need. Mention it in your meta Description that your blog is only about wallpapers. do not publish too many images with just 100 word text on a blog which focuses on stuff other than graphic images.

    Always welcomed for more help.:)

    ReplyDelete
  14. Assalamualikum ahmed bhai, i want to ask you a question, how to put related posts in my blog http://qayyumhackingarticles.blogspot.com exactly as yours, i dont want any thumbnails or anything else, exactle as yours one by one, please help me. Allah Hafiz

    ReplyDelete
  15. Thank you, very good! Now I've learned! I love this blog!

    ReplyDelete
  16. Thanks for the helpful post... just what I needed!

    ReplyDelete
  17. Customize Facebook Timeline: Video Tips & More!
    answer me there plz

    ReplyDelete
  18. aaaaaaaaaahhhhhhhhhhhhhhhhhhhhhhhhhhhhhaaaaaaaaaaaaaaaaaahhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh

    Bhai TOOOOOOO LATEEEE :(


    I missed my TONS of Traffic :p

    But from now i will definitely add these tags.

    But bad thing is that more than 1000 images are tagless :(
    Well i will try to add tags to them one by one ........

    Don't Mind, i was kidding above by saying TOO LATE :)

    ReplyDelete
  19. Can We add More Than 1 Tag in a image???

    ReplyDelete
  20. Very amazing image seo tips for me I like such topics and everything that is connected to them.
    I would like to read more soon.

    ReplyDelete
  21. Very useful info. Thank you. It works well

    ReplyDelete
  22. Please keep them coming. Greets !This is a in fact good read for me, Must admit that you are human being of the best bloggers I ever saw. Thanks for posting this informative article.
    easycap driver
    pokemon team builder
    tfc mod manager

    ReplyDelete
  23. i have a question anyone can answer if knows

    i want that when somebody search any image in google images and he find a picture i want he click on pic and direct open to my blog ..mostly it comes with crose but i dont want it
    i want google images to direct my blog plz ans it
    .mbabarit@gmail.com

    ReplyDelete
  24. Thanks for the information. It is very helpful and useful.

    seo philippines

    ReplyDelete
  25. Hi, when I run a search it says that most images on my blog do are not tagged. The problem is that they are internal images...How do I tag those? here is an example, of internal images:
    http://img1.blogblog.com/img/icon18_wrench_allbkg.png

    Let me know
    Rui Silva
    http://elcalvitozeekrewards.blogspot.com

    ReplyDelete
  26. You are just Awesome....!! I think i would learn everything from your blog....:) Everything about SEO, blogger, blogging...

    I'm sad that why i didn't get your blog 3 years before, when i started my career in blogging...

    ReplyDelete
  27. Good advice for newer users and a reminder for those of us with more experience.

    Thanks

    ReplyDelete
  28. Between <img and src= i have height what to do?

    ReplyDelete
  29. Can we use like this???
    1: Click on uploaded image, you will find properties link, click on it.
    2: Type your image title in title text.
    3: type your image tag/keyword in alt text.
    4: Click OK and you are done tagging your image!

    ReplyDelete
  30. Cool post ..

    I usually use put the image inside a link .. so that .. when someone clicks on the image .. it goes to my homepage ..

    Is it good strategY?? I know .. some of the readers might be irritated .. but again .. loads of traffic .. even if one of my images make it to top of google .. your comments on it??


    Mandy Sheen

    ReplyDelete
  31. Thank you very much I have website which have photos for last 1 year I am not getting much traffic from search engine hope it will work for me.

    Thanks once again

    ReplyDelete
  32. I'm no getting traffic but lost it :( more than before

    ReplyDelete
  33. Hi! Is this still applicable to the new blogger update? As i cant find the html code for the new blogger. Thanks loads!

    ReplyDelete
  34. This is an excellent post! Excellent work. SEO Delhi

    ReplyDelete
  35. Thanks for the blog information. It is very helpful and useful.

    link href="http://www.gurutechnoworld.com/Professional_Ranking_SEO_Services_Chandigarh_India.aspx" rel="cononical" title="Best SEO

    ReplyDelete
  36. It is a nice post. thanks for sharing this post.
    SEO Company India

    ReplyDelete
  37. Thanks for your this wonderful topic. I'm still working for my wife's blog http://www.ladyandhersweetescapes.com/ and I really do appreciate how you are helping new bloggers like my wife.

    ReplyDelete
  38. Dear Qasim zaib, nice post but I am confused. If I add an image in between my posts, should I add external nofollow link in image ?. If yes then where it should be added ?. If you will guide me I will be very thankful to you. I am very big fan of MBT and improving my blogging carrier with MBT tutorials.

    Kisoni

    ReplyDelete
  39. so many new things to learn... thanks for the information!
    hope this will boost the traffic on my blog http://gewi-hilfe.blogspot.co.at/

    ReplyDelete
  40. Hey dude, these links are probably the best I’ve seen, they’re very easy to submit.
    Thanks, ksa-flh
    from, ksa flh,

    http://www.ksaflhcom.blogspot.com/2013/03/PR-CHECK.html

    ReplyDelete
  41. I am thankful for your blog.I am trying to spread the word for a natural cure for psoriasis and I made a blog (http://psoriasi-me.blogspot.gr)I have no idea about SEO so your blog is like a treasure for me.
    I am in the point where I am trying to add this:
    <img alt="IMAGE DESCRIPTION"
    In the html of my post I see after img the border and the height.
    I placed like this:
    <img alt="Φωτογραφια Θεραπεια Ψωριασης" border="0" height="400" src="http://4.bp.blogspot.com/-yM6vyFyD5dU/UUX5-J3cJ0I/AAAAAAAADBk/n8HNm63wfDc/s400/Photo+17-3-13+7+05+51+%CE%BC.%CE%BC..jpg"
    Please let me know if its ok and it will work or I should put Image Description AFTER border and height.
    Thank you
    George

    ReplyDelete
  42. I use bloggers inbuilt feature to add image properties. But this alternative is also good. And also I am a huge fan of MBT and it acted as an inspiration for me to start my own blog.
    how to add alt tags to images in bloggger

    ReplyDelete
  43. thanks a lot

    you give very help full material about alt tags

    ReplyDelete

  44. You Give me right way. Now I think I use images better in my blog


    thanks a lot

    ReplyDelete
  45. Kudos, thanks for the information. Keep it up!

    http://www.mohdrohaizad.com/p/free-backlinks.html

    ReplyDelete
  46. Thanks for the detailed and very cleared explanation .i am loving your blog.
    http://www.adeelzsoft.blogspot.com

    ReplyDelete
  47. This comment has been removed by the author.

    ReplyDelete
  48. Asslam O Aalekum..

    is it right bro?

    <img alt="Urdu Ulead Studio" border="0" height="285" src="http://4.bp.blogspot.com/-I7IQNsf-gzY/UmrNmSHXC6I/AAAAAAAAD1Y/53fIVio3wds/s400/ulead.png"

    ReplyDelete
  49. Learning the correct and proper way of Optimizing images in blogger or wordpress is a must. Google Image search is used widely for finding quality reference images, Best SEO Services

    ReplyDelete

 
  • MBT Icons and buttons

    Icons and Buttons

    Our resources have been successfully downloaded over 10K times and found almost every where. Get yours!

  • choosing webhost for a blog

    Why HostGator?

    Learn Why we chose HostGator as our Web Host and find discount coupons to kick start your blog today!

  • SEO Settings for blogger

    ALL IN ONE SEO PACK 2012

    Learn every single SEO tip that will boost your blog's ranking and organic traffic. We got them all!

  • Blogger widgets and plugins

    Visit MBT's Blogger LAB

    Why not take a tour of all great Blogger widgets published so far? You Name it we have it!

  • become a six figure blogger!

    Become a SIX FIGURE BLOGGER

    Learn what it takes to become a successful entrepreneur and build a living online!