Flying Spares, provider of spare parts for vintage cars and high quality marques, displaying a Rolls-Royce from their eCommerce Shopify development from magic42

Flying Spares

International B2B Magento with 240k catalogue, Khaos Control Integration and digital marketing.
See our work
Stone Computers Case Study by magic42

Stone Computers

Adobe Magento Commerce B2C, B2B portal and PunchOut sites and bespoke loan payment solution.
See our work
Alan Paine quality clothing retailer showing their brand, as featured in their case study for their eCommerce website with magic42

Alan Paine

Multisite, B2C migration from Magento to Shopify Plus with ERP integration.
See our work
Haws Watering Cans case study after eCommerce development agency, magic42, migrated their site to Shopify

Haws Watering Cans

B2C eCommerce strategy, UX improvements, AdWords and Klaviyo email marketing management.
See our work
Alan Paine quality clothing retailer showing their brand, as featured in their case study for their eCommerce website with magic42

Alan Paine

Multi-site, B2C migration from Magento to Shopify Plus with ERP integration.
Find out more
Roger Clark Motorsport automative eCommerce client case study from magic42, showing high quality silver cars in a slick garage

Roger Clark Motorsport

B2C and B2B migration of bespoke, global automotive parts website to Shopify.
Find out more

Call Us

Speak to a Shopify expert:

0121 663 6360

Get in touch 
magic42 - eCommerce development experts born from retail success

Born from a retailer

Read the full story of how our award-winning retail business developed into magic42.
Find out more
Envision Workshop documents as an outcome from our replatforming and migration meeting for your eCommerce website

How we'll work with you

Find out what it's like to partner with us and the steps involved for your eCommerce project.
Find out more
Alex Ashman, director of magic42, in a bumper car with a huge grin on his face as he mingles with his eCommerce development team at magic42

Looking for a career with us?

Take a look at what it's like to work at magic42 and the opportunities we offer.
Find out more

Call Us

Speak to our eCommerce experts:

0121 663 6360

Get in touch 

How to optimise your images on your eCommerce product page for SEO

Author: 
Alex Ashman
Published: 
October 8, 2021

We often are asked about what size images should be used within an eCommerce site, but something that’s often overlooked is the opportunity to improve your rankings through some simple techniques.

SEO Image optimisation is a good habit for your teams to get into in helping improve your site performance in Google and other search engines, especially Google Images.

In this article, we will go into detail about how you can optimise your images and the best practice in particular for eCommerce websites.

How does image optimisation help in SEO?

  1. What to consider when optimising an image for eCommerce
  2. Example image optimisation for SEO on an eCommerce product page
    1. Otterbox iPhone 13 Black Case image optimisation
  3. How to edit image alt text in Shopify & Shopify Plus
  4. How to edit alt text in Magento / Adobe Commerce
  5. How to edit alt text in WooCommerce
  6. Looking for eCommerce SEO advice?

The images that you use for your products on your website are what your customers need to make a judgement on what it is you are selling. 

Google states that image name and alt text are important. If you have a product that you want to rank well on either the search results page or Google, then image optimisation is an essential step in giving your product the best chance to rank.

What to consider when optimising an image for eCommerce

The Google crawler relies on you providing them with as much information as possible to help it understand what it is your page is offering. This along with many other factors is what determines how well your website ranks in Google.

When it comes to image optimisation, some of the factors that you need to consider are:

  • Name your filenames descriptively – you should ensure your image filenames have the correct properties and are describing the image accurately
  • Optimise your alt tags – your alt tag should be named as accurately as possible. File name and alt descriptions should be closely aligned

Now let’s walk you through an example of how you can optimise your images quickly for eCommerce…

Example image optimisation for SEO on an eCommerce product page

In order to fully optimise an image and understand the process in which we go through when adding new images, we are going to explain in more detail using an example product.

OtterBox iPhone 13 Black Case image optimisation

In order to fully optimise an image and understand the process in which we go through when adding new images, we are going to explain in more detail using an example product.

For this example, we are going to use the OtterBox iPhone 13 Black Case. For product images specifically, it is important that you are as descriptive as possible in order for Google to understand what they are showing.

Optimise your file name

Instead of using the file name from the camera, or from the supplier, let’s optimise it – you should change the name to be as descriptive as possible.

Include the product name, colour and size to enable Google to differentiate from other products on your website. This is vitally important to get right especially if you have a large catalogue of products as it helps prevent any duplication of image names across your site.

We have chosen to save the main OtterBox iPhone 13 Black Case product image as the exact match of its brand name and colour. 

In this case, we will be using “OtterBox-Defender-XT-iPhone-13-MagSafe-Compatible Case-Black.jpeg”.

Optimise Alt text depending on the type of picture

Your alt text needs to be descriptive and accurate. For your main product image, it’s good practice to use your exact product name. 

In this case, we will be using “OtterBox-Defender-XT-iPhone-13-MagSafe-Compatible Case-Black”. 

Note: You will want to use “-” instead of spaces when adding your filename to preserve the name you save as. Using spaces will reformat your image name when you upload to your website.

For other product angles, it is important to define this in your alt text. Examples of other images could be “close-ups”, “side-profile” and “live” and adding this in your alt text will let Google know that they are images of the same product but of a different angle.

In this case, when we saved our close up image, we saved it as “OtterBox-Defender-XT-iPhone-13-MagSafe-Compatible Case-Black-Close-Up”. 

Altering original image data

Some people believe that if local ranking is important then Google will look at the metadata on the image.

You can use theXifer.net to alter original metadata. This will allow you to change the information on the image including where it was taken.

It will also enable you to replace the default camera settings with the location in which your store is based.

If you upload the image and select “eXif.me”, you will be able to make changes to the image data.

You will see that you can change where the image was taken. You would ideally want to change this to where your business is located.

You would then add all of your specific product information here to really build out your image information including the make of the product and the camera it was taken with.

How to edit image alt text in Shopify & Shopify Plus

  1. Log in to your Shopify admin
  2. Go to “Products” and select the product to which you wish to make the change.
  3. Once you have selected your product and are in the product page admin, scroll down to “Media” to either choose a new image or edit your existing one.
  4. Click the image and you should be able to edit the alt text within this window. See the image below to change it.

Uploading and updating alt texts in Shopify takes only a few moments. If you need any support on this, our Shopify experts and team at our Shopify Plus development agency will be able to help.

How to edit alt text in Magento / Adobe Commerce

You would then add all of your specific product information here to really build out your image information including the make of the product and the camera it was taken with.

  1. Log in to your Magento admin
  2. Go to “Catalog” then “Products” to then find the product to which you wish to make the change to.
  3. Once you have selected your product and are on the product details page, scroll down to “Images and videos” to either choose a new image or edit your existing one.
  4. Click the image and you should be able to edit the alt text within this window. See the image below to change it.

If you need any Magento SEO support, then our team will be able to advise you in more detail. 

How to edit alt text in WooCommerce

You would then add all of your specific product information here to really build out your image information including the make of the product and the camera it was taken with.

  1. Log in to your WordPress admin
  2. Go to “Media” then “Library” to then find the image to which you wish to make the change to or you can click “Add New” to upload a new photo
  3. Once you have selected your image and are on the attachment details page, you will see a text box where you can add your alternative text.
  4. Add your alt text and it will update it automatically.

If you are interested in finding out more, our WooCommerce development team will be able to advise you on any questions you may have.

Looking for eCommerce SEO advice?

Image optimisation plays an essential role in helping your website perform to an optimal level. There are many components that go into building a fast and responsive eCommerce website. 

As well as the speed performance benefits, optimising not just your images but your website as a whole has a direct impact on how Google ranks your site. Google awards websites that provide a good user experience for its customers and a site that loads quickly is a large contributing factor for this.

We were once part of a retailer, so know first hand that having a site that ranks well in Google is the sum of many optimisation tasks.

If you would like to learn more about image optimisation and eCommerce SEO, get in contact with us today and find out what we can do for you.

magic42 logo
magic42 is a UK-based eCommerce development agency, born from an award-winning retailer. Having grown with the industry since the year 2000, we provide our unique perspective to help clients get the best from their eCommerce platforms.
Company No. 11572347 VAT No. 310 2436 61
Adobe Solution Partners Bronze Logo, used by verified Adobe expertsShopify Partners Logo (as used by Shopify Development Partners)
© Copyright 2024 magic42 Limited - All Rights Reserved
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram