Wondering how to How to Optimize Images For SEO and what it is? Image optimisation for SEO is making sure that you follow SEO guidelines for the images you use on your website. This is important for anyone with a website, but especially those with an e-commerce site or very niche content. You want Google and other search engines index and rank your images. Good image optimization also help contribute to higher page rankings.
Adding alternative text to images on your site is also a principle of web accessibility. Alt attributes enable screen readers to read the information about on-page images for the benefit of a person with complete lack of sight, visually impaired, or who is otherwise unable to view the images on the page.
From reducing image file sizes so that they don’t impact site speed, to how you name your image files, and what file type you choose, optimising images will take some thinking and a little extra time but is worth doing properly.
Here’s a list of tips to help Optimize Images For SEO
Image file names
Alt attribute optimisation
Image file size reduction
Appropriate file types
Limit use of decorative images
Image File Names
Warning!! If you are going to Optimize Images For SEO and already have a lot of images on your website that you haven’t optimized for SEO, I would strongly advise against making any changes to your existing images. Any changes you make now could negatively impact on your SEO, especially renaming your images if you have existing images already indexed and have authority.
The best thing to do would be to implement the below suggestions with any new images that you add to your website.
Image file names are an easy way to improve your on-page SEO.
Remember the following:
• Use keyword descriptive language
• Don’t use stop words (such as a, in, the)
• Use hyphens, but don’t use underscores (Google doesn’t recognise them!)
Use keyword descriptive language
Use descriptive language to describe an image. Don’t use names such as image1, img1903 or deamstime194545.jpg. Be as descriptive about the product as you can including brand, color, location and applicable properties. Below is an example for a pour over coffee maker from Chemex.
Poor example: coffee-maker.jpg
Better example: chemex-pour-over-coffee-maker.jpg
Get rid of default names that your camera gives each image- these won’t help your images rank on Google or other search engines. The image file name gives Google’s bots clues as to what the image is. Image0001 doesn’t tell Google much!
Image file names are also important because they will help the customer find you. When your customer is searching for your product, think about what words they would search. In the example, possible search queries could be: chemex, pour over coffee, or coffee maker.
Don’t use stop words
While your english teacher might care about proper grammer, when it comes to file names,
Use hyphens, not underscores
Google has actually stated in the past that underscores shouldn’t be used as they aren’t good for SEO- Google bots can’t recognise them. Make sure you use hyphens instead.
poor example: filename_using_underscores (Google reads this as filenameusingunderscores)
good example: filename-using-hyphens
Alt Tag optimisation
What’s an Alt Tag?
An Alt Tag is alternative text used for your image for when a browser can’t render the image properly. Often you can see what the alt text is by hovering your mouse over the image.
Alt tags help improve your site’s SEO, especially if you use your keywords strategically. This will help you rank better on search engines. For e-commerce websites, alt attributes is one way to ensure that your product images are found on Google.
You need to add an alt tag to each image on your site. Here are some things to remember when adding alt tag:
-Including product model or serial numbers if there are any
-Use keywords strategically- don’t keyword stuff but use them naturally, just as you did with image file names
If you have multiple photos of your products (for example from different angles or different colours), make sure you differentiate each alt tag by including information about the angle or colour.
Going back to our Converse example, if I took photos of the shoes from the front and back, I could do the following:
Image file name: Converse Chuck-Taylor-Green-Shoe-Side.jpg
Alt Attribute: Converse Chuck Taylor Green Shoe Side
This tells Google and users that the photo is the front of the shoe. Do the same with the back of the shoe and replace the word “side” with “back”.
Reduce Image File Sizes
Large image file sizes slow down a website, which impacts on the user experience and your SEO. Your users are more likely to leave a site if it’s taking too long to load due to images or other speed issues.
Google favours websites that load faster and give users a better experience. Its algorithm penalises sites that take too long to load.
The good news is there are simple ways to reduce the image file size.
If your site runs on WordPress, download the Smush plugin which reduces your image file sizes without compromising the quality of your images. It’s the most popular plugin for image compression and is very easy to use. The best thing is you can set up Smush so that in future it auto compresses images when you upload them on your site.
Other plugins include EWWW Image Optimizer, Hammy (which is great for increasing mobile speeds) and SEO Friendly Images (which also edits your alt and title tags).
Choose Appropriate File Types
Your image file type will impact on your site speed, so choose wisely.
JPG, PNG and GIF file types are typically used for images however each of these has a different impact on file size and page load speeds.
JPEG images are the standard used, as they can be compressed into a smaller file size without having too much of an impact on the quality.
PNG images are increasing in popularity. They are great for complex images with lots of colours however their file sizes are larger than JPEGs. With PNGs, you can choose between a PNG-8 file size or a PNG-24 file size but this will change the quality of the image. It’s better to use PNG-8 over PNG-24.
GIFs are also popular but are better suited to decorative images, animation and thumbnails, and not photos. This is because the photo quality reduces in order to remain at the low file size.
Summary- For photos (especially product photos), JPEG and PNGs are best. GIFs are great for decorative images, thumbnails and animations.
Manage Your Thumbnails
Lots of e-commerce sites use thumbnails for their products, to give users a quick look at products without taking up too much space on the page.
While site owners might think this is good for user experience, thumbnails impact on page load speeds, which ISN’T good for user experience (or for SEO!).
Make thumbnail file sizes as small as possible, even if this sacrifices image quality. This helps increase page load speed.
Change your thumbnail’s alt attribute so that it is very different to the original image’s alt attribute. You don’t want your thumbnail being indexed over the original larger image!
Image sitemaps tell Google about the images on your site, and helps users search and find your images on Google. You use sitemaps to let Google know which images to crawl and index on each page.
Limit use of decorative images
Decorative images such as borders, backgrounds and buttons can impact on your page speed and SEO. Buttons are common for e-commerce sites, but limit the use of borders and background images. Instead, use CSS styling as much as possible.
Optimize Images For SEO In summary
For SEO best practice, do the following with your website’s images:
- Use descriptive words and keywords in your image file names
- Don’t use stop words or underscores in your image file names
- Strategically use keywords in your image alt tags
- Reduce image file sizes through compression (eg Smush plugin)
- Use appropriate file types- JPG is best, and PNG-8 is also suitable
- Reduce thumbnails even if it means sacrificing image quality
- Create and submit an image sitemap
- Limit the use of decorative images