Image SEO

How to optimize images for Google Images, visual search, and faster pages — formats, filenames, alt text, lazy loading, structured data, and image sitemaps.

First published: Jun 25, 2026 · Last updated: Jul 18, 2026 · Advanced
demand #9 in On-Page#53 in Technical SEO#76 on the site

Image SEO is two jobs, not one: ranking your images in Google Images / visual search (driven by alt text, filenames, page context, and uniqueness), and keeping pages fast (images are usually the biggest Core Web Vitals / LCP element). The myths to drop: there's no direct ranking boost for WebP or AVIF (Mueller confirmed — the win is speed), you shouldn't bulk-rename existing files, and CSS background images don't get indexed. Native loading="lazy" is fine for below-the-fold images but never for your LCP image. Google indexes <img> (and <picture>), supports BMP/GIF/JPEG/PNG/WebP/SVG/AVIF, and as of May 2025 wants you to reference the same image at the same URL everywhere. This hub maps it all and points to the alt text deep dive.

TL;DR — Image SEOImage SEO is optimizing the images on your pages so search engines can discover, crawl, index, and rank them — in Google Images and visual search, and as part of standard web results. It spans file format, filenames, alt text, compression, responsive markup, structured data, and image sitemaps. is two separate goals: (1) ranking in image search (Google Images / Lens / Bing), driven by alt textAlt text is the value of the `alt` attribute on an HTML `<img>` element — a short text substitute chosen for the image's purpose and context, not a literal description of what it shows. It makes images accessible to screen-reader users and helps search engines understand images, mainly for image search., filenames, page context, and uniqueness; and (2) page performance, because images are usually the LCPLargest Contentful Paint — render time of the largest visible image or text block, relative to when the page started loading. ≤2.5 s (at the 75th percentile) is good. element. Google indexes <img> (including inside <picture>) — not CSS backgrounds — and supports BMP, GIF, JPEG, PNG, WebP, SVG, AVIF. There is no direct ranking boost for WebP or AVIF (Mueller); the payoff is speed → Core Web VitalsGoogle's three real-user UX metrics — LCP (loading), INP (responsiveness), and CLS (visual stability) — used by Google's ranking systems, with no official weight attached, measured on field data.. Don’t bulk-rename existing files. Native loading="lazy" is safe below the fold but never on the LCPLargest Contentful Paint — render time of the largest visible image or text block, relative to when the page started loading. ≤2.5 s (at the 75th percentile) is good. image — that one gets fetchpriority="high". Since May 2025, reference the same image at the same URL everywhere. Structured dataStructured data is a standardized way of labeling page content (using the schema.org vocabulary in JSON-LD, Microdata, or RDFa) so search engines can understand its meaning. It's not a direct ranking factor — its value is rich results and entity understanding. (ImageObject, Product/Article image arrays) unlocks rich resultsRich results (formerly 'rich snippets') are enhanced search listings — stars, images, prices, breadcrumbs, video thumbnails, and more — that Google and Bing build from structured data. They're a display feature, not a ranking factor, and eligibility never guarantees they'll show.; image sitemapsAn image sitemap is a sitemap (or an extension added to an existing sitemap) that lists the images on your pages using Google's image namespace, helping Google discover images it might otherwise miss. still help discovery. Alt textAlt text is the value of the `alt` attribute on an HTML `<img>` element — a short text substitute chosen for the image's purpose and context, not a literal description of what it shows. It makes images accessible to screen-reader users and helps search engines understand images, mainly for image search. gets its own deep dive.

Evidence for this claim Google indexes images referenced with HTML image elements and does not index CSS background images as images. Scope: Google image discovery and indexing. Confidence: high · Verified: Google Search Central: Image SEO Evidence for this claim Images can be LCP candidates; the LCP image should be discoverable early and should not be lazy-loaded. Scope: web.dev LCP image loading guidance. Confidence: high · Verified: web.dev: Optimize LCP

Image SEO is two jobs, not one

This is the framing I keep coming back to, and almost every “image SEO checklist” blurs it. There are two distinct goals, and they call for different work:

  1. Ranking in image search. Getting your images foundA 302 (\"Found\") is a temporary redirect: it forwards users to a new URL while telling search engines the original URL should stay in the index. It's a weak canonicalization signal, not the zero-equity dead end of SEO folklore. in Google Images, Bing Images, and Google LensMultimodal search lets you query and get results across more than one modality — text, images, video, and audio together. Instead of typing words, you can point your camera, circle something on screen, or combine an image with a question, and the system understands them jointly. for image-specific queries. This is driven by alt text, filenames, the text surrounding the image, structured data, and image uniqueness.
  2. Page performance. Images are almost always the heaviest thing on a page — Google’s own docs say images are “often the largest contributor to overall page size.” That makes them the usual culprit for a slow Largest Contentful Paint (LCP), which feeds Core Web VitalsGoogle's three real-user UX metrics — LCP (loading), INP (responsiveness), and CLS (visual stability) — used by Google's ranking systems, with no official weight attached, measured on field data., which is a web-search ranking signal.

Keep these separate and the whole topic gets clearer. Alt text and filenames are mostly an image-search play. Format, compressionCompression (HTTP content encoding) shrinks text-based responses — HTML, CSS, JS, JSON, SVG, XML sitemaps — before they're sent over the network, using an algorithm like Gzip, Brotli, or Zstd, so the browser or crawler downloads fewer bytes. It's not a ranking factor, but it speeds up page loads and helps pages stay under crawler fetch limits., and loading strategy are a performance play. Both matter; they’re just not the same lever.

And the volume is real: image and visual search is a meaningful slice of all search activity, and Google Lens has grown fast. Optimized images aren’t just defensive — they’re a traffic source.

How Google discovers and indexes images

A few mechanics decide whether your images even make it into the index:

  • Only HTML <img> gets indexed. Google: “Google parses the HTML <img> elements (even when they’re enclosed in other elements such as <picture> elements) in your pages to index images, but doesn’t index CSS images.” If an image lives only in a CSS background-image, it’s invisible to image search. Put anything you want found in an <img>.
  • Always provide a fallback src. When you use srcset or <picture>, keep a plain src too — “some browsers and crawlersA crawler — also called a spider or bot — is an automated program that fetches web pages, extracts their links, and queues new URLs to visit. Search engines use crawlers to discover and download content for their index. don’t understand” the responsive attributes, and the src is the safety net Google relies on.
  • Supported formats: BMP, GIF, JPEG, PNG, WebP, SVG, and AVIF (AVIF support landed in August 2024). The file extension should match the actual file type.
  • Context still matters alongside markup. Supported markup gets an image discovered; it’s the page’s surrounding text, captions, titles, and other metadata that Google combines with the image itself to understand what it’s about once found.
  • URL consistency (May 2025 update). Google now recommends referencing the same image with the same URL every time it appears. A Google spokesperson put it as: “We updated the Google Image SEO best practices to clarify that URLs for images should be referenced consistently for easier crawlingCrawling is how search engines use automated bots (like Googlebot and Bingbot) to discover URLs and download pages. A page has to be crawlable to be indexed, but crawling on its own isn't a ranking factor. on larger websites.” This is a crawl-efficiency thing — same image, same URL, so Google can cache and reuse it instead of re-fetching the same picture under different CDN paths or query strings.

File formats: pick for speed, not for an SEO boost

Here’s the myth to kill first: there is no direct ranking boost for “next-gen” formats. Mueller confirmed there’s no “SEO boost” for AVIF, and the same logic applies to WebP — “WebP images are fine for Image Search,” but “fine” is not “better.” Google doesn’t reward you for the container.

What modern formats do is shrink your files, which speeds up the page, which helps Core Web VitalsWeb Vitals is Google's initiative (launched May 2020) for unified page-experience quality signals. Core Web Vitals — LCP, INP, and CLS — are the subset used in ranking; the rest (TTFB, FCP, TBT, Speed Index) are diagnostic, not ranking factors. — an indirect benefit. So choose on the merits:

  • AVIF — best compressionCompression (HTTP content encoding) shrinks text-based responses — HTML, CSS, JS, JSON, SVG, XML sitemaps — before they're sent over the network, using an algorithm like Gzip, Brotli, or Zstd, so the browser or crawler downloads fewer bytes. It's not a ranking factor, but it speeds up page loads and helps pages stay under crawler fetch limits. (often 50%+ smaller than JPEG). Use it where browser support is covered, with fallbacks.
  • WebP — 25–35% smaller than JPEG with near-universal browser support. The safe default for photos today.
  • JPEG — universal fallback for photographs.
  • PNG — when you need transparency or sharp-edged graphics.
  • SVG — logos and icons (vector, scales infinitely, tiny).
  • GIF — avoid for anything non-trivial; use video or animated WebP/AVIF instead.

The clean implementation is <picture> with <source> elements for the modern formats and a <img src> fallback, so older browsers degrade gracefully and Google still has a src to index.

File names: descriptive for new images, don’t bulk-rename old ones

Filenames are a real (if minor) signal. Google’s own best practice is to use short, descriptive names — “the filename can give Google clues about the subject matter of the image” — so golden-retriever-puppy.jpg beats IMG00023.JPG, and anything generic like image1.jpg is a wasted opportunity.

But here’s the nuance that trips people up: don’t go back and rename your existing files. Mueller was clear that bulk renaming “is going to take a lot of time for Google’s systems to see” the new images, and that the effect is “minimal… maybe no visible effect at all” if your alt text and surrounding context are already good. Gary Illyes framed the signal loss from image URL migrations as “in line with web search results, which is a few weeks.” So: descriptive names on new images, yes; a site-wide rename project for marginal benefit and weeks of churn, no.

Alt text (the short version)

I’m not going to repeat the full treatment here because alt text has its own deep dive. The headline: alt text is the most important piece of image metadata, but its real payoff is image search and accessibility — not web-search rankings. Google reads it alongside computer vision and page context, so write for context, don’t keyword-stuff, and use alt="" for purely decorative images. The full rules, quotes, and audit workflow are in my alt text guideAlt text is the value of the `alt` attribute on an HTML `<img>` element — a short text substitute chosen for the image's purpose and context, not a literal description of what it shows. It makes images accessible to screen-reader users and helps search engines understand images, mainly for image search..

Compression, lazy loading, and Core Web Vitals

Because images usually decide your LCP, this is where image SEO and Core Web Vitals overlap most:

  • Compress everything. Right-size images to their display dimensions and compress them. This is the single biggest performance lever for most pages.
  • Native lazy loadingLazy loading defers loading of off-screen or non-critical resources — usually images and iframes — until they're about to enter the viewport. The native way to do it is the loading=\"lazy\" HTML attribute, which needs no JavaScript. is safe — below the fold. loading="lazy" on the <img> is Google-endorsed and crawlable. The implementations that break are JavaScript ones that hide the real URL in data-src and never expose a src — those risk not being indexed. Stick to native loading="lazy" or IntersectionObserver, and make sure images load when visible, not on a click or swipe (“Google Search does not interact with your page”).
  • Never lazy-load the LCP image. This is the one rule people break most. Your largest above-the-fold image (usually the hero) should load eagerly — loading="eager" and fetchpriority="high" — not lazily. Lazy-loading the LCP image can add hundreds of milliseconds to LCP for no reason.
TIP Audit the implementation, not just the file format

A page can use valid images and still miss the signals that matter for accessibility, discovery, and LCP. Treat the likely-LCP warning as a heuristic; confirm the real LCP element with field or lab performance data. Missing ImageObject markup is informational unless the page needs a structured-data feature.

Run the page through my checker to review its raw HTML image signals in one pass. Image SEO Checker Free

  1. Enter a public page URL and run the check.
  2. Review alt coverage, first-image loading and priority, source formats, and ImageObject detection.
  3. Fix confirmed problems, then rerun the same URL to verify the rendered HTML changed.
One result panel separates concrete HTML findings from the likely-LCP heuristic and the optional ImageObject signal.

Responsive images

Use srcset + sizes (different resolutions for different viewports) and <picture> (art direction / format switching). Two things to keep straight:

  • Always include a fallback src. As above — crawlers and older browsers need it.
  • Every candidate needs to be reachable. Whatever access rules apply to your fallback src — not blocked, not behind auth, not a dead URL — apply to each srcset/<picture> candidate too. An undiscoverable candidate doesn’t help even when the fallback is fine.
  • Keep your URLs consistent with the page. The image URL you put in an image sitemapA sitemap is a file that lists the pages, images, videos, and other files on your site so search engines can discover them. It helps discovery, but submitting a sitemap doesn't guarantee crawling or indexing. should be the same URL the page actually uses. Don’t serve a different image URL to mobile than to desktop — Google is a mobile-first crawler, and divergent URLs cause temporary image-traffic loss while Google rebuilds ranking history for the new URLs.

Structured data for images

Structured data is what unlocks image-related rich resultsRich results (formerly 'rich snippets') are enhanced search listings — stars, images, prices, breadcrumbs, video thumbnails, and more — that Google and Bing build from structured data. They're a display feature, not a ranking factor, and eligibility never guarantees they'll show. and badges:

  • ImageObject with a license property makes images eligible for the licensable badge in Google Images. The required fields are contentUrl plus at least one of creator, creditText, copyrightNotice, or license; add license
    • acquireLicensePage for the badge itself.
  • Product and Article structured data want an image array with multiple aspect ratios (commonly 16:9, 4:3, 1:1). The image property is required for image-bearing rich results.
  • Thumbnail control. Google’s thumbnail pick is automated, but you can influence it via primaryImageOfPage schema, the main entity’s image property, or the og:image meta tag — Google uses both schema.org markup and og:image for thumbnails in Search and Discover.

Eligible markup isn’t a display guarantee — Google still decides, page by page, whether to actually show the badge, image array treatment, or thumbnail your structured data makes possible.

This is also where image SEO overlaps with the broader structured data topic — the markup that powers product, article, and image rich results is the same machinery.

Image sitemaps

Image sitemapsAn image sitemap is a sitemap (or an extension added to an existing sitemap) that lists the images on your pages using Google's image namespace, helping Google discover images it might otherwise miss. are a discovery tool, most useful for CDN-hosted images, large galleries, and JS-heavy sites where images might not be found through normal crawling. Two notes that catch people out: Google now supports only <image:image> and <image:loc> (it deprecated <image:caption>, <image:title>, <image:geo_location>, and <image:license> on May 6, 2022 — though Bing still uses them, so keep them in if you serve one sitemap to both). And image sitemaps are the one place you’re allowed cross-domain URLs in <image:loc>, which is handy for CDN hosting (verify the CDN domain in Search ConsoleGoogle's free tool for monitoring crawling, indexing, and search performance.). The mechanics live in the image sitemaps article. None of this is a promise: an image sitemap can help Google discoverGoogle Discover is a personalized, mobile-first content feed built into the Google app, Chrome's mobile New Tab page, and google.com that surfaces articles and videos based on a user's interests and activity — not a response to a search query. There's nothing to 'rank' for in the traditional sense; eligibility is governed by Discover's content policies plus the same helpful-content, image, and page-experience signals Google Search already uses. images it might otherwise miss, but submitting one doesn’t guarantee crawling, indexingStoring a crawled page in the search index so it can appear in results. Crawled is not the same as indexed — Google selects what to keep, and indexing isn't guaranteed., or ranking.

Discover and large images

To be eligible for large-format image previews in Discover and across Google surfaces, add <meta name="robots" content="max-image-preview:large"> and use big images — at least 1,200px wide, high resolution, ideally 16:9. Google’s own case study documented real CTR lift from enabling large previews (a food blog at +79% CTR from Discover; a news site at +30% CTR / +332% clicks over six months). This is one of the few image changes with directly measurable upside.

Stock vs. unique images

Mueller’s position is worth quoting plainly: stock photography “doesn’t matter for web search directly,” but “for image search, if it’s the same image as used in many places, it’ll be harder.” And separately: “uniqueness isn’t equivalent to higher quality” — taking the photo yourself doesn’t automatically rank it better. So: use stock freely if you only care about web rankings; use unique imagery when image-search visibility matters, because a one-of-a-kind image has nothing to compete with.

Emerging: AI-image labeling (C2PA / IPTC)

Worth flagging because it’s new and most guides miss it: Google reads IPTC copyright fields (which can show as attribution credit in Google Images — free brand visibility) and uses IPTC / C2PA metadata to identify AI-generated images, surfacing an “AI generated” label via the “About this image” feature. Camera EXIF (ISO, aperture, GPS) has no documented ranking effect — strip it for performance, but preserve the copyright fields. This space is still evolving.

Where to go next

This hub is the map. The deep dives and adjacent topics:

  • Alt text — the full treatment of the alt attribute: why it’s image-search-not-web-search, accessibility/legal stakes, writing rules, decorative images, linked-image anchor textAnchor text is the visible, clickable text of a hyperlink. It tells readers what they'll find on the other end and gives search engines context about the linked page., and auditing at scale. It’s the one sub-topic deep enough to warrant its own article.
  • Ranking in Google Images — the deep dive on visibility specifically in Google Images and Lens: indexing requirements, licensable images, and the myths top-ranking pages still repeat.
  • Image formatsThe file encoding used to store an image (JPEG, PNG, WebP, AVIF, SVG, GIF) — it drives file size and Core Web Vitals, but carries no direct ranking weight. — JPEG vs. PNG vs. WebP vs. AVIF up close: what each format is actually good for, and why the format switch itself isn’t a ranking factor.
  • Core Web Vitals — image SEO’s performance half lives here. Compression, LCP, and fetchpriority are really Core Web Vitals work wearing an image hat.
  • Structured dataImageObject, Product/Article image arrays, and og:image thumbnail control are part of the broader structured-data story.
  • Image sitemaps — the discovery mechanics, the deprecated-by-Google-but-kept-for-Bing tags, and cross-domain CDN URLs.

Add an expert note

Pin an expert quote

New person? Create their unclaimed profile at /admin/experts/ → Pin a quote first.