Image SEO for Product Photos

Product images drive both sales and search traffic for online stores. Properly optimized images rank in Google Images (which accounts for 20% to 30% of all Google searches), improve your product page rankings by providing additional relevance signals, and load faster to improve conversions. Most ecommerce stores upload photos with default camera filenames, no alt text, and file sizes three to five times larger than necessary. Fixing these issues is one of the simplest, highest-impact SEO improvements you can make.

Why Image SEO Matters for Ecommerce

Google Images is a massive traffic source that most online stores ignore. When someone searches "blue leather crossbody bag" in Google Images, they see product photos from ecommerce stores. If your product image appears with a compelling photo and your store name, that searcher can click directly to your product page. For visually-driven product categories like clothing, jewelry, home decor, and food, Google Images can drive 10% to 20% of total organic traffic.

Beyond Google Images traffic, image optimization affects your regular web search rankings. Google has stated that page speed is a ranking factor, and product images are typically the largest files on ecommerce pages, accounting for 50% to 80% of total page weight. Unoptimized images slow your pages dramatically, which hurts both rankings and conversions. Additionally, Google reads image filenames and alt text as relevance signals when determining what a page is about, so keyword-rich image attributes reinforce your on-page SEO.

File Naming Best Practices

Step 1: Rename every image with a descriptive, keyword-rich filename.
Before uploading any product image, rename the file from the default camera name to a descriptive name that includes relevant keywords. Use "blue-leather-crossbody-bag-front-view.jpg" instead of "IMG_4829.jpg" or "product-photo-1.jpg." Use lowercase letters and hyphens between words (Google treats hyphens as word separators). Include the product name, key attributes (color, material, size), and the image perspective (front, side, detail, lifestyle) to differentiate multiple photos of the same product.

Good filename examples:

merino-wool-base-layer-mens-navy-quarter-zip.webp
ceramic-pour-over-dripper-hario-v60-white.webp
cast-iron-skillet-12-inch-lodge-seasoned.webp
running-shoes-brooks-ghost-16-mens-black-side.webp

Bad filename examples: IMG_3847.jpg, product_1_photo.png, DSC_0023.jpg, final-FINAL-v2.jpg. These tell Google nothing about the image content and miss a free relevance signal opportunity.

Writing Effective Alt Text

Step 2: Write unique, descriptive alt text for every product image.
Alt text (the alt attribute on an img tag) serves two purposes: it describes the image for screen readers used by visually impaired visitors, and it provides Google with a text description of the image content for indexing. Write alt text that accurately describes what the image shows while naturally including relevant product keywords. Be specific and descriptive rather than generic.

Good alt text examples:

"Men's navy blue merino wool base layer with quarter-zip collar, front view showing slim fit"
"White ceramic Hario V60 pour over coffee dripper on wooden table with coffee mug"
"12-inch pre-seasoned Lodge cast iron skillet with helper handle, overhead view"

Bad alt text examples: "product image," "photo," "blue shirt," "IMG_4829." These provide no useful information to either screen readers or search engines.

Do not stuff keywords into alt text. "Merino wool base layer men's base layer wool base layer hiking base layer camping base layer" is keyword stuffing that violates Google's guidelines and provides a terrible experience for screen reader users. Describe the actual image naturally, and the keywords will appear organically because you are describing a product that naturally involves those terms.

For decorative images that add no informational value (design elements, spacers, backgrounds), use an empty alt attribute (alt="") to tell screen readers to skip them. Reserve descriptive alt text for images that convey meaningful content.

Image Compression and Format

Step 3: Compress every image and convert to WebP format.
The typical product photo straight from a camera or photographer is 3000 to 6000 pixels wide and 2MB to 8MB in file size. That is 3 to 10 times larger than what your website needs. Compression reduces file size while maintaining visual quality that is indistinguishable to the human eye at web display sizes.

Convert to WebP. WebP is Google's image format that provides 25% to 35% smaller files than JPEG at the same visual quality. All modern browsers (Chrome, Firefox, Safari, Edge) support WebP. Use WebP as your primary format and provide JPEG fallbacks only if you need to support extremely old browsers. A 200KB JPEG typically converts to a 130KB to 150KB WebP with no visible difference.

Compression tools and services:

ShortPixel: WordPress plugin and API that automatically compresses and converts images on upload. Offers lossy (maximum compression), glossy (balanced), and lossless (minimal compression) modes. $4.99/month for 5,000 images.
TinyPNG/TinyJPG: Free web tool and API for compressing PNG and JPEG files. Reduces file sizes by 40% to 70% with smart lossy compression.
Squoosh (squoosh.app): Free browser-based tool from Google for converting and compressing individual images with real-time quality comparison.
Imagify: WordPress plugin similar to ShortPixel with automatic compression on upload.

For Shopify stores, apps like Crush.pics and TinyIMG automatically compress and convert images. For WooCommerce, ShortPixel and Imagify integrate directly with the WordPress media library. Target a maximum file size of 100KB to 150KB for product thumbnails and 200KB to 400KB for main product images.

Image Sizing and Responsive Delivery

Step 4: Resize images to their maximum display dimensions.
If your product image displays at 800 pixels wide on desktop and 400 pixels wide on mobile, do not serve a 4000 pixel wide original. The browser downloads the full file and then scales it down, wasting bandwidth and processing time. Resize your main product images to the maximum width your theme displays them at, typically 1000 to 1200 pixels for main product images and 400 to 600 pixels for grid thumbnails.

Step 5: Implement lazy loading and responsive images.
Lazy loading delays image downloads until the user scrolls near them. Add the loading="lazy" attribute to all image tags except those visible above the fold on initial page load (hero images and the first visible products should load immediately). For responsive delivery, use the srcset attribute to specify multiple image sizes so browsers can download the version that matches the user's screen: a 400px image for mobile phones, 800px for tablets, and 1200px for desktop monitors. This reduces data usage and load time on mobile devices by 40% to 60%.

Always set explicit width and height attributes on every img tag. Without dimensions, the browser does not know how much space to allocate until the image downloads, causing the page layout to shift as images load. This layout shift hurts your Cumulative Layout Shift (CLS) score, which is a Core Web Vital ranking factor.

Image Sitemaps

Include product images in your XML sitemap so Google can discover and index them. You can add image data to your existing page sitemap (each URL entry includes image:image tags with the image URL and optional caption), or create a separate image sitemap. Most ecommerce platforms include product images in their automatically generated sitemaps. Check yours by opening your sitemap URL and verifying that image references appear alongside product page URLs.

For stores with thousands of products, image sitemaps help Google discover images that might not be found through regular crawling, especially if images are loaded dynamically with JavaScript or hosted on a separate CDN domain.

Product Photography SEO Tips

Beyond technical optimization, the type of product photos you take affects both search performance and conversion rates:

Multiple angles: Include front, back, side, detail, and lifestyle shots. Each image is a separate opportunity to rank in Google Images for different search queries. A lifestyle shot of a jacket worn outdoors can rank for searches the standard white-background photo would not.
White background shots: Clean product photos on white backgrounds are preferred by Google Shopping and perform well in Google Images for direct product searches.
Lifestyle and context shots: Photos showing the product in use attract searches for use cases and scenarios: "hiking jacket in rain" or "coffee setup on kitchen counter."
Size and scale references: Include photos with recognizable objects for scale. These help both conversions and search performance for queries about product dimensions.
Detail and texture shots: Close-up photos of materials, stitching, or special features target searches for specific product qualities.

Image SEO Checklist

Every image has a descriptive, keyword-rich filename with hyphens
Every image has unique, descriptive alt text
All images are compressed and converted to WebP format
Images are resized to maximum display dimensions
Lazy loading is enabled for images below the fold
Responsive images serve appropriate sizes for each device
Width and height attributes are set on all img tags
Product images are included in your XML sitemap
Image URLs are included in Product schema markup
No image exceeds 400KB; thumbnails are under 100KB