Image SEO: Optimise Images to Drive Real Search Traffic

Image SEO means optimising your images so they load fast, help your pages rank, and appear in Google Images. That involves descriptive file names, useful alt text, modern compressed formats, and the right structured data. Done properly, image SEO drives traffic from image search and improves the page speed that affects your rankings.

Key Takeaways

Image SEO improves both direct traffic from Google Images and the page speed that influences ranking.
Descriptive file names and alt text tell Google what an image shows and support accessibility.
Modern formats like WebP and AVIF cut file size dramatically without visible quality loss.
Correctly sized and lazy-loaded images protect Core Web Vitals scores.
Image structured data can earn richer listings in Google Images results.
Every image should earn its place, because unnecessary images slow the page and add no value.

Why Image SEO Is Worth the Effort

Images are not decoration to search engines. They carry meaning, generate traffic, and affect how fast a page loads, which makes them a genuine ranking lever.

The traffic opportunity alone is large. According to research analysing billions of searches, image results appear in a substantial share of Google queries, and Google Images itself accounts for a significant portion of all searches across Google's properties.

Two Channels in One

Image optimisation pays off in two ways at once. It opens a direct traffic channel through Google Images, where users search visually for products, recipes, and inspiration.

It also strengthens your web pages. Fast, well-described images improve the user experience and support the page speed and Core Web Vitals that Google factors into rankings.

The Speed Connection

Unoptimised images are the most common cause of slow pages. HTTP Archive data consistently shows images as one of the heaviest resource types on the average web page, often making up the largest share of total page weight.

Every kilobyte you trim from an image helps Largest Contentful Paint, the vital that measures how fast your main content appears. That link between image weight and speed makes optimisation a ranking task, not just a tidiness one.

Name and Describe Images Properly

Google cannot see an image the way a person does, so it relies on the text around and within your image markup. File names and alt text are the two clearest signals you control.

Write Descriptive File Names

A file named IMG_4821.jpg tells Google nothing. A file named red-leather-running-shoe.jpg describes the content in words the crawler reads.

Follow these rules:

Use words that genuinely describe the image content.
Separate words with hyphens, not underscores.
Keep names concise and avoid keyword stuffing.
Name the file before you upload, because renaming later is painful.

Craft Useful Alt Text

Alt text serves two purposes: it describes the image for screen reader users, and it tells Google what the image shows. Good alt text is specific and natural.

The table below shows the difference across three common cases.

Image	Weak alt text	Strong alt text
Product photo	shoes	red leather running shoe with white sole
Chart	graph	bar chart of UK sales growth 2024 to 2026
Team photo	people	four members of the support team at their desks

Write alt text as though describing the image to someone who cannot see it. This serves accessibility first, and the SEO benefit follows naturally, a principle that overlaps with readability and SEO.

Choose the Right Format and Size

Format and dimensions decide how heavy an image is before you even touch compression. Getting these right delivers the biggest speed wins.

Pick a Modern Format

Older formats like JPEG and PNG are far larger than they need to be. Modern formats compress the same image far smaller with no visible loss.

WebP: broad browser support and strong compression, a safe default.
AVIF: even smaller files, with support now widespread.
SVG: ideal for logos and icons, because it scales without pixelation.

Serve WebP or AVIF wherever you can, with a fallback for the rare browser that needs it.

Size Images Correctly

Uploading a 4,000-pixel-wide image to display at 800 pixels wastes enormous bandwidth. Resize images to the largest size they will actually display.

Use responsive image markup so browsers download the right size for each device:

Provide multiple sizes with the srcset attribute.
Use the sizes attribute to tell the browser which to pick.
Set explicit width and height to reserve layout space.

That last step prevents layout shift, protecting the Cumulative Layout Shift vital covered in our page speed guide.

Compress and Deliver Efficiently

Once you have the right format and size, compression and delivery squeeze out the remaining waste. These steps make good images great for performance.

Compress Every Image

Compression removes data the human eye does not miss. Most images can lose a large share of their file size with no perceptible quality drop.

Build compression into your workflow rather than doing it by hand:

Use an automated tool or build step that compresses on upload.
Aim for the smallest file that still looks sharp at display size.
Test on a real device, because over-compression shows on high-resolution screens.

Lazy-Load Below-the-Fold Images

Lazy loading defers off-screen images until the user scrolls near them. This speeds up the initial load, because the browser fetches only what is visible first.

Add the loading attribute set to lazy on images below the fold, but never on your main above-the-fold image. Lazy-loading the hero image delays your Largest Contentful Paint, which harms the very metric you are trying to protect.

Use a Content Delivery Network

A CDN serves images from a server near the user, cutting the distance data travels. Many CDNs also convert and compress images on the fly.

This pairs well with broader technical hygiene. The steps in our WordPress SEO checklist include caching and delivery settings that complement image work.

Help Google Find and Feature Your Images

Optimised images still need to be discoverable. A few structural steps make sure Google indexes them and can feature them prominently.

Add Images to Your Sitemap

Include image information in your XML sitemap so Google can discover images it might otherwise miss, especially those loaded through JavaScript. This is a simple step that improves indexing.

Confirm indexing afterwards. Use the tools in our Google Search Console content strategy guide to check which images Google has picked up.

Use Image Structured Data

Structured data can make your images eligible for richer treatment in Google Images, such as product badges or recipe labels. It tells Google the context an image sits in.

Our schema markup for blog posts guide covers the relevant types. Match the schema to the content, for example Product schema for a product photo or Recipe schema for a dish.

Place Images in Relevant Context

Google reads the text surrounding an image to judge relevance. An image of a running shoe on a page about running shoes ranks far better than the same image dropped into unrelated content.

Place each image near the text it illustrates. This context, combined with strong alt text, is what earns image search rankings, and it reinforces the E-E-A-T signals for Google blog posts that demonstrate genuine, relevant content.

Frequently Asked Questions

Does alt text really help rankings?

Yes, in two ways. Alt text tells Google what an image shows, which helps it rank in Google Images and adds context to the page. It also supports accessibility for screen reader users, which is a quality signal in itself. Write it to describe the image accurately rather than to stuff keywords.

Should I use WebP or AVIF?

Both are strong choices that beat JPEG and PNG on file size. WebP has slightly broader support and is a safe default. AVIF produces even smaller files and now has wide support, so it is worth using where your platform allows, ideally with a fallback for any older browser.

Will lazy loading hurt my SEO?

No, when done correctly it helps by speeding up the initial page load. The one rule is to never lazy-load your main above-the-fold image, because that delays Largest Contentful Paint and harms your Core Web Vitals. Lazy-load only images below the fold that the user has not yet scrolled to.

How small should my image files be?

Aim for the smallest file that still looks sharp at its display size, rather than a fixed number. Resize to actual display dimensions, choose a modern format, then compress until quality just starts to suffer and step back one notch. Always check the result on a high-resolution screen before publishing.

Do images appear in Google Images automatically?

Google can find and index images it crawls, but you improve the odds by adding images to your XML sitemap, using descriptive file names and alt text, and placing images in relevant context. Structured data further helps by making images eligible for richer listings. Optimisation makes the difference between being indexed and being featured.