Shopify Image SEO: Alt Tags, File Names, and Compression

If you've spent hours writing product descriptions and building collection pages but your store still isn't ranking on Google, your images might be the silent culprit. Most Shopify merchants upload product photos without a second thought — dragging files named "IMG_4872.jpg" straight from a phone camera roll into the media library. Those files carry no context for search engines, no accessibility value for screen readers, and often weigh several megabytes each, quietly dragging your page speed scores into the ground.

The problem is that image SEO sits in a blind spot for most store owners. It feels technical, so merchants assume it's handled automatically by Shopify or their theme. It isn't. Shopify gives you the tools — alt text fields, file upload controls, and third-party app support — but the optimisation work still falls to you. Stores that neglect image SEO are leaving organic traffic on the table while their competitors capture product-level search queries they don't even know exist.

In this guide you'll learn exactly how to write alt tags that help Google understand your products, how to name image files before uploading them, how to compress images without destroying visual quality, and how to build a repeatable process so every new product launch is search-ready from day one. Whether you sell fashion, supplements, electronics, or homeware, these techniques apply directly to your Shopify admin.

---

Why Image SEO Actually Matters for Shopify Stores

Search engines cannot look at a photograph the way a human can. When Google crawls your product page, it reads the surrounding HTML — including your image file name, alt attribute, and caption — to understand what the image depicts and how it relates to the page content. A product image with no alt text and a generic file name is essentially invisible to that crawl, which means you're missing a chance to reinforce your target keywords and signal relevance to Google's ranking algorithm.

The second reason image SEO matters is Google Images itself, which drives a meaningful volume of commercial intent traffic that many merchants overlook. A buyer searching "leather crossbody bag tan" may click a Google Images result directly to your product page. If your images are well-labelled and your page is fast-loading, you can capture that click. Stores supplying well-known brands and retail partners often already have strong domain authority — optimised images help convert that authority into granular, product-level search visibility.

Page speed is the third pillar, and it connects image optimisation to every other ranking factor. Google's Core Web Vitals scores — particularly Largest Contentful Paint (LCP) — are directly affected by how quickly your hero images and product photos load. An uncompressed 4MB JPEG on a product page can push your LCP beyond three seconds, which correlates with both ranking drops and higher bounce rates. Fixing image compression alone can improve LCP by a second or more on image-heavy pages.

---

How to Write Alt Tags That Work for SEO and Accessibility

Alt text (the alt attribute on an <img> HTML element) serves two audiences simultaneously: search engine crawlers and visually impaired users relying on screen readers. Writing alt text that serves both is straightforward once you have a consistent framework. The goal is a concise, descriptive phrase that tells both audiences exactly what the image shows in plain language, ideally incorporating a relevant keyword without stuffing.

A practical formula is: [Product Name] + [Key Attribute] + [Brand or Context if relevant]. For example, instead of leaving alt text blank or writing "product image," you'd write "matte black stainless steel water bottle 500ml" or "men's navy merino wool crew neck jumper." These descriptions are specific enough to match long-tail search queries, natural enough to read as accessibility text, and short enough to stay under the recommended 125-character limit that many screen readers apply before truncating.

In Shopify, you can edit alt text directly from the product media section in your admin. Click any image on the product page, select the alt text field, and enter your description. For stores with large catalogues, this can feel daunting, but prioritise your highest-traffic product pages first, then work systematically through the rest. Avoid duplicating alt text across multiple images on the same product page — if you have three angles of the same item, differentiate each description: "front view," "back view," "detail shot of zip closure."

---

Naming Your Image Files Before You Upload

File name optimisation is a step that must happen before upload — once an image is in Shopify's CDN, renaming it requires re-uploading, so building this habit into your workflow from the start saves significant rework. Your file name is one of the signals Google uses to understand image content, and yet the majority of product images are uploaded with camera-generated names like "DSC00194.jpg" that communicate nothing to anyone.

The naming convention to adopt is simple: use lowercase letters, separate words with hyphens (not underscores or spaces), and include your primary keyword. For example, "red-ceramic-pour-over-coffee-dripper.jpg" is far more useful than "product-photo-1.jpg." The hyphens matter because Google treats hyphens as word separators, meaning "pour-over" is read as two distinct words, while an underscore ("pour_over") is treated as a single string. This is a small technical detail with a real impact on how your images are indexed.

For stores with consistent product lines, create a naming template to hand to photographers or your fulfilment team. Something like [category]-[product-name]-[colour-or-variant]-[angle].jpg works well. A home goods store might produce files like "kitchen-ceramic-mug-sage-green-front.jpg" — descriptive, keyword-rich, and easy to sort in a file system. This level of organisation also pays dividends in your own internal file management as your catalogue grows.

---

Compressing Images Without Sacrificing Visual Quality

Image compression is one of the highest-return technical improvements a Shopify merchant can make to store performance. The web standard for product photography is a maximum file size of 200KB for most product images, with hero banners and lifestyle shots ideally kept under 400KB. Most unedited product photos exported from a DSLR or even a modern iPhone will come in between 3MB and 8MB — that's ten to forty times larger than necessary.

The two compression approaches are lossy and lossless. Lossy compression (used by tools like TinyPNG, Squoosh, and ShortPixel) reduces file size by permanently discarding some image data — but at moderate compression levels (around 70-80% quality), the visual difference is imperceptible on screen. Lossless compression reduces file size without discarding data, but achieves smaller savings. For product photography, lossy compression at 75-80% quality hits the sweet spot between file size and visual fidelity.

Shopify does apply some automatic image compression and serves images via its global CDN, but it does not compress your originals to web-optimised sizes for you. For a scalable workflow, compress images before upload using a tool like Squoosh (free, browser-based) or a bulk tool like ImageOptim on Mac. If you're managing a large catalogue and want ongoing compression handled automatically, third-party Shopify apps can process your media library and serve next-generation formats like WebP, which delivers roughly 25-35% smaller file sizes than JPEG at equivalent quality.

---

Choosing the Right Image Format for Each Use Case

The three image formats you'll use on Shopify are JPEG, PNG, and WebP, and each has a specific purpose that affects both quality and performance. JPEG is the right choice for product photography — it handles gradients, skin tones, and complex backgrounds well, compresses efficiently, and is universally supported. PNG is better for images that require a transparent background, such as product cut-outs on white or logo files, because PNG preserves hard edges and transparency that JPEG cannot.

WebP is the modern format that Shopify's CDN can serve automatically when a supported browser requests it. WebP images are typically 25-35% smaller than equivalent JPEGs at the same visual quality, which makes a measurable difference to page load times across a full product catalogue. If you're uploading images manually, you can convert to WebP before upload using Squoosh or similar tools — but Shopify's built-in CDN handles a degree of this conversion transparently for supported browsers, so the marginal gain of pre-converting depends on your specific setup.

For stores with large collections — dozens of variants per product, multiple lifestyle shots per SKU — format and compression discipline compounds significantly. A store with 500 products averaging three images each at 3MB per file is hosting over 4GB of unoptimised media. Bringing that to a web-appropriate average of 150KB per image reduces total image weight by roughly 95%, with a proportional improvement in crawl efficiency and page load speed across every product page.

---

Building a Repeatable Image SEO Workflow

The merchants who see sustained SEO gains from image optimisation are not the ones who run a one-time audit — they're the ones who bake these practices into every product launch. Building a checklist takes thirty minutes and saves hours of retroactive work. Your workflow before any new product goes live should include: compress and rename files before upload, add alt text to every image in the product media section, and verify that your primary keyword appears naturally in at least one image's alt text and file name.

For teams where product photography and store management are handled by different people, documenting this process in a shared guide matters. Photographers should deliver files already named to your convention; whoever uploads to Shopify should be responsible for alt text. When these responsibilities are clear and documented, image SEO stops being an afterthought and starts being part of the product launch standard operating procedure.

Content tooling can support this workflow. BlogFlow helps Shopify merchants build SEO-optimised content strategies that complement technical foundations like image optimisation — because rankings compound when on-page content, internal linking, and media optimisation work together rather than in isolation. Treating image SEO as a standalone fix misses the larger opportunity: a store that gets every layer right consistently outranks one that optimises in patches.

---

Conclusion

Shopify image SEO is not glamorous work, but it is reliably effective. By writing descriptive alt tags using a consistent formula, naming files with target keywords before upload, compressing images to web-appropriate file sizes, and choosing the right format for each use case, you build a technical foundation that supports every other SEO effort on your store. These improvements help Google understand your catalogue, accelerate your page speed scores, and surface your products in both standard search and Google Images results.

The key takeaways are straightforward: rename files before upload, never leave alt text blank, compress to under 200KB for product images, and build these steps into your standard product launch process. Start by auditing your five highest-traffic product pages this week — fix the images there first, measure the impact, then scale the approach across your full catalogue.

Try BlogFlow free at saltai.app — no credit card required.