How to SEO Your Images
A couple of days ago there was a discussion amongst the the Bronco Team it started with Image results in Google for Kean Richmond when he noticed this picture for James ranking for his name :
Which was little odd, but if you look at the team page you see that James is after Kean in the pictures :
which got us thinking about the image before Kean which is Chris Antcliff and sure enough there was a picture of Kean in the Google serps :
the image files are named correctly and the alt tags are named correctly but when you look at the source code even though it’s formatted correctly we have it structured IMO incorrectly
Chris Image – Chris Image Title ( H3 ) – Chris Description
Kean Image – Kean Image Title ( H3 ) – Kean Description
James Image – James Image Title ( H3 ) – James Description
My gut feeling ( due to the fact I can’t be bothered to test and too busy to get Kean to restyle ) is that the correct flow of Image Optimisation in Google should be
Title Image Keyword ( h3)
Image keyword.png
Image Description
so what Google is doing is :
Chris Image Title ( H3 ) – Chris Description – Kean Image
Kean Image Title ( H3 ) – Kean Description – James Image
the correct images still get indexed correctly but the addition of the wrong images has to be down to the H tag passing proximity relevance to the wrong image and of course the more competitive the terms the less the H tag weighs.
Dave
David Whitehouse 1202 days ago
I’ve also found if you link directly to the image, the anchor text in question also can rank – found that out by accident after Anthony Shapley had a drawing he did of a cock ranking for his name (which kind of sparked of a mini SEO war, thankfully that died down)!
Tim 1202 days ago
http://nefariousdesigns.co.ukActually, it’s a mix of issues you’re experiencing there.
Firstly, Google Image Search apparently “” (http://www.google.com.vn/intl/vi/help/faq_images.html#how).
That’s a bit wooly on the description side, I know, but it hints at the fact that the alt attribute bears no special relevance in the analysis.
Secondly, your XHTML is actually pretty shoddy. It’s most likely this that’s your biggest issue. Semantically, you’re not really associating much with the image. Something better would be:
<ul id="team"> <li> <h3><img src="/images/slaterlol.png" alt="">James Slater</h3> <p class="position">Software Developer</p> <p>James was sired by wolves in the wilds of Yorkshire.</p> </li> </ul>Here I’ve pushed the image (inline element) into the H3 (block level element) with the name of the developer, and I’ve removed the alt attribute value.
Placing the inline element into a more structurally important block level element (the H3 rather than the div) improves the relationship between it and the other content of that element—in this case, the name of the developer.
Removing the value of the alt attribute has removed repetition of content, which is confusing for screen reader users and, I suspect, for the search engine spider. It’s best to treat img elements as sentences in HTML, since it will be treated like any other inline element, except the value of the alt attribute will be its content.
Loading the alt attribute with keywords is really no different to loading a span element with keywords; it bears no real value.
Before, it appears Google couldn’t work out which content was specifically related to this image. Hopefully, with more carefully structured semantic mark-up, it should better understand the content of your page.
DaveN 1202 days ago
@Tim Pfffft
I do agree with you.
I was looking at it more from a proximity and code flow from an SEO POV if that makes sense.
If James had 2 or 3 images I would want it coded :
Title Image Keyword ( h3)
Image keyword_1.png alt = “description + keyword”
Image keyword_2.png alt = “description + keyword”
Image keyword_3.png alt = “description + keyword”
Image Description + Content
Dave
Todd Mintz 1202 days ago
http://www.toddmintz.comI’ve noticed for years that many of the top image results for my name are pictures that I’ve added to my blog posts…though as I check now, Google images seems to be adding a little “contextual text” explaining why the image “might be showing” (which still doesn’t explain why a picture of Julianne Moore should rank so highly for my name…).
Veruca 635 days ago
http://www.facebook.com/If infomraiotn were soccer, this would be a goooooal!
Amelia Vargo 1202 days ago
Thanks for this – the exact same thing happens with our ‘meet the team’ page! Personally, I’d prefer to have someone else’s photograph show up instead of my own…..
Search Everything Optimisation « Let’s all go to McDonald’s 1179 days ago
[...] there are techniques which can be used to ensure you’re images appear as high as possible (Dave Naylor has a typically excellent guide). From a purely personal perspective, im actually more prepared to click through several pages of [...]