Image SEO: The Complete Guide to Ranking with Images

Why Image SEO Matters

Google Images is the second-largest search engine in the world by query volume. Many users search for images directly — whether for products, recipes, infographics, or how-to tutorials — and land on your page from an image result. Beyond discovery, images affect your regular web search rankings through two channels:

• Page speed: Unoptimised images are the biggest contributor to slow load times. Large images hurt your LCP score, which affects your rankings.
• Relevance signals: Alt text, file names, captions, and surrounding text all help Google understand what your images depict and how they relate to the page topic.

File Names and Formats

Use Descriptive File Names

Before uploading any image, rename the file to describe its content using lowercase letters and hyphens. Compare these two filenames:

• Bad: DSC_00472.jpg
• Good: red-sofa-living-room.jpg

Include your target keyword in the filename naturally. Google uses file names as a contextual signal when crawling and indexing images. According to Google's own Image Search documentation, the filename is explicitly listed as a relevance factor.

Choose the Right Image Format

Format	Best For	SEO Impact
WebP	Photos, graphics with transparency	Best — smaller files improve LCP
AVIF	Photos requiring maximum compression	Excellent — up to 50% smaller than JPEG
JPEG	Photos, no transparency needed	Good — widely supported fallback
PNG	Screenshots, logos, transparency	Good for quality; large for photos
SVG	Icons, logos, illustrations	Best for scalable graphics
GIF	Simple animations (avoid for photos)	Poor — very large file sizes

Writing Effective Alt Text

Alt text (alternative text) serves two purposes: accessibility for users who cannot see images, and a text-based signal for search engines. Screen readers announce alt text aloud for visually impaired users, so it must accurately describe the image content.

Alt Text Best Practices

• Be descriptive and specific: "Golden retriever puppy playing with a red ball in a garden" is better than "dog."
• Include keywords naturally: If your target keyword fits the description, include it. Do not force it.
• Keep it concise: Aim for under 125 characters. Screen readers may truncate longer descriptions.
• Don't start with "Image of" or "Picture of": Google already knows it's an image.
• Leave decorative images empty: For purely decorative images (borders, spacers), use alt="" so screen readers and crawlers skip them.

Alt Text for Different Image Types

• Product images: Include product name, colour, and key distinguishing feature. E.g., "Navy blue men's wool peacoat, double-breasted."
• Infographics: Summarise the key takeaway. E.g., "Infographic showing that 68% of online experiences begin with a search engine."
• Charts and graphs: Describe what the data shows. E.g., "Bar chart showing UK inflation rate rising from 2% to 11% between 2021 and 2022."
• Author photos: Include the person's name. E.g., "Portrait of Jane Smith, ToolMasta CEO."

Compression and Dimensions

Image file size is one of the most direct controllable factors in page load speed. A single unoptimised hero image can account for 60–80% of a page's total weight. The goal is to find the sweet spot between visual quality and file size.

Sizing Guidelines

• Never upload images wider than they will ever be displayed. If your content column is 800 px wide, your image should be at most 1600 px wide (2x for retina displays).
• Use the srcset attribute to serve appropriately sized images to different screen widths.
• For full-width hero images on a 1440 px wide layout, a 1440 px × 810 px WebP image compressed to under 200 KB is a reasonable target.

Compression Targets

• Hero / above-fold images: Under 150–200 KB
• In-content images: Under 100 KB
• Thumbnails: Under 30 KB

You can compress images to these targets without visible quality loss using a free image compressor. For converting HEIC photos from iPhone to web-ready formats, try the HEIC to JPG converter.

Image Structured Data

Structured data helps Google understand image context more deeply. Two schema types are most relevant for images:

ImageObject Schema

Embedding ImageObject within your Article or Product schema tells Google the image URL, dimensions, caption, and licensing information. This can unlock Image License rich results in Google Image Search, showing a "Licensable" badge next to your images.

Product Images

For e-commerce, including product images within your Product schema markup is essential. Google can surface product images in shopping search results when the structured data is correctly implemented. For more on structured data, see our Schema Markup Beginner's Guide.

Advanced Image SEO Techniques

Image Sitemaps

Include image information in your XML sitemap using the <image:image> namespace. This helps Google discover images that might otherwise be hard to find — particularly images loaded via JavaScript or CSS backgrounds. Read more about sitemaps in our XML Sitemap Guide.

Use Captions Strategically

Image captions are among the most-read text on a page. They also contribute topical relevance signals to Google. Write captions that describe what the image shows and provide additional context. Do not simply repeat the alt text verbatim.

Responsive Images with srcset

The srcset attribute lets you specify multiple image files for different screen widths. The browser selects the most appropriate size, reducing wasted bandwidth on mobile. Combined with WebP serving via <picture>, this is the gold standard for image delivery.

Lazy Load All Below-Fold Images

Add loading="lazy" to any image not visible on initial page load. This native browser feature requires no JavaScript and defers image loading until the user scrolls near the image, improving initial page load times and LCP for the first viewport.

Avoid Text in Images

Text embedded in images cannot be read by search engines or screen readers. If an image contains important text (like an infographic title or a call-to-action), also include that text in the surrounding HTML or in the alt text.