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
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.
By Alec
SEO |
Friday, December 28th, 2007
Spent most of the day working on Foliopress WYSIWYG together with Peter Baran.
Our solution for the Wordpress WYSIWYG and image handling nightmare is coming along quite brilliantly well. This is what the basic toolbar looks like.
Foliopress WYSIWYG toolbar preview
Foliopress WYSIWYG offers true What You See is What You Get Editing for Wordpress.
- It is backwards compatible with legacy code (hello Xstandard/TinyMCE)
- It doesn't break complex forms (hello TinyMCE/Xstandard)
- It doesn't discard whole posts (hello Xstandard)
- It doesn't go haywire and create more and more nested P tags (hello WYSIWYG Pro)
- It doesn't look like hell in the Wordpress interface (hello normal FCK)
- It doesn't make uploading images a never ending and hopeless struggle (hello Wordpress uploader)
- It doesn't make your clients hopping mad and lead them to breaking everything (Plaintext/RAW html)
- Your drafts look like exactly like your posts will, without having to waste time with a preview function (hello Xstandard)
- You have unlimited standard undo from the keyboard (hello Xstandard)
- Very easy to configure (including site WYSIWYG) (hello Xstandard, TinyMCE, FCK)
In short, Foliopress WYSIWYG is what you always wished the Wordpress Editor would do. I'm using it now and can't believe no one created and editor like this earlier.
Read the rest of this entry »
By Alec
WordPress |
Friday, August 24th, 2007
I'm on a professional WordPress mailing list and this interesting question came up:
I'm using Wordpress 2.2 as a CMS to create a site for a client with a small business. My client wants a portfolio page (not necessrily a WP Page) with a list of thumbnails that will each link to its own "gallery" page which will include multiple photographs with some descriptions. My client is a non-programmer who will need to update and add to the portfolio page on her own.
I've been looking at WPG2 and wondering if this will accomplish my needs. I've seen you can put photos in posts, but can you link those post photos to a WP Page that contains more photos from that category in a gallery style (such as the embedded WPG2)? I will also need descriptions about those photos on that Page. I've looked at other sites that have WPG2 embedded within Pages, but their Pages don't contain photo descriptions beyond the photo title.
Does WPG2 seem a good fit? Or is there another plugin that works better? Or will this not be possible?
Alas, Tracy, all of the galleries in WordPress stink. Both Gallery 1 and 2 are way too top heavy on their own. Mixing Gallery with WordPress would be a fatal PHP cocktail, capable of choking the most powerful server and confusing the most adroit programmer.
We've spent whole days at Foliovision playing around with what's out there in terms of WordPress image plugins and there's nothing I would recommend.
The closest thing to what you want are (listed in order of least amount of work to get something passable):
- NextGEN Gallery
- ZenPhoto
- PictPress - Vermeer demo gallery
- WPPA
- Duh Gallery
All have huge problems with URLs and reliability. ZenPhoto is by far the best in terms of simplicity and clean URLs, but it's not well integrated into WordPress just yet.
If you can make any of the above work, without clunkiness and/or very ugly URLs, please comment below. If you find something better, let us know.
At Foliovision, we are currently doing some work on an images plugin but it won't be for larger galleries but for embedding images directly into posts in a simplified workflow. As soon as FV Images is ready, we'll be posting it here.
For the moment, if you want something clean, I'd have to recommend doing it by hand (uploading all the images in both full size and thumbnail and linking and embedding them).
Ecto (available for Windows and Mac) can also be a great help when you have a lot of images to include in a post. The quality of the thumbnailing is poor on Typepad (I have one weblog over there still) but could be handtweaked on WordPress. It can be tricky to get Ecto to play nicely with WordPress built-in XML-RPC.
By Alec
WordPress |
