Youâ€™re already optimising your site for search engines. Youâ€™re researching keywords and optimising everything from meta description to copy. (If youâ€™re not doing these things, then check out our guide on vital SEO first steps for a new website). But what about images? Are you putting in the work to ensure that search engines can â€śreadâ€ť your images and understand what theyâ€™re about? If youâ€™re not, do you know what youâ€™re missing out on?
Why optimise images
While you might ask â€śwhatâ€™s the point?â€ť since Google image search only gets a half a percent of Googleâ€™s overall traffic, there are many other excellent reasons why you should optimise your images. From attracting users to your site who are perusing Google images using certain keywords to reducing site load time. Image optimising can also lead to higher rankings in web search.
To enjoy all these benefits, you donâ€™t even need to do much. Just set a unique title, an ALT text and a short description for each image you add on your site or blog so that search engines can understand what your image is about. In this post weâ€™ll walk you through every step of the image optimising process so you know exactly how to make your images search engine friendly.
How to optimise the image during creation
Before you even think of adding an image to your site, there are two things that you need to do:
- Give it a descriptive file name
If youâ€™re uploading an image to your website or blog from your smartphone, digital camera or even from a stock photo site, it probably has an automatically generated numerical file name like DCMIMAGE10.jpg or mt_fuji_477832_1280.jpg. But search engines canâ€™t â€śreadâ€ť that or understand what itâ€™s about.
So if you want to search engines to work out what content the image contains, you need to give your image a proper name. Use descriptive, keyword-rich file names that clearly explain what the image is all about. For example, an image of a pair of womenâ€™s black leather shoes should have a file name like â€śwomens-black-leather-shoes.jpgâ€ť. A short, clear and descriptive file name will act as an indicator of your imageâ€™s content for search engines.
- Reduce its size
There are two aspects to an image file size: dimensions and how much storage space it requires. When optimising an image, the bigger it is, the better. You want to ensure that your image displays properly on most computer monitors. So avoid using small, thumbnail-sized images unless they are the only option thatâ€™s available.
As well as being large enough to be visible on most monitors, itâ€™s important that all your images are lightweight. Large images take longer to load and can slow down your site. Why is this relevant? Because most users wait about three to five seconds for a website to load before they decide to leave. In addition, page load time is also a factor in Googleâ€™s ranking algorithm, which means that if your site takes too long to load you can lose not only potential customers but also rankings.
To tackle this issue, use software like Adobe Photoshop, Skitch or gimp to decrease the size of your image files on your website. The tools will also help you to maintain the quality of your images as you definitely donâ€™t want to compress them so much that they donâ€™t look good anymore.
How to optimise the image when adding it on the site
After youâ€™ve given your image a proper file name and have reduced its size so it doesnâ€™t affect your page load time, you can finally add it to your website. The next step is to optimise your image by adding an ALT tag and a Title Tag.
A Title tag is the text alternative to images when a browser canâ€™t properly render them. It appears on hover or instead of the image when the image canâ€™t load for some reason.
The ALT tag stands for alternative information. Since Googlebot canâ€™t actually â€śseeâ€ť the images it relies on the information you include in the ALT tag to determine what the image is about. For example, if our imageâ€™s file name is â€śwomens-black-leather-shoes.jpgâ€ť the ALT text can be â€śA pair of womenâ€™s black leather shoesâ€ť.
Like your imageâ€™s file name, the ALT text you use to describe an image should include a keyword that is relevant to the content. If the image is irrelevant and youâ€™re adding random keywords in the ALT text just to have some keywords in there, you might be falling in the over-optimisation trap, which can do a lot more harm than good.
Two other things to consider here are image sprites or icon fonts. Image sprites are multiple images that are aggregated into single images or â€śspritesâ€ť. Theyâ€™re particularly useful for improving site speed when you have lots of arrows, logos, icons, buttons and other visual elements on your web pages that are not content images. CSS references only the relevant area of that sprite to display a specific image on the page. Image sprites are helpful as the fewer images the browser has to request and the smaller the transfer size, the faster the page should load. Find out more about image sprites and how they work.
Itâ€™s similar with icon fonts, which are groups of vector graphics combined together as a custom font. They scale well to any screen resolution and styling them is much easier than updating a sprite.
How to further optimise outside the website
Google allows you to create image sitemaps now. Theyâ€™re similar to a standard sitemap, the only difference being that itâ€™s purely for images. You can add captions, titles and geo location via simple XML markup. Simply generate the image sitemap and upload it to your Google Webmaster Tools (GWT) account. If you donâ€™t know how to use GWT, check out our guide that walks you through the various features.
If youâ€™re not already optimising your images for search, you should as there are so many benefits, including attracting users to your site who are looking up specific keywords on Google Images as well as a speedier website. In addition, while some of these tactics wonâ€™t have a huge impact on your image rankings on their own, if you combine them all, you could also see an increase in rankings.
Are you optimising your images for search?