SEO Images: Optimising for Google Images

March 26th, 2008

We've been properly labelling and tagging our images for years. Some of our websites get most of their visitors from Google Images.

Google Images is the greatest SEO reserve left in the world. Chris Silver Smith of Netconcepts let the cat out of the bag in 2006 and told the whole world about optimising for Google images. But it's hard work optimising images for Google Images and most webmasters still can't be bothered. There's still gold - or at least visitors - in those hills.

As Chris didn't cover the technical details in-depth, here's a step by step guide for optimising your images for Google images.

Most websites publish their images like this:

<img src="/images/192a/986943.jpg" alt="image">

Where's the problem? Missing height and width, meaningless directory name, meaningless file name, generic alt tag.

Here's what a properly formatted image should look like:

<img src="http://foliovision.com/images/2007/08/zen-fanless-power-supply-400.jpg" alt="Zen Fanless Power Supply" width="400" height="340" />

For bonus points link that image to a larger version of the same properly labelled image:

<a href="http://foliovision.com/images/2007/08/zen-fanless-power-supply-big.jpg" rel="lightbox"><img src="http://foliovision.com/images/2007/08/zen-fanless-power-supply-400.jpg" alt="Zen Fanless Power Supply" /></a>

For extra bonus points put that image in a h5 tag with a proper caption, close to if not identical to the alt tag:

<h5><a href="http://foliovision.com/images/2007/08/zen-fanless-power-supply-big.jpg" rel="lightbox"><img src="http://foliovision.com/images/2007/08/zen-fanless-power-supply-400.jpg" alt="Zen Fanless Power Supply" /></a><br />Fortron PFC ZEN fanless power supply</h5>

If all that sounds like a huge hassle - when you do it for every image - you are absolutely right. It is a huge hassle to optimize for Google images by hand.

Which is why we built the SEO Images (part of Foliopress WYSIWYG) plugin.

With SEO Images, all of the above is happens automatically.

You only need to give the image the correct name (words separated by hyphens) and upload to the correct directory.

Automatically all the rest is added to your image:

  • alt tag
  • thumbnail (whatever size you prefer)
  • link to larger version image
  • caption
  • width and height
  • lightbox

If you want a lot of visitors from Google Images, you only need to use SEO Images for a few months and you will have the rankings and the visitors to go with them.

Here are the Google Images result for our example from above, the Zen Power Supply. Of 107,000 images, spots one and two are from Foliovision.com. The large and the small version of that image.

SEO Images Google Images results
SEO Images Google Images results

Why a few months? Historically indexing in Google Images is much slower than for the rest of Google.

Chris and Stephen, in the future, please keep our secrets to yourselves!

Also check out Problogger Formatting images for SEO.

Tags: , ,

SEO | Comments | Trackback

del.icio.us Digg Ma.gnolia StumbleUpon Technorati Jump to the top of this page

 

28 comments on “SEO Images: Optimising for Google Images”

  1. 01

    [...] seo de imagenes para google Guía paso a paso para la optimización seo de imágenes para Google imágenes. Viendo las indicaciones que nos muestran, para optimizar cada imagen hay que hacerlo a mano y [...]

    Jump to the top of this page
  2. 02

    El optimizar imágenes contribuye a las busquedas universales, sin embargo habría que conocer la relevancia sobre los objetivos de un Sitio Web, ya que no a todos esto puede ayudarlos.

    Carlo at March 31st, 2008 around 4:29 pm
    Jump to the top of this page
  3. 03

    What about stuffing keywords into filenames for site graphics? Is this advised, or just plain moronic?

    Link Points at August 25th, 2008 around 7:35 pm
    Jump to the top of this page
  4. 04

    There would be a small short term benefit to using non-image related but post related keywords. But I recommend using images related to your post.

    I don’t think stuffing keywords is the way to go long term. A properly labelled image will help. People will be happy to find it and click through to your page.

    Images with names that have nothing to do with content could even open you up for penalties. You won’t get the external links you want and people won’t be happy to see your image in their results.

    alec at August 27th, 2008 around 12:43 am
    Jump to the top of this page
  5. 05

    Great points. I watched Matt Cutts on a video about this and he explained to keep it simple and to the point describing your item in the image.

    SEO Consultants Joel at October 15th, 2008 around 3:48 pm
    Jump to the top of this page
  6. 06

    Bien, Bien. Pero que pasa si no uso miniatura, y solo les pongo el nombre separado por guiones si es que son mas de dos palabras. Bastara solo con eso???

    George el Ermitaño at January 30th, 2009 around 3:50 pm
    Jump to the top of this page
  7. 07

    What’s the deal with “rel=lightbox”? As far as I’m aware that’s for tagging image links for Lightbox scripts… but you seem to be saying to put it in no matter what because it helps with SEO? Or are you just assuming that everyone will be using Lightbox anyway? Please clarify.

    Pigeon at January 30th, 2009 around 5:07 pm
    Jump to the top of this page
  8. 08

    Hello George,

    For the moment the image title for hyphenated names will have to be tweaked by hand if you want to keep the hyphen. In our own work, we’ve found this to be a very small percentage of the images. Our system gets you very close but if you have accented characters for example, they have to be added after the fact (limits of web URLs to ASCII letters and numbers).

    Hello Pigeon,

    We are assuming that everyone will be using Lightbox (or Slimbox as we do). If you are not using Lightbox, that rel=”lightbox” does no harm in any case. If you are not using Lightbox then don’t use rel=”lightbox”.

    alec at January 30th, 2009 around 8:19 pm
    Jump to the top of this page
  9. 09

    Thanks alec, I see what’s going on now.

    Pigeon at January 30th, 2009 around 10:08 pm
    Jump to the top of this page
  10. 10

    Great ideas. Is it not a problem, if I use -(hyphen) for the file name?

    Dan at June 18th, 2009 around 1:10 am
    Jump to the top of this page
  11. 11

    Hi

    Is it really necessary to use thumbnails on my posts? I like to keep my pages clean and avoid unnecessary surfing, that’s why from the homepage you go directly to the full sized image. Should I change that?

    Manole Silviu at August 26th, 2009 around 4:13 am
    Jump to the top of this page
  12. 12

    Hi Dan,

    You should using hyphen for the file names.

    Hi Manole,

    You should definitely be using thumbnails. Using full-size images will make your site too slow.

    The thumbnails appear in lightbox so nobody has to navigate away to see larger images.

    alec at August 27th, 2009 around 9:02 am
    Jump to the top of this page
  13. 13

    Thanks, I will consider your advice ;).

    Manole Silviu at August 27th, 2009 around 9:37 am
    Jump to the top of this page
  14. 14

    [...] How do you dominate google images? Check this way of optimizing your images for Google Also be carefull: Images traffic can be very destructive: one day, I ranked number 4 for Britney [...]

    How do you dominate google images? - Black Hat Forum at September 20th, 2009 around 4:08 am
    Jump to the top of this page
  15. 15

    Stumbled upon your post just about when I was explaining somebody why to optimize images.This is really a step by step guide..great post.

    kay at October 19th, 2009 around 8:01 am
    Jump to the top of this page
  16. 16

    anything i can do to get google to follow my thumbnails. its indexing the thumbs like crazy, but not the full size images they link to.

    spazdaq at October 26th, 2009 around 2:03 am
    Jump to the top of this page
  17. 17

    [...] Ahora, unos tips para optimizar las imágenes para buscadores. Algunos de cosecha propia y otros sacados de Folivision (Inglés) [...]

    Jump to the top of this page
  18. 18

    what if done as below:

    Fortron PFC ZEN fanless power supply

    the only change is the caption in included in the tag so that it points to the original image page.

    ramaraobobby at November 27th, 2009 around 6:46 am
    Jump to the top of this page
  19. 19

    Interesting! I have reached the #1 spot on google images for several images, and also get some nice targeted traffic from this, but had not come across the idea of putting an image inside an tag before – indeed, I have investigated the source code of many images that have hit the number one spot and not seen this before! This could be a “secret weapon”.
    It’s true that image search is the undiscovered country of SEO. I have a feeling that video search too will soon become more important: Time for an article on optimizing for google video search? ;)

    Alex at December 27th, 2009 around 3:43 am
    Jump to the top of this page
  20. 20

    Alex: “Time for an article on optimizing for google video search?”

    Yes indeed, I would absolutely love a good article on that subject.

    Pigeon at January 2nd, 2010 around 4:50 am
    Jump to the top of this page
  21. 21

    google images search will become popular in the time to come. but images indexing by google is slow.

    goyal at February 2nd, 2010 around 7:12 am
    Jump to the top of this page
  22. 22

    Ya it is right .

    How toOptimize your images for search engines:

    * Keywords in alt text, text around the image, image name, page title;
    * Preferred image formatting – jpg;
    * Separate SE accessible image folder;
    * Image freshness. (SEW suggests re-uploading your images to keep them fresh);
    * Enabled image search option at Google webmaster tool.
    * Reasonable image file size (see the discussion at WW)
    * Limited number of images per page;
    * Popular and reliable photo sharing hosting (e.g. Flickr is reported to help in Yahoo! image optimization).

    Jullia at February 22nd, 2010 around 6:33 am
    Jump to the top of this page
  23. 23

    Is it still accepted bij search engines to place an image inside a tag? I’ve found information both proving and disproving this and I’d like to know for sure.

    Adamsy at March 10th, 2010 around 7:29 am
    Jump to the top of this page
  24. 24

    …accepted bij search engines to place an image inside a header tag?…

    Placing it in pointy brackets apparently prevents is from being posted…

    Adamsy at March 10th, 2010 around 7:32 am
    Jump to the top of this page
  25. 25

    Placing an image inside a header tag should work. I don’t know why the search engines would give that image any more weight than any other.

    I would avoid doing this as it seems a bit spammy and may reduce your quality score in combination with other factors.

    alec at March 10th, 2010 around 9:16 pm
    Jump to the top of this page
  26. 26

    Excellent article Alec. I am for the most part not very experienced with html so please bear with me. You say: For bonus points link that image to a larger version of the same properly labelled image:

    In this example you do not give the image height and width. Should it be paired with the previous example? What am I missing?

    Mike at May 16th, 2010 around 4:52 pm
    Jump to the top of this page
  27. 27

    Hi Mike,

    Yes, you should definitely use image width and height for faster page load. I should fix that. our Foliopress WYSIWYG automatically sets the image height and width for those using Wordpress.

    alec at May 20th, 2010 around 3:13 pm
    Jump to the top of this page
  28. 28

    Good article. I also use all of the parameters – alt tag, title, size for the images. And it makes the code look nicer and cleaner, at least this is what W3C says ;)

    house extensions at May 25th, 2010 around 8:13 am
    Jump to the top of this page

Leave a Reply

  •  
  •  
  •  

You can keep track of new comments to this post with the comments feed.