Skip to main content

The Search Playbook | 10 min read

Shopify Image SEO: Alt Text, File Names and Sizes That Matter

By ยท Updated ยท 10 min read

What image SEO means on a Shopify store

Image SEO is making each photo on your store easy for Google to understand and quick to load. That is the whole idea. Everything else in this guide is a way of doing one of those two things.

Photos matter more on a store than on most sites, because a shopper is judging a product they cannot hold. They also bring traffic of their own. Google Images sends visitors, and a clear product photo with a sensible description can earn a place in image results for the thing you sell.

There are three levers on Shopify. The file name, which you set before upload. The alt text, which you write in the admin after upload. And the file size, which you control before and after. Shopify handles some of the rest for you. It serves images through its own content delivery network and converts them to modern formats for browsers that support them, so you do not need to hand-convert to WebP. What it cannot do is write a useful description or rescue a 6 MB photo.

If you want the wider picture first, our Shopify SEO guide shows where images sit among the other jobs. If you would rather hand all of it to someone, our page on handing Shopify SEO to a specialist explains what that help looks like. The rest of this page assumes you are doing it yourself and want to do it properly.

The short version

Name the file, describe the picture in alt text, keep the upload small. Three habits, applied to every new image, beat any one-time cleanup.

How to write alt text that helps

Alt text is a short written description of what is in the picture. It does two jobs. It lets someone using a screen reader know what the image shows, and it tells Google what the image is about. Write it for the first reader and the second one is taken care of.

The rule of thumb

Describe what you would see if you were telling a friend on the phone what was in the photo. A leather card holder in dark brown, shown open with three cards inside. Short and literal. Most good alt text is under about 125 characters, and it rarely needs more than one sentence.

What to put in it

The product, its most visible attribute, and the context if it matters. Color, material and what is happening in the shot are usually enough. If your product name is part of the natural description, include it. If it would sound forced, leave it out.

What to leave out

Do not start with "image of" or "picture of," because the screen reader already announces that it is an image. Do not repeat the same phrase on every photo of one product. Do not stuff in search terms. A line like "mens wallet leather wallet best wallet buy wallet online" reads as spam to a person and to Google.

Where to edit it on Shopify

Open the product, click an image in the media section, and choose to add or edit the alt text. The same field exists for collection images and for images you place in blog posts and pages. Variant photos use the same media, so describe each one for what it shows. A photo of the blue version should say blue.

Decorative images, like a divider or a background texture, can have empty alt text on purpose. That is the correct way to tell screen readers to skip them.

File names: the one thing you cannot easily change later

A file called IMG_4471.jpg tells Google nothing. A file called dark-brown-leather-card-holder-open.jpg tells it the subject before it reads a single other word on the page.

Here is the catch that makes this worth doing first. Changing a name after upload is slow. In Shopify, you can rename a file one at a time from Content, then Files, by editing its URL handle, and the old address stops working when you do. That is fine for ten products and painful for five hundred, so build the habit before the catalog grows.

A naming pattern that works

Use lowercase words separated by hyphens. Put the product first and the distinguishing detail second. Keep it to four or five words. For a store that sells candles: soy-candle-cedar-and-fig-8oz.jpg for the main shot, and soy-candle-cedar-and-fig-lit.jpg for the lifestyle one.

Avoid spaces, capital letters and special characters. Avoid dates and camera numbers. Avoid the word "final," which every photographer has regretted.

Do you need to rename the old ones?

Only if the product matters. Rank your products by how much traffic or revenue they bring and rename the images of the top twenty. For everything else, set the standard for new uploads and move on. Re-uploading a live product image has a small risk of leaving a broken thumbnail somewhere in a collection or an email, so check the page after you swap it.

If a supplier sends you a folder of images named by SKU, a quick batch rename on your computer before uploading takes minutes and saves the problem entirely.

Size, format and speed

A heavy image slows the page, and a slow page costs you both rankings and sales. The metric to know is the largest contentful paint, which is how long it takes the biggest thing on screen to appear. On a product page that is almost always the main photo. Our explainer on LCP for Shopify covers the measurement in more depth.

What size to upload

Upload at the largest size your theme will actually show, not at the size your camera produced. Many themes display product images no wider than about 1,500 to 2,000 pixels. Shopify allows much larger files, but there is no benefit to a 6,000 pixel photograph that will be shown at a quarter of that width. Check your theme documentation for the recommended dimensions, and keep every product image to the same proportions so the grid looks tidy.

Compress before upload

Shopify compresses and resizes what you upload, but starting lighter always helps. Export from your editor at a sensible quality setting, then run the files through a free compression tool. Aim for files well under 500 KB for most product shots. Photos that are mostly flat color can often go far smaller without any visible change.

Formats

JPEG for photographs. PNG only when you need transparency. Shopify's content delivery network serves a modern format such as WebP to browsers that handle it, so you do not need to convert files yourself. Avoid GIF for anything larger than a tiny animation. A video or an animated image should be a video file.

Loading behavior

Images lower on the page should load only when the shopper scrolls near them, which is called lazy loading. Most current themes do this. The one image that should not wait is the main photo at the top, which should load right away. If your theme lazy-loads the hero image, the page feels slower than it needs to. That is a theme setting worth checking, and a good reason to read our guide on how apps slow a Shopify store, since apps often add their own image scripts.

The order of work for every new image

The mistake most owners make is fixing images in the wrong order. They go to the admin and write alt text on a hundred products, while the underlying files are huge and unnamed. The diagram below shows the order that wastes the least effort.

Start before upload, because two of the three problems are set there. Shoot a clear photo of the real product. Name the file. Resize and compress it. Only then upload it, and write the alt text while the product page is open in front of you. Last, load the live page and look at it as a shopper would. If you view the page source, you can see the alt text in the image tag, which proves the field saved.

The most common failure is the one in the middle. A photo straight from a phone is often several megabytes, and a product page with eight of them gets heavy fast. The second most common is a file that kept its camera name. The third is an empty alt field, which is the easiest to fix and the least damaging on its own.

Treat the diagram as a checklist you run each time. After a few weeks it takes under a minute per image.

From camera to product page Five steps for an image: shoot, name the file, resize and compress, upload and describe, then check it live. 1. Shoot Clear subject, real product, plain background 2. Name Rename the file before upload IMG_4471.jpg The file name says nothing about the product 3. Size Resize, then compress A 6 MB upload Slow to load, which hurts the largest image 4. Upload Add alt text in the media panel Empty alt text No description for search or screen readers 5. Check Load the page, view the source
Two of the three failures happen before the image reaches Shopify, which is why fixing alt text alone rarely changes much.

Beyond product photos

Product media gets the attention, but every image on the store follows the same rules.

Collection images

A collection has one image, used on the collection page and sometimes in menus and search results. Give it a descriptive file name and alt text that says what the collection is. Our guide to collection page SEO explains why these pages matter more than most owners think.

Blog and page images

Images you place inside articles and pages are edited in the rich text editor. Click the image and add alt text there. For article images, describe what the image shows in relation to the point being made. A chart of shipping times should say what the chart shows, not just "chart."

Logo, banners and sliders

Text baked into an image cannot be read by search. If a banner says "Free shipping over $75," put the same words in real text on the page too. Give the logo alt text with your store name.

Structured data for images

Product schema includes an image field, and most themes fill it from your main product photo, so the first image you choose in the media gallery often becomes the picture Google shows next to your product in search. Pick it deliberately. Our short explainer on image object schema for Shopify covers what that markup contains.

Mistakes that look small and cost more than they seem

A handful of habits account for most of the damage on stores we see.

The same alt text on every image. If every photo of a product says the product name and nothing else, Google learns nothing from the second through eighth image. Describe each one: the front, the back, the detail, the packaging, the item in use.

Keyword lists in alt text. It was a tactic once. It is now a quick way to look careless. One natural sentence beats a string of terms.

Text inside images. Size charts, ingredient lists and feature callouts rendered as pictures are invisible to search and hard to read on a phone. Put the information in text and use the image as support.

Uploading originals. A 20 MB photo straight from a camera is the single most common cause of a slow product page.

Stock photos used by a dozen other stores. Google has little reason to show your copy of a photo that appears on many sites. Original photography of the real product is what earns image results. It is also what makes a shopper trust the page.

Forgetting the mobile view. Most shoppers see your photos on a phone. Open your own product page on one and scroll. If the first image takes a moment to appear, that is what your customers see.

A one-hour image audit for an existing store

If you have a store full of images and no system, this is the cheapest useful pass.

Minutes 1 to 10: find your most important pages. Open Search Console and list your top ten product and collection pages by clicks. Those are where an improvement pays most.

Minutes 10 to 25: test the weight. Run each of those pages through Google's free PageSpeed Insights and look at the largest contentful paint and the list of images flagged as too large. Note the worst offenders.

Minutes 25 to 45: fix the files. Download the heaviest originals, resize and compress them, rename them properly, and re-upload them in place of the old ones. Replace one product at a time and open the page after each swap.

Minutes 45 to 60: write the alt text. Go through each of those products and describe every image. Skip nothing on the top ten, even the fourth and fifth photos.

Then stop. Do not try to fix the whole catalog in one sitting. Apply the habits to new uploads, and return to the old ones in batches, starting with whichever products bring the most visitors. Our Shopify SEO checklist has an image line you can tick off, and the Search Console guide for Shopify shows how to find the top pages.

How RunOctopus handles this

Images are one small part of a store's search work, and they sit alongside the written pages that give those images a home. RunOctopus is a done-for-you service. Its AI, Ollie, researches your business, then writes and publishes pages directly on your own website. A team plans, writes, reviews and publishes alongside Ollie. It works with Shopify, WordPress, WooCommerce and Wix.

There is nothing to install, nothing to approve, nothing to upload and nothing to schedule. Pages go live on their own. In the first week you get 8 long-form articles, 6 pages and a custom interactive tool built for your niche. After that it is 175+ pieces of content a month, written, published and linked. You also get reports on where ChatGPT, Perplexity, Claude and Gemini name your business.

It does not replace your own product photography, and you still decide how your photos are named and described. If you want to see what Ollie would do for your store, the free site read takes a minute: paste your address and Ollie reads the site and shows the plan. No account, no call.

Frequently asked questions

Does alt text really help Shopify SEO?

Yes, modestly. It helps Google understand what an image shows, which can help the image appear in image search, and it makes the page usable for people with screen readers. It is a small, cheap job. It will not rescue a weak product page, but missing it on every image is a gap.

Can I rename an image file on Shopify after uploading it?

Yes, one file at a time. Go to Content, then Files, open the image and edit its URL handle. The old address stops working once you change it, so check any page or email that used it. Because it is slow work, it pays to get file names right before upload and to redo existing images only for your most important products.

What size should Shopify product images be?

Upload at the largest size your theme actually displays, often between 1,500 and 2,000 pixels wide, with every product image in the same proportions. Compress before uploading and aim for well under 500 KB on most shots. Your theme documentation gives its recommended dimensions.

Should I convert my images to WebP myself?

No need. Shopify's content delivery network serves a modern format such as WebP to browsers that support it. Upload a well-compressed JPEG for photos or a PNG when you need transparency, and let Shopify handle the conversion.

How long should alt text be?

One short, literal sentence, usually under about 125 characters. Describe what is in the photo as you would to a friend on the phone. Leave out phrases like image of, and do not repeat search terms.

MG
Written by

Matt is the founder of RunOctopus. He built All Angles Creatures from zero to page-1 rankings in reptile feeder insects using exactly this method. Turning a hard, entrenched niche into RunOctopus's proof store for programmatic SEO and AI search citation.

Connect on LinkedIn →

Ollie builds this for your store automatically

A complete launch build: 8 expert guides, 6 collection pages, and an interactive tool. Structured for both Google and AI search. Live on your store in week one.

See What Ollie Builds →

See what Ollie builds before you pay. Cancel anytime.

● Trusted by store owners in 20+ niches