Foliovision Logo

Archive for March, 2008

SEO Images: Optimising for Google Images

Wednesday, 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.

SEO | 2 comments

Monitor Size and Productivity: Many Small Monitors or One Big Monitor

Thursday, March 13th, 2008

Over at LifeHacker a fascinating discussion of monitor size and productivity. It caught my eye as I've recently moved from a 30" monitor to a 24" and 12" setup. Strangely I find I'm more productive on the second setup.

In any case, people have all kinds of strange setups including one guy with six 15" LCD's all on a special mount. I think he's onto something. As I said, I've gone from a single 30" to a 24" (1920 x 1200) plus a 12" (1280 x 960). At home I now have 20" (1680 x 1050) plus the same 12" (Macbook).

I stopped running the 30" as my Macbook can't do Dual-Link DVI.

I thought my productivity would go down. No way. Substantially up. Managing the windows and flipping between applications was a hassle on the 30".

With a dual monitor setup, all the distractions on small monitor. Work on big monitor.

That said, I much prefer the 24" as a main monitor. I am less productive by an order of magnitude except when web browsing and writing on the 20". It's just not big enough to handle two full size documents (without having 8 or 9 pt antialiased type to squint at). 24" is the sweet spot.

dual monitor setup 24 12 web
simple dual monitor setup 24" and 12" (macbook plus 1920 x 1200)

Finally, if you can avoid TN screens on your main screen. Sometimes you want to stand up and look at your work. Sometimes you want to lean back and look at your work. You can't do it. The colours go all wonky. Things get dark. The monitor distracts. 

Read the rest of this entry »

IT | 1 comment

You are currently browsing the Foliovision weblog archives for March, 2008.

Recent Posts

Recent Comments:

Template = sidebar.php