Having an online presence is a must for businesses in 2021 since 80% of consumers head to the web to browse and compare their options before making a purchasing decision.
There’s a lot to think about when it comes to your business’ website, from content and SEO to site design and marketing, but a super important element in success is images, more specifically, ensuring they’re optimised.
In this article, we’ll explain why image optimisation is so important, and how you can nail it to set your business up for online success.
Optimising images for the web is a process aimed at delivering images in the right format, resolution, and dimension, without compromising on quality, by keeping the smallest possible file size.
Image optimisation matters because it has a big impact on page load time and SEO success, both of which can directly impact your bottom lines. For example:
The takeaway? Image optimisation is mission-critical in building a successful online presence, so now let’s dive into how to nail it.
If you’re wondering whether or not to include an image to accompany some text, the answer is nearly always yes.
Images help readers to understand what you’re saying, illustrate what you mean, and make your text more enticing. The old adage ‘a picture’s worth a thousand words’ definitely rings true.
Plus, visual search is getting more and more popular, in fact, according to Google’s own ‘vision for the future of search’, it could land you a fair bit of web traffic.
When it comes to selecting which images to use, ideally, it’s always best to use originals - photos that reflect what you’re saying and actually show off you and your business.
Stock images can be okay from time to time when you’re trying to break up longer texts, but remember not to add them willy nilly for the sake of it, and always place them near the relevant text.
As anyone with an online presence will tell you, SEO is super important to online success, and the same goes for image SEO on your visuals.
Creating keyword-rich and descriptive file names for your pictures is key, as search engines crawl your image file names alongside the content on your website.
So, when taking pics of your products, take the time to change the file names assigned automatically on your camera to something more SEO rich. For example, let’s take a look at this image…
Imagine the camera assigned name is DMIMAGE356.jpg - a much better name would be 2021-red-leather-ladies-handbag.jpg.
Always keep in mind how consumers search for products like yours and include this language in your image descriptions. You can use tools like your website’s analytics to get your hands on key search terms and patterns.
When a browser can’t properly render an image it’s an alt attribute that’s displayed as a text alternative - these are also used as a tool in web accessibility - and are another tactic at your disposal to boost the SEO value of your website, aka, they’re really important.
Good to know: depending on the settings of a browser, an alt attribute might be displayed if the mouse hovers over an image.
An alt attribute looks something like this (in bold):
<img src="red-leather-ladies-handbag.png" alt="red-leather-ladies-handbag">
An alt attribute should be sufficiently descriptive but shouldn’t be stuffed full of spammy keywords. If you could have someone close their eyes and be read your alt attribute, and they could muster up an image in their head that comes close to your picture, you’re on the right tracks.
Let’s take a look at some good and bad examples of alt attributes for the following image.
Yes, they’re pancakes, but there’s a lot more to be said.
Mediocre <img src="fruit pancakes.png" alt="fruit pancakes">
Again, this isn’t enough to conjure up a realistic image and doesn’t accurately describe what we can see.
Bingo. It’s descriptive, accurate, but not spammy.
For images of items such as the pancake example above, one picture is likely enough to get the message across. But, in the example of the handbag, you’re probably going to want several photos to show consumers shots of:
To make the most of these additional photographs and optimise the images, be sure to change the image description and fill out your alt attributes for each, for example:
alt="red leather handbag silk interior compartments">
Put the effort in and add descriptions to your base alt attribute and Google will reward you with searchers landing on your website.
We’ve all seen it happen, you head to a website and the visuals appear painfully slowly, bit by bit, taking what seems like an age to fully load. This is the worst-case scenario for businesses, as we’ve already heard the effect slow page load time can have on traffic. So what can you do?
Webpage load time is directly impacted by the size of the files on that page, so if you decrease file sizes you can increase page load time.
There are multiple tools at your disposal to reduce file sizes, here’s a rundown of our favourites:
A good rule of thumb for eCommerce websites is to keep image file sizes below 70kb if possible. This isn’t always easy for larger images but it’s helpful to consider the size in which you upload your images as this will help.
Most good website building tools will give you options when you craft your pages and insert your images as to what size you want to upload, but remember to always keep an eye out for quality and check the smaller file size hasn’t compromised the image or made it pixelated.
JPEG, PNG, and GIF are the three most common file types on offer and can affect images in different ways.
Generally, anything non-product related is considered a decorative image, for example, stock imagery, backgrounds, and borders.
It can be tempting to add an array of decorative images for aesthetic appeal, and in some cases, it’s necessary to break up longer texts or bland pages, but do this with caution.
The more images you add to a page, the bigger the impact on page load time. The key is to find the sweet spot between being aesthetically pleasing and degrading the consumer experience and load time.
You can do this by checking the file sizes of all your decorative images and reducing them where possible, using the templates on offer by your platform to minimise file sizes, and removing any unnecessary filler images.
Remember, having ample white space on every web page impacts overall SEO, and consumers don’t like to be bombarded with too much colour or a page that’s too busy, so use your decorative images wisely.
When it comes to optimising images for your business’ website, here are our four key takeaways: