Optimizing Images for Search

  • by Adam McFarland
  • Published on 10/6/06
  • Article views: 566

Your Ad Here

When you think of building a search engine friendly site you probably don't think of optimizing your images. Title tags and META tags probably come to mind first, but optimizing images can attract more visitors to your site and enhance their experience when they get there. Properly optimized images will decrease page load times, allow people with disabilities that use screen readers to understand the content that they can't see, and bring new visitors to your site from image searches.

There are several important factors to consider when optimizing images on your site:

File Names:
Giving pictures an appropriate filename will help search engines determine its contents, especially for image specific searches like Google's Image Search. For example, naming a picture of a butterfly 'butterfly.jpg' is better than naming it '1234.jpg'.

Image Size and Quality:
The fact that both image size and quality are important causes problems for site owners. Lower quality images increase loading speed, but hurt rankings in image searches and detract from the overall user experience. Higher quality images help in image search rankings and look great, but cause pages to load slowly, which can be a problem for visitors with slow connection speeds.

I've found that the best way to get the best of both worlds is to have a small, lower quality image on the page that links to a higher quality image file. That way the page can be loaded and viewed quickly, but users wanting a closer look can click the image, and image searches will have a high quality image to index (increasing your chances of ranking high). For example, on an e-commerce site, it makes sense to place small thumbnail images next to the description of an item and then link the thumbnail to a higher quality image of the item for potential buyers looking to get a closer look.

Alt Text:
All images should include short alt text that describes the image. Alt text helps search engine spiders understand what your image contains, which will help them to understand the context of your page better, and in turn pass you more targeted traffic via search and image search. Alt text also helps screen readers tell disabled visitors what the image contains, enhancing their experience on your site.

A properly formatted HTML image tag with alt text looks like this:
<img src='image_title.gif' alt='Descriptive alt text here' />

Surrounding Text and Captions:
It is important that the surrounding text and image captions are consistent with the content of the picture. According to the Google Images FAQ:

'Google analyzes the text on the page adjacent to the image, the image caption and dozens of other factors to determine the image content. Google also uses sophisticated algorithms to remove duplicates and ensure that the highest quality images are presented first in your results.

Avoid Putting Text in Images:
There are some occasions where text in an image is necessary, but in general it should be avoided at all costs. It's common practice to use images with text in headers or other important parts of the page, usually because of the background or surrounding logos. While alt text certainly helps, it's best to have the text actually readable by search engine spiders and screen readers.

A simple alternative is to create your graphic with everything but the text, write the text by itself (formatted to your liking using CSS), and then make the graphic a background image of the text (also using CSS). This makes it look like the text is part of the graphic, when in reality it is part of the HTML.

You can see an example of this by going to http://www.seo-playbook.com/image_example.php. You'll notice that both images look the same, but the second one doesn't include the 'Page Title' in the image. Instead, it is part of the HTML code on the page. When Googlebot comes and visits a page like that, it will be able to read that 'Page Title' is a page heading and incorporate that accordingly into their results.

Adam McFarland owns iPrioritize - simple to-do lists that can be edited at any time from any place in the world. Email, print, check from your mobile phone, subscribe via RSS, and share with others.

Bookmark it: Digg this! Add to Del.icio.us Furl this! Add to Stumbleupon Add to Facebook

Rate this article:


More Articles

  • How to Use Myspace Layouts
    If you are an avid user of MySpace then you will no doubt be aware of the multitude of designs that each person can use for their profile. In the last few years people have ditched the standard template and instead replaced them with their own.
  • Free Clip Arts For Your Basic Design Needs
    The key to success in the internet lies in having either an informative or an attractive website or both. It is possible to create an attractive website by using the services of a web designer or graphic designer. However, this proves to be rather expensive in the long run and may not be feasible for everyone.
  • Optimizing Images for Search
    When you think of building a search engine friendly site you probably don't think of optimizing your images. Title tags and META tags probably come to mind first, but optimizing images can attract more visitors to your site and enhance their experience when they get there. Properly optimized images will decrease page load times, allow people with disabilities that use screen readers to understand the content that they can't see, and bring new visitors to your site from image searches.
  • Creating myspace layouts without any coding experience
    When we want to create or edit layout of our MySpace profiles, we must add or manipulate a piece of HTML and CSS code. The problem is just that not everyone know how to code and is not interested in that part either.
  • How to Create a MySpace Layout
    Creating a MySpace layout might seem tricky when you think about it but it is actually pretty easy. Here's a few steps that will help you in designing myspace templates.
  • How to Create a MySpace Layout
    Creating a MySpace layout might seem tricky when you think about it but it is actually pretty easy. Here's a few steps that will help you in designing myspace templates.
  • Creating myspace layouts without any coding experience
    When we want to create or edit layout of our MySpace profiles, we must add or manipulate a piece of HTML and CSS code. The problem is just that not everyone know how to code and is not interested in that part either.
  • Free Clip Arts For Your Basic Design Needs
    The key to success in the internet lies in having either an informative or an attractive website or both. It is possible to create an attractive website by using the services of a web designer or graphic designer. However, this proves to be rather expensive in the long run and may not be feasible for everyone.
  • Optimizing Images for Search
    When you think of building a search engine friendly site you probably don't think of optimizing your images. Title tags and META tags probably come to mind first, but optimizing images can attract more visitors to your site and enhance their experience when they get there. Properly optimized images will decrease page load times, allow people with disabilities that use screen readers to understand the content that they can't see, and bring new visitors to your site from image searches.
  • How to Use Myspace Layouts
    If you are an avid user of MySpace then you will no doubt be aware of the multitude of designs that each person can use for their profile. In the last few years people have ditched the standard template and instead replaced them with their own.
  • How to Straighten Out Your Tax Affairs in 2010
    Utter the word 'taxes' in front of people and you are sure hear a loud groan. Frankly, there are valid reasons behind this response: First of all, paying your taxes annually can be a financial burden, especially with the economic hard times which we are going through these days.
  • Benefits of Yoga - Redefining Life, Meditation and Exercise
    Yoga is a complete exercise for the mind, body and soul and it can give a person a change to know himself in a new light. Regular practice of Yoga has been known to reduce stress, increase concentration and also benefit one's overall health.
  • The Best Floral Perfumes
    Floral perfumes are considered the best perfumes all over the world. In fact the history of perfumes says that floral perfumes are the first perfume category of the world and thus popular also. Floral perfumes represent the essence of love and romance.
  • Coffee Gift Baskets
    Even a Coffee Bean or San Francisco Coffee outlet frequenter will not be able to master the art of appreciating true gourmet coffee unless they know the history and information about gourmet coffee.
  • Rent a car in Israel
    If you are already in Israel and wish to rent a car, then you can make a booking and tell the service to pick you up from wherever you are. The best part about car rental in Israel is that they are extremely flexible.
  • How to Straighten Out Your Tax Affairs in 2010
    Utter the word 'taxes' in front of people and you are sure hear a loud groan. Frankly, there are valid reasons behind this response: First of all, paying your taxes annually can be a financial burden, especially with the economic hard times which we are going through these days.
  • Ecommerce Checkout - Make Them Register
    The world of ecommerce is expanding daily as more and more retailers take their business to the web in the hopes of attracting a percentage of those ever finicky web shoppers. As the amount of businesses open up ecommerce shops online, the amount of web development companies is also growing, offering ecommerce solutions for even the smallest of budgets. It is important that web developers understand the dynamics of the checkout process when discussing the options with the client.
  • A History of Vintage Automobiles - From 1916 to 1924
    Before cars were around, people usually traveled distances using horse-drawn carriages. But as early as 1335 several bright minds have been trying to come up with a 'horseless carriage'.
  • 3 Rules to Follow in Your Logo Design
    When designing your own logo or getting it done by logo design professionals, ensure the following three basic rules and you will have a great and memorable corporate identity.
  • Top 10 SEO secrets
    Today everyone wants to have better search engine result pages ranks. However only one can have the rank 1. Therefore you need to optimize constantly your websites and to have an edge over others you need to do something different and unique. Following are 10 rare tips/secrets which can help you get high search engine ranks.


The opinions expressed in the above articles are solely of the authors and the owners of Point Articles may or may not agree with them. Copyright (c) 2008 Point Articles. All rights reserved.