Image SEO on Magento - Technical SEO Playbook

Beginner

Alt Text Optimization

Add descriptive alt text to all images.

1

Product Images

1

Go to Catalog > Products > Edit Product

2

Under 'Images and Videos', click on each image

3

Add descriptive 'Alt Text' (e.g., 'Red Nike Running Shoes - Side View')

4

Include target keywords naturally

2

CMS Page Images

1

When inserting images in CMS pages, always fill the 'Alt Text' field

2

Describe what the image shows, not just keywords

Intermediate

Image Compression

Reduce file sizes without quality loss.

1

Use WebP Format

1

Install a WebP conversion extension or use server-side conversion

2

Magento 2.4+ supports WebP natively

3

Check Stores > Configuration > General > Web > WebP settings

2

Compress Before Upload

1

Use tools like TinyPNG or ImageOptim before uploading

2

Target file sizes under 100KB for product images

Intermediate

Lazy Loading

Defer loading of off-screen images.

1

Enable Native Lazy Loading

1

Modern browsers support loading='lazy' attribute

2

Update theme templates to add this attribute to <img> tags

3

Exclude above-the-fold images (hero, logo)

Example

<img src="product.jpg" loading="lazy" alt="Product Name">

Beginner

Descriptive File Names

Use SEO-friendly file names.

1

Rename Before Upload

1

Rename files to be descriptive: 'nike-air-max-red-sneakers.jpg'

2

Avoid generic names like 'IMG_1234.jpg' or 'product1.jpg'

3

Use hyphens, not underscores

Image SEO

Prerequisites