GrowthPedia

Image SEO

Image SEO means optimising images so search engines can find, understand, and display them, while also improving page speed and accessibility.

Level: BeginnerRead: 2 minUpdated: 27 Jul 2026By Vera Lindqvist

Key facts

  • Google recommends descriptive filenames, relevant alt text, and crawlable image delivery via HTML <img> elements.
  • Responsive images using srcset or <picture> help match image size to the user's screen, improving speed and user experience.
  • Compression and modern formats like WebP reduce file size without losing quality, which helps Core Web Vitals.
  • Image sitemaps can help Google discover images that might otherwise be missed, especially if they are loaded via JavaScript.
  • Structured data such as ImageObject adds context when an image is central to the page's meaning.

Also called

image optimisation, image alt text SEO

Use it for

helping images rank in Google Images and supporting page relevance

Applies to

Google / Bing / all search engines

How Google Understands Images

Google does not 'see' images the way humans do. It reads the file name, alt text, surrounding text, and page title to infer what an image shows.

A descriptive file name like red-velvet-cake.jpg tells Google more than IMG_1234.jpg. Alt text should describe the image naturally for accessibility and relevance, and the Meta Description gives page-level context.

Google also uses the page's overall topic. An image of a dog on a page about pet care will be understood differently than the same image on a page about dog breeds.

  • Use hyphens between words in file names, not underscores or spaces.
  • Write alt text that describes the image accurately; do not stuff it with keywords.
  • Place important images in HTML <img> tags, not CSS backgrounds.

Speed and Format Choices

Image size directly affects page load time. Large, uncompressed images slow down pages and hurt how core web vitals works.

Resize images to match the display dimensions. Do not upload a 4000-pixel-wide photo and rely on CSS to shrink it.

Use modern formats: WebP offers good compression with quality, while JPEG and PNG remain widely supported. SVG works for icons and logos. Using WebP improves Page Speed.

  • Compress images with tools like Squoosh or ImageOptim before uploading.
  • Add width and height attributes to prevent layout shifts.
  • Serve different image sizes for different screens using srcset.

Image Sitemaps and Structured Data

An image sitemap lists every image on your site that you want Google to index. It is especially useful for images loaded via JavaScript or behind navigation.

For images that are critical to the page — like a product photo or a chart — you can add what alt text means and ImageObject structured data. This helps Google understand the image's role. You can also apply Image Filename SEO best practices to ensure filenames are descriptive.

Structured data does not guarantee a rich result, but it adds context when Google processes the page.

Common Mistakes and Their Consequences

Many people treat image SEO as a checklist. That approach leads to errors that hurt both users and rankings.

Here are three frequent mistakes and what they cost you. For in-depth guidance on naming, see image file name seo.

  • Using generic filenames like IMG_1234.jpg — Google gets little context, and the image is less likely to rank.
  • Writing keyword-stuffed alt text — screen readers become confusing, and Google may see it as spam.
  • Uploading oversized images and relying on CSS to shrink them — page speed suffers, and Core Web Vitals scores drop.

Image SEO in WordPress and Other CMS

In WordPress, plugins like Yoast or Rank Math help with alt text and file names, but they do not replace good manual choices.

For Diy SEO Wordpress, you should resize images before uploading, use descriptive names, and set alt text in the media library.

If you change an image URL, set up a redirect from the old URL to the new one. Understanding how google images search upload photo works can help you ensure images are indexed correctly.

Image SEO Quick Reference
ElementBest Practice
File nameDescriptive, hyphenated (e.g., red-velvet-cake.jpg)
Alt textNatural description, no keyword stuffing
File sizeCompressed, matching display dimensions
FormatWebP, JPEG, PNG, or SVG as appropriate
DeliveryHTML `<img>` tag, not CSS background

Common mistakes

  • Using generic filenames like IMG_1234.jpg Google gets little context, and the image is less likely to rank.
  • Writing keyword-stuffed alt text Screen readers become confusing, and Google may see it as spam.
  • Uploading oversized images and relying on CSS to shrink them Page speed suffers, and Core Web Vitals scores drop.

Questions

What are the best image SEO practices?

Use descriptive filenames, write natural alt text, compress images, serve responsive sizes, and place images in HTML <img> tags. Google's official guide covers these points.

What is the best image size for SEO?

There is no single 'best' size. Resize images to match the display dimensions on your site. For a blog post, 1200 pixels wide is often enough. Keep file size under 100 KB if possible, but quality matters too.

How do I optimise images for WordPress?

Resize images before uploading, use descriptive filenames, and fill in the alt text field in the media library. Plugins like Yoast can help, but they do not replace good manual choices.

See also

Sources

  1. Google Search Central: Image SEO Best Practices developers.google.com
  2. Yoast: Image SEO yoast.com
  3. Search Engine Journal: Image Optimization Tips searchenginejournal.com

Outbound links are unpaid and nofollow. If one has gone stale, tell me.