Technical SEO and visual search
Image SEO Checklist: 32 Steps for Better Visibility and Speed
Image SEO is the process of making images discoverable, understandable, fast and useful to people and search systems. Start with crawlable HTML image elements, descriptive alt text, relevant nearby copy, stable URLs and appropriately compressed files. Then add responsive variants, explicit dimensions, selective lazy loading, structured data and licensing metadata where relevant. Measure image search impressions, clicks, CTR and landing pages in Google Search Console, while monitoring Largest Contentful Paint, layout stability, crawl activity and image indexation.

TL;DR
Key Takeaways
- Use crawlable HTML image elements for important images because Google does not index CSS background images.
- Write alt text as an accessible description of the image's purpose, not as a container for repeated keywords.
- Keep image URLs stable and provide a fallback src when using responsive image markup.
- Set width and height attributes, serve right-sized variants and avoid lazy loading the likely LCP image.
- Use structured data or IPTC metadata when creator, credit, copyright or licensing information matters.
- Measure image search performance separately from ordinary web search performance in Search Console.
- Treat image visibility, page rankings, AI citations and conversions as related but distinct outcomes.
- Prioritize unique, useful visuals that answer a query better than generic stock photography.
The 32-step image SEO checklist
Use this checklist in priority order. A technically perfect decorative image creates little search value, while a unique diagram can still fail if it is blocked, hidden in CSS or delivered too slowly.
| Area | Checklist | Primary KPI |
|---|---|---|
| Discovery | 1. Use an HTML image element. 2. Allow image crawling. 3. Keep URLs stable. 4. Include important images in a sitemap when discovery is difficult. | Valid image fetches and indexed landing pages |
| Relevance | 5. Match the image to page intent. 6. Use descriptive filenames. 7. Write useful alt text. 8. Add relevant nearby copy. 9. Use captions when they help readers. | Relevant image queries and CTR |
| Quality | 10. Use an original or meaningfully useful visual. 11. Export a high-resolution source. 12. Avoid unreadable text. 13. Select a representative primary image. | Clicks, engagement and earned links |
| Delivery | 14. Choose a suitable format. 15. Compress files. 16. Generate responsive sizes. 17. Provide a fallback src. 18. Match extensions to formats. 19. Configure caching. | Transferred bytes and load time |
| Page experience | 20. Set width and height. 21. Reserve layout space. 22. Do not lazy-load the likely LCP image. 23. Lazy-load suitable offscreen images. 24. Prioritize the hero image when necessary. | LCP and CLS |
| Enhancement | 25. Add relevant structured data. 26. Declare the preferred page image. 27. Supply creator and licensing data. 28. Check social preview images. | Eligible enhancements and preview quality |
| Governance | 29. Monitor Image search reports. 30. Test rendered pages. 31. Audit logs and broken URLs. 32. Refresh decayed or obsolete visuals. | Impressions, clicks, errors and conversions |
Make every important image crawlable and indexable
Place search-relevant images in an HTML <img> element. Google states that it does not index CSS background images, so a product photograph, chart or primary editorial visual should not exist only as a background declaration. Responsive markup should retain a valid fallback src.
Do not block essential image directories through robots controls, authentication or accidental CDN rules. Test the final rendered page, not just its source. JavaScript galleries, consent layers and client-side transformations can leave crawlers with a placeholder or an unusable URL.
Keep the same image at a consistent URL when its underlying asset has not changed. Google’s April 2025 documentation update specifically recommended consistent image URLs to support crawling and caching. If a migration changes hosts or paths, map old assets carefully, update references and inspect server logs for persistent failures.
An image sitemap is useful when images are difficult to discover through normal crawling, including some JavaScript galleries or CDN-hosted assets. It improves discovery, but does not guarantee indexing or rankings.
Write alt text, filenames and context for meaning
Alt text should communicate the image’s content or function to someone who cannot see it. Describe what is visible and relevant to the page. Do not force every target phrase into the attribute. Google explicitly warns that keyword stuffing in alt text can be treated as spam.
Useful example: A comparison page showing two compressed formats might use alt text such as, “Side-by-side crop comparing JPEG and WebP compression around fine hair.” “Best image SEO image optimization WebP JPEG” is not useful alt text.
Use an empty alt attribute for a purely decorative image so assistive technology can ignore it. If an image acts as a link or button, describe its function. For complex charts, use concise alt text and explain the findings in visible adjacent copy. This also makes the evidence available to text-based retrieval systems.
Choose readable filenames such as product-name-front.webp rather than IMG00491.webp, but do not churn existing URLs merely to rename files. Captions and nearby headings can clarify entities, locations, products and relationships more fully than a filename can.
Choose formats, dimensions and responsive variants
Google supports JPEG, PNG, GIF, WebP, SVG, BMP and AVIF. Match the extension to the actual encoded format. Choose by image characteristics rather than fashion: JPEG, WebP or AVIF can suit photographs; PNG can preserve transparency or sharp interface details; SVG can suit logos, diagrams and simple vector artwork.
Export from a clean, high-resolution source, then create variants near the rendered widths your layouts require. A phone should not download a desktop-sized photograph only to display it in a narrow card. Use srcset and sizes so the browser can select an appropriate candidate, while keeping a dependable src.
Compression is a quality decision as well as a byte decision. Inspect faces, gradients, text, product edges and fine texture at realistic display sizes. Excessive compression can reduce usefulness and trust even when a performance audit looks better.
Set intrinsic width and height values or an equivalent reserved aspect ratio. The 2025 HTTP Archive dataset found that 62% of mobile pages and 65% of desktop pages lacked explicit dimensions on at least one image, creating avoidable layout shift risk.
Optimize the LCP image without delaying it
Images were the Largest Contentful Paint element on 85.3% of desktop pages and 76% of mobile pages in the 2025 Web Almanac dataset. Image optimization is therefore often an LCP project, not merely an Image search project.
Identify the actual LCP element by template and device. If it is the hero image, include it in the initial HTML, avoid lazy loading it and make its request discoverable early. The same dataset found that about 16% of pages lazy-loaded their LCP image, a pattern that can delay primary content.
Lazy-load below-the-fold galleries and secondary thumbnails when doing so reduces unnecessary transfers. Reserve their dimensions so content does not jump as images arrive. Configure durable caching for versioned assets and avoid generating a new URL on every render.
Do not optimize solely against a synthetic score. Compare field LCP, image bytes, request timing and conversion behavior across page templates. A lower-quality hero that harms product evaluation may be a poor business trade even if it saves bytes.
Select primary images, structured data and licensing metadata
Choose a representative, high-resolution primary image that still works when cropped. Avoid extreme aspect ratios, small subjects surrounded by empty space and graphics dominated by text. Google identifies primaryImageOfPage, entity image properties and og:image as signals that can help systems select preferred previews.
Structured data must agree with visible page content. Product, recipe, article and other supported types can associate images with a specific entity, but markup does not make an irrelevant image relevant.
Publish creator, credit, copyright, license and acquisition information when rights management matters. Google supports both structured data and embedded IPTC metadata for image licensing information and potential Licensable badges. Verify that license URLs work and lead to genuine terms or acquisition instructions.
For duplicate or syndicated pages, maintain page-level canonical discipline. A canonical declaration consolidates page signals, but should not be treated as a substitute for stable, accessible image URLs.
Design images for search results, AI answers and visual discovery
A useful visual should answer a subquery on its own. Examples include an annotated process, original chart, before-and-after comparison, product angle, local landmark view or diagnostic flowchart. Surround it with a concise statement of what it shows, the entities involved and the conclusion a reader should draw.
This answer-first context helps conventional indexing and may make the page easier for AI systems to retrieve and summarize. Google Images can also contribute visibility across web Search, Discover and visual search experiences. However, no documented image technique guarantees inclusion in Google AI Overviews, AI Mode, Bing or Copilot, or ChatGPT.
Practitioners have observed AI Mode selecting and cropping prominent page images. Treat that as volatile behavior, not a ranking rule. Keep critical subjects near the useful center, test common crops and ensure that the visible article text contains any essential fact shown in a chart.
Create natural link demand with original datasets, embeddable diagrams and comparison assets. Provide attribution guidance without requiring manipulative links. Reclaim legitimate unlinked mentions and use link-intersect research to identify publishers that cite competing visual resources.
Diagnose missing rankings, slow images and bad previews
Use the failure symptom to choose the next test instead of changing every attribute at once.
| Symptom | Check first | Likely action |
|---|---|---|
| Image never appears in search | HTML element, crawl permissions, HTTP status, rendered URL and sitemap discovery | Expose a stable crawlable URL and remove delivery barriers |
| Image receives impressions but few clicks | Query fit, crop, visual clarity, page promise and result competition | Replace generic artwork, improve composition and align context with intent |
| Page has poor LCP | Actual LCP element, request start, file bytes and lazy-loading state | Prioritize the hero, right-size it and improve compression or delivery |
| Page shifts while loading | Missing dimensions or unstable containers | Reserve the correct aspect ratio |
| Wrong preview is selected | Primary image declarations, structured data, og:image and competing images | Align signals around one strong representative asset |
| Traffic drops after migration | Old image URLs, CDN responses, internal references and logs | Restore mappings, update links and retain stable paths where possible |
Inspect representative URLs from every template. Segment logs by image directory, response code, crawler activity and CDN host. A spike in 404 or 403 responses after a deployment can explain lost visibility faster than an alt text rewrite.
Measure image SEO as a search and business channel
In Google Search Console, select Search type: Image and review impressions, clicks, CTR, queries, landing pages, countries, devices and average position. Compare page groups rather than relying on a sitewide average. Product pages, editorial diagrams and stock-heavy articles have different opportunities.
Pair search metrics with field performance and business outcomes. Useful KPIs include image search clicks, qualified sessions, assisted conversions, image bytes, LCP, CLS, crawl errors, indexed landing pages, licensing inquiries and earned links to visual assets.
Annotate migrations, compression changes, new primary images and markup deployments. Test controlled page groups where possible. A higher image CTR does not prove higher ordinary web rankings, and stronger page rankings may increase image impressions without any image-specific change.
Build a hub-and-spoke structure around visual intent. A central guide can link to format comparisons, compression tests, alt text examples, responsive implementation and troubleshooting pages. Consolidate overlapping assets, refresh obsolete screenshots and redirect retired supporting pages when a stronger replacement serves the same intent.
What is proven, what is consensus and what remains uncertain
Proven or officially documented
- Google uses page content and metadata to understand images.
- Important images should use crawlable HTML image elements rather than CSS backgrounds.
- Image sitemaps can help Google discover images, including CDN-hosted files.
- Alt text should be descriptive, and keyword stuffing can be spam.
- Search Console can report Image search performance separately.
Strong practitioner consensus
- Original diagrams, comparisons and product visuals usually create more search and link value than generic stock images.
- Stable delivery, contextual text, structured data and good performance work best as a combined system.
- Template-level auditing produces more reliable improvements than editing random images one at a time.
Uncertain or volatile
- No fixed formula determines which page image an AI answer system will display or cite.
- Image rankings do not reliably cause ordinary page rankings to rise. Community reports are anecdotal and should be tested independently.
- Format choice alone is not a ranking advantage. The practical outcome depends on quality, bytes, compatibility and delivery.
Implement in three passes: remove crawl and rendering barriers, fix performance and accessibility at template level, then invest in original visuals for pages with demonstrated query demand or commercial value.
FREQUENTLY ASKED QUESTIONS
SEO Questions Answered
What is image SEO?
Image SEO is the optimization of image files, HTML, metadata, surrounding content, accessibility and delivery so search systems can discover, understand, index and present images. It covers visibility in Google Images and image-rich search experiences, while also supporting page performance and accessibility.
Does alt text improve image rankings?
Descriptive alt text helps search engines and assistive technology understand an image, but it is only one signal. Relevance, nearby content, crawlability, quality, page context and delivery also matter. Repeating keywords unnaturally can be counterproductive.
Should every image have alt text?
Every image should have an appropriate alt attribute, but not every attribute needs descriptive words. Use concise descriptive text for meaningful images and an empty alt attribute for purely decorative images. Functional images should describe the action or destination.
Is WebP or AVIF best for image SEO?
There is no universally best format for rankings. Choose the format that provides acceptable visual quality at an efficient file size for the required browser and workflow support. Google supports JPEG, PNG, GIF, WebP, SVG, BMP and AVIF.
Should the hero image be lazy-loaded?
Usually not when the hero is the page’s likely Largest Contentful Paint element. Lazy loading can delay the request. Confirm the actual LCP element on representative mobile and desktop pages before changing the loading strategy.
Do image sitemaps guarantee image indexation?
No. An image sitemap can improve discovery, especially for images that are difficult to find through normal crawling or are hosted on a CDN. Google still decides whether an image and its landing page should be indexed or displayed.
Can Google index CSS background images?
Google’s image documentation says it does not index CSS background images. Put search-relevant images in crawlable HTML image elements and retain a fallback src when using responsive markup.
How long should an image filename be?
There is no required length. Use a short, readable filename that identifies the subject, such as red-running-shoe-side.webp. Avoid meaningless camera names, repeated keywords and unnecessary URL changes to already established assets.
How do I measure image SEO results?
Use the Image search filter in Google Search Console to track impressions, clicks, CTR, queries and landing pages. Combine those metrics with LCP, CLS, image transfer size, crawl errors, conversions, licensing inquiries and earned links.
RESEARCH SOURCES
Sources and Verification
- Google Search Central: Google Images SEO best practicesPrimary documentation for image discovery, supported formats, HTML image elements, alt text, responsive images, sitemaps and contextual signals.
- Google Search Console Help: Performance report and image searchOfficial reporting guidance for Image search impressions, clicks, CTR, queries, pages, devices and countries.
- web.dev: Image performanceGoogle web performance guidance for image sizing, encoding, responsive delivery and request behavior.
- HTTP Archive Web Almanac 2025: PerformanceIndependent dataset supporting the LCP image, lazy-loaded LCP and missing image dimension findings.
- HTTP ArchiveThe underlying public web technology dataset used by the Web Almanac.
- Web Almanac 2025 PDFDownloadable edition of the 2025 Web Almanac research.
- arXiv: Analysis of image data on the webAcademic analysis estimating that images represented 41% of transmitted web data, supporting image payload as a performance priority.
- W3C: WCAG techniquesAccessibility techniques informing appropriate text alternatives and treatment of meaningful or decorative images.
- Semrush: Visual search optimization guidePractitioner synthesis on combining visual relevance, context, metadata, structured data and performance. It is not evidence of a guaranteed ranking effect.
- Search Engine Land: Google AI Mode and SEOCurrent practitioner observations about image selection and cropping in AI Mode. The observed behavior is volatile and is not an official ranking rule.
- Research sourceConsulted during live web research for this page.
- Research sourceConsulted during live web research for this page.
- Google Search Central: Image license metadataPrimary documentation for creator, credit, copyright, license and acquisition metadata.
- Google Search Console Help: URL InspectionOfficial troubleshooting resource for inspecting indexed and live page information.
- web.dev: Lazy-load images and iframesTechnical guidance on when lazy loading saves resources and when it can delay important content.
- HTTP Archive Web Almanac 2025: MethodologyMethodology and limitations for the Web Almanac's large-scale website dataset.
- Research sourceConsulted during live web research for this page.
- Google Search documentation updatesOfficial change log, including the April 2025 guidance about consistent image URLs.
- HTTP Archive Web Almanac 2025Index to the 2025 analysis of 17.2 million websites.
- Google Search Central: SEO Starter GuideOfficial foundational guidance on crawlability, descriptive content and search-friendly site organization.
SEOS.CO EXPERT MATCH
Ready to Find the SEO Partner That Can Win Your Market?
Tell us your market, goals and growth targets. SEOS.co will help narrow the field and connect you with a serious SEO partner built for the opportunity.