How to Optimise Shopify Images for SEO

Why Image SEO Matters

Google Images drives billions of searches every day, and for ecommerce stores, it represents a significant opportunity to attract potential customers. When someone searches for "blue leather handbag" in Google Images, properly optimised product images can appear directly in the results, bringing high-intent traffic to your store.

Beyond driving traffic, image SEO is part of the overall user experience. Properly labelled images with good alt text improve accessibility, help screen readers describe your products, and provide context when images fail to load.

The good news is that most Shopify stores leave significant image SEO opportunities on the table. By implementing the techniques in this guide, you can gain a competitive advantage over stores that upload images without proper optimisation.

File Naming Conventions

Before you even upload an image to Shopify, the file name matters. Google uses file names as one signal to understand what an image depicts. A file named "IMG_3847.jpg" tells Google nothing, while "blue-leather-crossbody-bag.jpg" clearly describes the content.

File Naming Best Practices

• 1.Use descriptive names: Include the product name, colour, style, and any other relevant attributes.
• 2.Use hyphens between words: Search engines treat hyphens as word separators. "blue-leather-bag" is read as three words.
• 3.Avoid underscores: "blue_leather_bag" may be read as one word by some search engines.
• 4.Keep it lowercase: Consistency helps prevent confusion and duplicate content issues.
• 5.Include keywords naturally: Don't stuff keywords, but do include relevant search terms.

Writing Effective Alt Text

Alt text (alternative text) is the most important image SEO factor you can control in Shopify. It serves multiple purposes: it tells search engines what an image shows, it's read aloud by screen readers for visually impaired users, and it displays when an image fails to load.

How to Write Great Alt Text

1. 1
   Describe the image accurately

   Write what you see. If the image shows a blue handbag being worn with a summer dress, describe that scene.

2. 2
   Include relevant keywords naturally

   Include your product name and key attributes, but write for humans first, search engines second.

3. 3
   Keep it concise

   Aim for 125 characters or less. Screen readers may cut off longer text.

4. 4
   Don't start with "Image of" or "Picture of"

   Screen readers already announce it as an image. Jump straight into the description.

Adding Alt Text in Shopify

1. 1.Go to Products → select your product
2. 2.Click on the image you want to edit
3. 3.Click "Add alt text" below the image preview
4. 4.Enter your descriptive alt text and save

Image Compression

Image file size directly affects page load speed, which is both a ranking factor and a conversion factor. Large, uncompressed images are one of the most common causes of slow Shopify stores.

Before Uploading to Shopify

Always optimise images before uploading. Here's the process:

1. 1
   Resize to appropriate dimensions

   Product images rarely need to be larger than 2048px on the longest side. Resize before compressing.

2. 2
   Choose the right format

   JPEG for photographs, PNG for graphics with transparency, WebP for best compression (Shopify converts to WebP automatically).

3. 3
   Compress the image

   Use tools like TinyPNG, Squoosh, or ImageOptim to reduce file size by 60-80% without visible quality loss.

Target File Sizes

• •Product images: 100-200KB maximum
• •Hero/banner images: 200-400KB maximum
• •Thumbnails: Under 50KB
• •Icons and logos: Under 20KB

Responsive Images

Different devices need different image sizes. A mobile phone doesn't need a 2000px wide image, and serving one wastes bandwidth and slows page load. Shopify handles much of this automatically through its CDN, but understanding how it works helps you optimise further.

How Shopify Serves Images

When you upload an image to Shopify, it's stored on their CDN (Content Delivery Network) and automatically served in multiple sizes. You can request specific sizes by adding parameters to the image URL:

Original: /products/blue-bag.jpg
Small:    /products/blue-bag_300x.jpg
Medium:   /products/blue-bag_600x.jpg
Large:    /products/blue-bag_1200x.jpg

Using srcset in Themes

Modern Shopify themes use the srcset attribute to serve appropriate image sizes. If you're customising your theme, here's an example:

{{ product.featured_image | image_url: width: 600 | image_tag:
    srcset: product.featured_image | image_srcset,
    loading: 'lazy',
    alt: product.featured_image.alt | escape
}}

Image Sitemaps

An image sitemap helps Google discover and index your product images more effectively. Good news: Shopify automatically includes images in your sitemap, but understanding how this works helps you ensure all images are being indexed.

Checking Your Image Sitemap

1. 1
   View your sitemap

   Go to yourstore.com/sitemap.xml to see your main sitemap index.

2. 2
   Check product sitemaps

   Product sitemaps include image tags for each product's images.

3. 3
   Verify in Search Console

   Submit your sitemap to Google Search Console and monitor indexed images.

Shopify includes image:image tags in product sitemap entries. These include the image URL and can include title and caption if your alt text is properly set.

Structured Data for Images

Structured data (schema markup) helps Google understand your images in context. For product pages, this means associating images with product information like price, availability, and reviews.

Product Schema with Images

Shopify themes typically include basic product schema. You can enhance this to include multiple images:

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Blue Leather Crossbody Bag",
  "image": [
    "https://store.com/bag-front.jpg",
    "https://store.com/bag-back.jpg",
    "https://store.com/bag-detail.jpg"
  ],
  "description": "Italian leather crossbody bag...",
  "offers": {
    "@type": "Offer",
    "price": "149.00",
    "priceCurrency": "GBP"
  }
}

Including multiple images in your schema markup helps Google understand your complete product presentation, increasing the chances of your images appearing in relevant search results.

Next Steps

Image SEO is an ongoing process. Here's how to maintain and improve your image optimisation over time.

1. 1
   Audit existing images

   Review your top products and ensure all images have descriptive file names and alt text.

2. 2
   Create an image upload checklist

   Document your naming conventions and compression workflow for your team.

3. 3
   Monitor Google Images traffic

   Use Google Search Console to track impressions and clicks from Google Images.