How to optimize images for SEO

Images are a great way to communicate information for relaying your message. To have a successful blog or e-commerce business image optimization is vital and is one of the building blocks of Onpage optimization. So how to optimize images for SEO?

Although this being the case, and although most of the information regarding image optimization techniques are plentiful on internet, most of them fail to explain how you can and should utilize images so that Google can make the relation between your web page, target keywords and your images.

Include keywords in your image file name.

Search engines not only crawl the text on your webpage, but they also search for keywords within your image file names.

Create a descriptive, keyword-rich file name for optimizing images for SEO.


alt and title tags for image optimization in wordpress

alt and title tags for seo

Alt tags

Images can also allow to utilize alt attributes which is basically an alternative text version when a browser can’t properly render them. If you hover over the image with your mouse pointer, you can see the alt tag text created for that image.

Adding appropriate alt tags to the images on your website can help your website achieve better rankings in the search engines by associating keywords with images.


<img src=”onlineshouter.jpg” alt=””/>


<img src=”onlineshouter.jpg” alt=” onlineshouter “/>


<img src=” onlineshouter.jpg” alt=” read onlineshouter for seo knowledge”>

To be avoided

<img src=” onlineshouter.jpg” alt=” onlineshouter books reading seo optimize images internet/>

Title tag

Title tags should not consist of nothing more than a list of comma separated keywords.

Create keywords that are readable and understandable and SEO friendly.

Try to include your primary keyword and company’s name in the title tag.

title tags for seo

title tag for seo

Image sizes

A good rule of thumb for ecommerce images is to try to keep your image file size below 70 kb.

Don’t place the largest image on your webpage and simply shrink the dimensions via the source code.

This will increase your page load time because of the larger file size associated with the large image.

Instead, make it a smaller image and provide the option to view a larger image in a pop-up or to be displayed on a separate webpage.

One way you can reduce image file size is by using Adobe Photoshop or Picasa.


Make your thumbnail file sizes as small as possible because your thumbnails have a huge effect on your page loading time.

Don’t duplicate text that you would use for the bigger versions of the same image. Keep varying your alt text as you want the thumbnail being indexed instead of the large image.

Use Image Site Maps

Web crawlers can’t crawl images that are not called out in the webpage source code. So in order to let them know about these images, you must list their location in an image site map.

You can create a Sitemap by hand or use a third-party generator to create your Sitemap file to help search engines discover your image.

Once you have that file, upload it to Webmaster Tools. Though it’s crawling process, the webmaster tools will automatically detect changes in it.

Google suggests for each URL you list in your sitemap, you can add additional information about important images on that page.

The following example shows a sitemap entry for the URL, which contains two images.

<?xml version=”1.0″ encoding=”UTF-8″?>

<urlset xmlns=”″



 <loc>http:// /sample.html</loc>


<image:loc>http:// /image.jpg</image:loc>



<image:loc>http:// /picture.jpg</image:loc>




The syntax outline in the example above allows you to list up to 1,000 images for each page.



Author at onlineshouter
Christine writes for people who seek for knowledge about SEO, blogging, online marketing, gadgets and web apps.


Leave a Reply

Your email address will not be published.