Hosting Tutorial & Guide

How to Optimize the Images on Your Website for Better Performance?

updated on Sep 14, 2014
How to Optimize the Images on Your Website for Better Performance? Images play an important part in website development, as their visual appeal is a powerful way to attract and retain reader attention. In addition, optimizing the images on your website can help you get many potential visitors and make people stay longer with your site. In below, we have worked out a comprehensive tutorial to list the main steps to optimize images for better performance.

1. Check Your Licenses

You have to make sure that you hold the appropriate licenses to the images you plan to use before modifying your images to make them more attractive to the search engines. You need to know that you can't simply click and copy an image you find on the web to use on your website. Conversely, you have to download royalty free stock imagery, find images that have been licensed for commercial use under the Creative Commons license or purchase images from photo websites.

Although your image licenses are in order can't improve your SEO, it is able to prevent you from receiving DMCA notices from photographers who owns the pictures and have the right to disrupt your business.

2. Resize & Compress Your Images

Reloading images to the fly consumes digital resources may slow down your site's operations. Because the site speed is becoming a more and more important factor to your SEO performance, you should try to do things to minimize the number of resources used for better performance. Therefore, once you have downloaded the images you want to put on your site, you need to take some time to use Photoshop or SnagIt to resize the exact dimensions at which they will be displayed on your site.

Optimize Images - ResizeBesides the size of your images, the information they contain also determine the number of resources required to load it to your site. Therefore, you need to compress your images by using Yahoo!'s tool to remove the unnecessary bits from your image without changing its overall appearance with just a few clicks, which can speed up your site and improve its SEO performance.

3. Give the Images Good Names

When you upload images, you are able to give them names. This is important for optimization for Google, while your site visitors can see the names when they move their mouse over the images. Therefore, your titles should be descriptive and well related to what the images are about.

For example, if you run a website that sells high-quality watches that are in the process of uploading a picture of a gold watch, don't leave your file names in their original photographer formats, whereas place them with a keyword-optimized version like "high-quality-watches-gold-watch.jpg".

4. Add Alt Tags

Because search engines are unable to read images, you need to use alt tags to describe your images. The key to creating good alt tags includes 3 points: image needs a proper description, without keyword stuffing; it should be keyword rich; and it needs to be short and to the point. For example, if you have an image of the gold watch from your high-quality watches store, your alt tag should like this: Alt=" gold watch from high-quality watches store". The full image should look like:
Optimize Images - Alt

5. Create Good captions

Optimize Images - CaptionsBesides the 4 steps mentioned above, you also need to create good captions that are texts appearing below the images which describe what the images are about, which can attract the visitors to stay on your site longer and read the content you want to make sure that they understand the images that are displayed. Besides, the majority of content management systems enable you to enter the details for any image you upload.

Besides, if you want to know how to write an SEO optimized blog post in WordPress, you can refer to this article. In addition, there are articles introducing the top 5 WordPress SEO plugins and the 5 best Drupal SEO modules that work for boosting search engine ranking.