SEO Introduction

home >> seo >> seo >>



Optimizing Your Images

As with any web page you want to optimize, there are certain things you can do to increase the ranking of the images on the web page as well. Here are a few of the commonly used techniques to optimize an image for an image search engine.

Of course there's no way of knowing for sure, but the following seem to be the most logical in order of importance.

A typical image tag will look like this, for purposes of illustration, we'll assume the image is a picture of a grey whale:


<img src="pic1.jpg" border="0" width="200" height="300"/>  


Note that you cannot derive any information from this tag regarding the image. Well, neither can a search engine.

Image "alt" Text

The "Alt" text refers to the "alt" or "alternative" attribute used in the image tag, it's main purpose is to provide some alternate text to describe the image in the event that a browser has image loading disabled, or does not support images at all. There are lots of text readers out there for the handicapped. It is important to use these alternative text attributes for accessibility.


  <img src="pic1.jpg" alt="alternative text"/>    

Image "title" Text

The title tag is recogised by browsers such as Firefox and will be displayed when you place your mouse over an image.


<img src="file" title="Image title" alt="Alernate text">  

Image File Name

The filename is also an important factor in optimizing for a search engine. In the example above we used "pic1.jpg". Not very descriptive. Renaming the file to "grey_whale.jpg" will help give the search engine spiders a clue about the picture.

Image Folder Name

The folder name can also be a factor in ranking the image, as with html pages. Typically, you would create a subdirectory in your main htdocs folder called "/images" and store all your images in there. However, if you have several images on your site, and you wnat to optimize them, it's better to organize them accordingly. Let's say we have 10 pictures of whales. So a better folder path for your images would be "/images/whales/" and put all your whale images with descriptive file names in there.

Let's take a look at a fully optimized image tag applying the suggestions above. It would look something like this:


<img src="/images/whales/grey_whale.jpg" border="0" width="200" 
height="300" alt="Grey Whale"/>  
<img src="/images/whales/blue_whale.jpg" border="0" width="200" height="300" alt="Blue Whale"/>
<img src="/images/whales/killer_whale.jpg" border="0" width="200" height="300" alt="Killer Whale"/>
<img src="/images/whales/humpback_whale.jpg" border="0" width="200" height="300" alt="Humpback Whale"/>


Not only does this help your ranking in image searches, it also is more accessible by people who use screen readers, for example a blind person.

Page Title

Page title, as always is an effective use of optimization. Read the full explanation of the page title tag. Google looks at several factors, and if your page has a title tag with the keywords in it, you are more likely to rank higher.

For the above example, a good title tag would look something like this:


<title>Grey, Blue, Killer, Humpback Whale Pictures</title>  


Note that we did not repeat any of the keywords words, a very common mistake which could penalize your ranking.

Page Content

The content is also very important, as the search engine spiders will read this content in determining what the images on the page could be about, read more about optimizing web pages.

Page URL

Lastly, and probably least important in the ranking of an image, is the url of the page. One might consider this factor if they are specifically targeting the images on the page, rather than the content. Regardless, a good url would be something like this:  

The url of the page which contains the image can also have an influence on the ranking of the image. It's worth considering if you want to rank higher. For example an image contained on the page "page2.html" may not rank as high as the same image (and all other things constant) which is placed on a page called "whale-pictures.html".




This article is licensed under the GNU Free Documentation License.
It uses material from the Organic SEO Wiki "Optimizing_Your_Images" Page , modified by Vl.Hristov.