Optimizing Images for Search
- by Adam McFarland
- Published on 10/6/06
- Article views: 287
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.
More Articles
-
-
-
» Latest articles
-
» Highest rated 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.
- Types And Uses of Medieval Armor
The earliest form of medieval armor -- mail (a.k.a. 'chain mail') -- traces its origins back to around 500 BC. The Celtic people developed this kind of armor -- iron rings woven together into a protective garment -- and the Roman Army later copied this engineering to protect its soldiers.
- Know About Otitis Externa
Otitis extern is a common problem of the ears. The inflammation occurs in the outer era canal and affects the tube that is located in between the ear drum and the surface of the external ear. This disease is commonly known as swimmers ear. Generally bacterial growth of the fungal infection can cause this problem.
- Diamond Color Grading Scale
Diamonds come in virtually all colors of the rainbow, from the 'beautiful violet' of the Hope diamond to shades of blue, brown, gray, orange, etc. But colored diamonds are very rare and precious. Chances are, all the diamonds you'll see in your diamond shopping will be white or yellow, and the whiter the better. Some people are more sensitive to the color of diamonds.
- Should Alcohol Ads be Banned on Television And Internet?
It is hard to battle alcohol addiction when television seems to urge people to drink. Alcohol and liquor ads are everywhere. Even if you browse the internet, you will find loads of alcohol ads. These ads are very encouraging. They cover up the many warnings of the harmful effects of alcohol in the body.
- Is there a reason that American Football is not an Olympic sport?
Has it ever surprised you that one of the greatest sports in one of the greatest nations is not shared with the rest of the world? This article is meant to point out some of the peculiar reasons that it might not qualify for any future Olympic Games.
- 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.
- Common mistakes before starting a website
If you want your website to be a big hit then you need to avoid some common mistakes before starting one. Here you have a list of pitfalls that are designed for beginner and for many established ones too. Check out the common mistakes that have to be avoided for sure!
- 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.
- Reiki and how it can help you Heal
Reiki is a valuable healing tool which involves the practitioner placing his or her hands on the client without actually manipulating the body in any way. This makes Reiki an ideal healing tool for people who suffer from all kinds of conditions, both physical and emotional. This article discusses what is involved in a Reiki session and what training a Reiki practitioner undergoes.
- 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'.
