How to Optimize Images for the Web | RazorSocial

How to Optimize Images for the Web

Optimize images for the webNot optimizing your images for the web means you are loosing out on potential visitors and when people arrive they may not stay.

Do you provide the relevant information to Google to ensure that images are indexed correctly?

Are your images too big so it takes too much time to download?

In this article we’ll discuss the best way of optimizing your images for the web.  This article is the third article in a series about images.


Why Optimize your images?

When you optimize a page on your website you are helping Google index your content correctly.  Google can’t read a picture so it needs to understand what the picture is about.  This naming and ‘tagging’ of the picture will help with the overall optimization of pages.

Google users quite often do an image search also but generally this is not a good source of traffic, particularly with the recent changes to image search.

1.  Give the image a good title

When you upload an image you can give it a ‘title’.  This is not important for optimizaion for Google but your website visitor will see this name if they move the mouse over the image.  So your title should be descriptive and give good information about what the image is about.

Tip:  Still try to include relevant keywords that you are trying to optimize on.  Just because Google doesn’t use the title now that doesn’t mean to say they won’t use it in the future.

2.  Give the picture an Alt Tag

An ‘Alt Tag’ is something that Google reads to find out how to index the image.  It also helps as part of the overall indexing of the web page.

The alt tag of main image for this page is ‘Optimizing Images for the Web’.  This is because that is what we want to rank on for this post.


3.  Create a good caption

As we want people to stay on our site and read your content you want to make sure they understand the image that is displayed.  The caption is text that appears below the image which describes what the image is about.

The majority of content management systems will let you enter the details for any image you upload.  You enter in the Title, Caption and Alt Tag (sometimes called Alt text).  In the example below there is a description field.  This is not used by Google so only enter it if you want to track more information about the image.


Create every image with a title, caption and alt text.  Description is not important as it's not used by Google.
Create every image with a title, caption and alt text. Description is not important as it’s not used by Google.


3.  Create  a reasonable filename

When you are uploading an image make sure to change it from abc135.img to something with relevant keywords in it.  This does not effect SEO but when users are searching for images the filename can also be displayed so it’s useful to include relevant keywords.

4.  Don’t have an image that is too big!

In a previous post on image size we mentioned a tool called where you could reduce the size of your images (Click here to read more).  This tool automatically reduces the size of the image without reducing the quality.

If your images are too large your page download speed will be slow which will mean visitors won’t wait around.  This will also effect Google.

5.  Consider other Image platforms

We now have to consider how we get our images shared on other platforms.  If Pinterest is relevant to our brand we may include text on the image itself.  If someone shares this image on Pinterest then it’s more likely to stand out because of the text and this may lead to more clicks back to your website.  Read the post about how to optimize images for Pinterest.


There are just some practical tips to optimize images for the web.  Useful?  Any more to add?

The other 2 articles are:

5 Excellent tools for modifying images

How to make your WordPress blog Pinterest friendly?


photo credit: kevin dooley via photopin cc

21 Responses to How to Optimize Images for the Web

  1. Thanks, Ian! This is the best article explaining all of the secrets to maximizing images on our blogs and websites. Your explanations are clear and concise. Now I have to go back to my blog, newsletter,etc and make some changes in my media libraries.

    Terri Maurer
    Maurer Consulting Group

  2. Thanks Ian! I have been reading thousands of articles on SEO for the past few months and I still have a lot of things to learn. I just wish I had paid more attention at the beginning so I don’t have to revisit all of my previous posts to make them more SEO friendly.

  3. Thanks Ian! I had always had the doubt on how to optimize product images for an e-commerce website. If the file image is a refernce code like 056148, I guess I can only optimize it by giving it the alt tag, right? What is your suggestion?

  4. Thanks !! Nice article.. Very helpful to me!
    By the way, I used a use and nice image optimize tool for mac.
    IMAGEmini is powerful and easy to use.I love the custom resize function…
    More information,you can search IMAGEmini in Mac App Store.

  5. Thanks for the awesome article! Here you describe image-optimizing tips are interesting and these will be helpful for many people. I agree with you. Now a day’s image-optimizing is more popular and effective.

  6. Image
    optimization is one of the structure blocks of on page optimization. Images are
    a strong visual element of a webpage. Thanks for sharing these image optimization tips.

  7. Good overview of image basics. Never really thought captions did much for SEO but I guess they can’t hurt. I’ve always left them off because of they may detract from the overall look. They do make sense in some cases though and since they only add to the rich text on the page, it can’t hurt. I wouldn’t do them unless they were helpful (and not redundant) for readers.

    I did a video this week on optimizing images for size and speed that your readers would find helpful to expand on your point #4. It’s here:

Leave a reply