The search engines take into consideration the entire content of a Web page. That’s why the image and sound files you display on a Web page should be related with its topic.
The best way to define this is “harmony.” The search engines want you to create harmonious content and not a soup of mismatches. Just like algebra where you group like objects together, on a web page you don’t mix the apples with the pantyhose.
“But, hey there, wait a minute,” you say. “How can the search engines judge what I display on my pages since we all know that they only read text?”
In fact, they need your help to understand images and other collateral files and that’s the advantage you have over the bots.
You have to apply the most basic SEO principles to help the bots understand the content of the image and sound files. You need to target keywords and write, yep, you guessed it, text.
Use keywords to name the image files. This works pretty much the same as naming HTML files (this topic will be analyzed in a following article).
For example an image file called cloudy-sky.jpg will usually rank higher than cloudysky.jpg or cloudy_sky.jpg. That’s because cloudy-sky has a more logical spelling (for both the search bots and the people) than cloudysky or cloudy_sky. There are SEO voices that say that Google doesn’t parse keywords in URLs when they are run together, but I wouldn’t count on this as a general rule. There are enough exceptions.
The image file name is not the only factor to making images rank.
The search engines look at the content around the images (and video and sound files) to judge their content. They take most of the information they need from that text. So it is important to have the content and the images interrelated.
For example,the image below will show you what Google displays in its image search results when someone types in Mihaela Lica.
The first three images do represent me, but most of the results are “related” to my name, which used in the search query box, becomes a keyword phrase. The only other “human” picture aside those representing me is a photo of the Italian actress Maria Riboli. Because I posted her picture in an interview on my blog, Google indexed it in its image results and it associated it with my name.
I uploaded the picture with the same file name as received from Maria, so from this point of view the image was not optimized. No wonder that the Google image bot is a bit confused.
But the image is properly optimized: it has an alternative text (“alt”) attribute — and a title tag.
<img width=”189″ height=”282″ border=”0″ style=”margin: 0pt 10px 10px 0pt; float: left; cursor: pointer” alt=”Maria Riboli.” title=”Maria Riboli.” src=”http://www.ewriting.pamil-visions.com/img/mariariboli_7268.jpg” />
But the search engines, although they do take those elements into consideration, place more weight on the text content around the image than the text placed on the image itself.
The keyword “Mihaela Lica” is in the immediate vicinity of the image depicting Maria Riboli. So the Googlebot returned the most logical guess possible for the association of that image.
If you go back to image showing the Google results for “Mihaela Lica” you will notice that the URL listed under Maria’s picture is http://www.ewriting.pamil-visions.com. This is the URL of the personal blog of Miheala Lica, the main website that Google associates with that name.
Now look at all the other images listed in the search results for that name. Obviously Mihaela Lica is not a cup of coffee, so the logical conclusion would be that my name is present on the page where that image comes from. Take my word for it: my name is there either in blog comments or possibly in the very text of the blog entry.
All these elements prove that, although they don’t ignore your HTML image optimization work, the search engines place more weight on the content around the images than the content on the images themselves.
This is the reason why you should write a snippet that summarizes the content of the image, in the immediate vicinity of the image. This is also why you shouldn’t stuff your ALT and title attributes with keywords.
Google uses other algorithms to rank images.
The primary purpose of inserting ALT and title attributes for images is to explain the content to the users, not to the search engines.
If the search engines don’t place so much weight on ALT attributes and image titles why should you include them? First for accessibility reasons. People who are surfing with their images turned off will still know what the image is all about. Then, if you use correct descriptions for your images, the general SEO scores for the Web page as a whole will be higher. That’s because you will have created that harmony between text, images and site that the search engines are looking for in order to rank your website.
A correctly optimized image from an HTML point of view would be:
<img src=”http://www.yourwebsite.com/img/image.jpg” alt=”Your keyword focused image description.” title=”Your keyword focused image title” width=”100” height=”100”/>
where you replace width and height with the actual sizes of the picture you want to display on your website.
Also, “keyword focused” doesn’t mean that if you have a picture of a strawberry you write “SEO chart.” Describe the picture. Write “fresh strawberry” or, if you insist on including “SEO”, find a way out like: “fresh strawberry adds beauty to SEO content.”
Remember:
- use keywords in the image file names
- do not unite the keywords but separate them with dashes, not underscores
- include keywords in the image ALT attributes
- include keywords in the image title tag
- place the image in the immediate vicinity of keyword-related content
- keep the number of unnecessary images per page as low as possible (unless you are displaying a photo gallery or product search results)
What an interesting and readable post. I thought I knew quite a bit about SEO and images, but can tell I have way to go and a lot to learn. What amazes me, is that it is not that complicated either – if one knew. Now I know, thanks to you!
RennyBA’s last blog post..EUCIP Certification of Informatics Professionals in Norway
Most of the webmasters ignore the Alt attribute in images but its important to take care of every element of the website while doing SEO
Mig, after reading your well written article about the “Optimizing Graphic Images”, I finally understood why I should use keywords in the image file names. This is really awesome, especially when you’re talking about “do not unite the keywords but separate them with dashes, not Underscores”. For your information, I always made this small mistake…
Good post Mihaela. There are many website who get tons of traffic from images searched in Google and other engines. But its very important that images should be related to content and well optimized by including right keywords in alt text. You have explained this in great detail here. Thanks for sharing this information.
Winson John’s last blog post..Freebie 2- One Time Offer Templates For Your Website
Great tips, you know this gets easily overlooked and you brought some good insight to this technique.
JustinSMV’s last blog post..Twitter Spring Clean Up
Very good points, I think most people don’t bother to optimize images myself included.
Exact to the point, images can capture peoples attention and drive traffic to our website, so its a nice idea to optimize it also, thanks for sharing these tips on how to optimize images, it will be much easier for me now..
Great , great advices about how to optimize images. Until several days ago, I didn’t know of such things, then I start to google some info. Just now i can say I learned about how to so that, when I readed your blog post.
Btw, Mihaela Lica is a Romanian name, isn’t it ?
Hi Marian, yes, my name is Romanian, because I am Romanian 🙂 The image optimization is very important for a site like yours. 🙂 I liked it very much.
Nice list of advices. Last month I got 3000 visitors to my blog because of good description of one of pictures 🙂
Good tips. I always use these techniques to make sure my keyword density is 100%
.-= Melissa´s last blog ..visiblexposure Miami, FL =-.
Melissa, a keyword density of 100% is the worse idea in the book! It is also impossible. 🙂
Great article, and the ‘snipper’ suggestion is another opportunity to build in your keywords and reiterate that location if you are promoting a local service with Google Places.
Amazing tutorial! I learned things that I never knew before. Thank you for shraing this helpful article!