Fix Images Missing Alt Text on Shopify
High PriorityImages without alt text are invisible to search engines and screen readers. On Shopify, you must set alt text individually on each product image via Admin → Products → click image → Edit alt text. The alt text should describe the product specifically: include the product name, colour, material, and key features. Do not leave it blank, do not repeat the filename, and do not keyword-stuff it.
The Problem
Product images without alt text prevent Google from understanding your images, exclude them from Google Image Search, and fail WCAG accessibility requirements. On Shopify, alt text must be set individually per image - it is not inherited from the product title.
Impact: Missing alt text means your product images cannot rank in Google Image Search, which drives 22.6% of all web searches. It also causes accessibility failures that can expose merchants to legal risk in markets with strict accessibility laws.
How to Fix It (Step-by-Step)
Run an audit to find all images missing alt text
Use SEOScan's free scan to get a list of every product and collection image missing alt text. Alternatively, export your product images via a CSV export and inspect the "Image Alt Text" column - blank cells indicate missing alt text.
Set alt text on product images via Shopify Admin
Go to Admin → Products → click any product → click an image thumbnail → click the "Alt text" field in the panel that appears → type your description → click Done. Repeat for every image on every product.
Write descriptive, keyword-informed alt text
A good alt text format for products is: "[Product name] in [colour] - [key feature or angle]". Example: "Handmade leather wallet in cognac brown - front view showing card slots". Include the product keyword naturally but do not repeat it multiple times.
Set alt text on collection banner images
Go to Admin → Products → Collections → edit a collection. Click the collection image and add alt text. Collection image alt text should describe the category: "Women's summer dresses displayed on a rack".
Add alt text to theme images via the theme editor
Background and promotional images set in the theme customiser also need alt text. In Online Store → Themes → Customise, click on any image block and look for the "Image alt text" or "Description" field in the sidebar.
Verify alt text renders in page source
Right-click a product page → View Page Source → search for "alt=". Confirm the alt attributes contain descriptive text, not empty strings (alt="") or filenames (alt="product-1234.jpg").
Check theme Liquid for hardcoded empty alt attributes
Search your theme code for alt="" (empty alt attributes). In the theme code editor, look in product templates for image tags. If you see {{ image.alt }} used correctly, you only need to fill in the data - not change the code.
{%- comment -%} Correct Liquid pattern for product images {%- endcomment -%}
{% for image in product.images %}
<img
src="{{ image | image_url: width: 800 }}"
alt="{{ image.alt | escape }}"
width="{{ image.width }}"
height="{{ image.height }}"
loading="lazy"
>
{% endfor %}Validate with Google's Rich Results Test
After updating, run the product URL through Google's Rich Results Test. While it does not specifically check alt text, it will parse your images and confirm they are accessible to Googlebot.
Common Mistakes to Avoid
Assuming the product title auto-populates alt text
Shopify does not automatically use the product title as image alt text. When you upload an image, the alt field is blank until you manually fill it in. The only exception is if a third-party app or theme populates it programmatically.
Using the filename as alt text
Filenames like "IMG_4521.jpg" or "product-hero-1.png" tell Google nothing about the product. Google reads filenames too, so descriptive filenames help slightly - but the alt attribute must contain a full description.
Writing identical alt text for multiple images of the same product
Each image shows a different angle, colour, or feature. A front-view image and a lifestyle image should have different alt text. Identical alt text across multiple images is treated as duplicate content by Google Image Search.
Complete Code Example
{%- comment -%} Correct Liquid for product images - use image_url not img_url {%- endcomment -%}
{% for image in product.images %}
<img
src="{{ image | image_url: width: 800 }}"
srcset="{{ image | image_url: width: 400 }} 400w,
{{ image | image_url: width: 800 }} 800w,
{{ image | image_url: width: 1200 }} 1200w"
sizes="(max-width: 640px) 400px, (max-width: 1024px) 800px, 1200px"
alt="{{ image.alt | escape }}"
width="{{ image.width }}"
height="{{ image.height }}"
loading="lazy"
>
{% endfor %}Frequently Asked Questions
Q: Does Shopify automatically add alt text to product images?
No. Shopify leaves the alt text field blank by default when you upload product images. Some themes use {{ image.alt }} in their Liquid templates, which will output an empty string if you have not set the alt text. You must manually add alt text to every product image in the Shopify Admin, or use a bulk-edit app or CSV import.
Q: What is the ideal format for product image alt text?
The ideal format includes the product name, a key descriptor (colour, material, or style), and optionally the view angle. Example: "Black leather crossbody bag with gold hardware - side profile view". Keep it under 125 characters. Do not start with "image of" or "photo of" - screen readers already announce that context.
Q: Can missing alt text affect my Shopify store's Google Image Search rankings?
Yes. Alt text is the primary signal Google uses to understand image content since it cannot reliably interpret pixels alone. Products with descriptive alt text are far more likely to appear in Google Image Search results for relevant queries. Google Image Search drives significant traffic for product categories like clothing, jewellery, home decor, and crafts.
Not Sure If You Have This Issue?
Run a free scan to detect this and other SEO problems on your Shopify store instantly.
Free SEO ScanOther Common Shopify SEO Issues
Go Deeper
Deep Dive: Images Missing Alt Text
Detailed technical documentation - seoscan.dev/shopify/missing-alt-text
Related Scan Topic
seoscan.dev/shopify-seo-scan/image-optimization
All Shopify SEO Issues
Browse the full Shopify SEO issue library