On-Page SEO Guide
Image SEO is a release process, not an alt-text chore. Use this guide to make images discoverable, understandable, fast, eligible for useful previews and measurable in Search Console.
By Rahul S., SEO Strategist at Search Counsel Co. Last updated September 2026.
Featured answer: What is image SEO?
Image SEO is the work of helping search engines discover, understand and present an image while keeping the page fast and accessible. It includes useful images, descriptive filenames and alt text, crawlable HTML, responsive formats and dimensions, image sitemaps when needed, preferred-image metadata, and measurement in Search Console.
Current implementation note. Google clarified in March 2026 that `primaryImageOfPage`, an image connected to the page’s main entity, and `og:image` can influence which preview it selects. Selection remains automated, so matching tags help but do not guarantee a thumbnail.
Gate 1
Discover
Use crawlable image URLs, standard HTML and sitemaps when ordinary discovery is not enough.
Gate 2
Understand
Give the image a clear function, context, filename, caption when useful and appropriate alt text.
Gate 3
Deliver
Serve an appropriate format and size without delaying the main content or shifting the layout.
Gates 4 and 5
Select and measure
Declare a representative preferred image, then confirm what earns impressions and clicks.
Jump to what you need
What image SEO can and cannot control
Image SEO improves the evidence and delivery conditions around an image. It can make an image easier to crawl, easier to interpret and faster to load. It can also make the page more eligible for image-rich surfaces. It cannot force Google to index the image, select a specific preview, show the page in Discover or rank it for a query.
The surrounding page still matters. Put the image close to the text it explains and make that page the strongest answer to its query. The broader process is covered in SearchCounselCo’s guide to optimizing page content.
Audit image SEO through five gates
- Discover. The image has a stable, crawlable URL and appears in a standard `
<img src>` element. Google states that it does not index CSS background images. - Understand. The filename, nearby text, caption and alt attribute describe the image’s function without keyword stuffing.
- Deliver. The browser receives a suitable candidate through `srcset` and `sizes`, the dimensions reserve layout space, and the likely LCP image is not lazy-loaded.
- Select. The page identifies a relevant, representative preferred image through supported metadata.
- Measure. Search Console and performance data show whether the image and landing page are earning visibility without creating speed regressions.
If the landing page itself is excluded or Google chooses another canonical, fix that first. Image markup cannot rescue a page-level indexing problem. Use the general indexing-problems guide for that diagnosis.
Implement an image that is crawlable, useful and fast
Choose the image for a reader task
A screenshot should prove a step. A diagram should simplify a relationship. A product image should show a decision-making detail. A decorative image should support the visual experience without carrying essential information. Starting with the job makes the filename, alt text and caption easier to write.
Write alt text from the image’s function
Use a specific description for an informative image. Use an empty `alt` attribute for a purely decorative image. For a functional image inside a link or button, describe the action. When the image contains essential text, make the same information available in text, not only in pixels.
Serve responsive candidates
<img
src="image-seo-audit-800.webp"
srcset="image-seo-audit-480.webp 480w,
image-seo-audit-800.webp 800w,
image-seo-audit-1280.webp 1280w"
sizes="(max-width: 720px) 100vw, 720px"
width="1280"
height="720"
alt="Image SEO audit showing discovery, meaning, delivery, selection and measurement gates">
Google Search supports BMP, GIF, JPEG, PNG, WebP, SVG and AVIF when referenced from `img src`. The best choice depends on the asset. Use a modern compressed format when it preserves the required quality, keep a compatible fallback where needed and test the actual output.
Do not lazy-load the likely LCP image
Lazy-load offscreen images, not the image that is visible when the page opens. web.dev advises against lazy-loading likely in-viewport and LCP images. Add `width` and `height` to every image so the browser can reserve space. Diagnose the result with the Core Web Vitals guide, not a file-size rule alone.
| Image role | Alt decision | Loading | Primary check |
|---|---|---|---|
| Hero that explains the topic | Describe the visual meaning | Eager when in the first viewport | LCP and preferred-image consistency |
| Instructional screenshot | Name the interface and outcome | Lazy below the fold | Readable crop and nearby step |
| Decorative divider | Use `alt=””` | Lazy when offscreen | No information depends on it |
| Linked icon | Describe the action | Depends on position | Accessible name is clear |
Specify a preferred image for Search and Discover
Google says its preview selection is automated, but you can influence the choice with `primaryImageOfPage`, an image attached to the main entity, or `og:image`. Keep the selected URL consistent across the signals your CMS outputs. The image should represent the page, avoid an extreme aspect ratio and remain clear at thumbnail size.
<meta property="og:image" content="https://example.com/images/image-seo-hero.jpg">
"@type": "WebPage",
"primaryImageOfPage": "https://example.com/images/image-seo-hero.jpg"
If the SEO plugin already produces Article, WebPage or Breadcrumb schema, edit its image field instead of pasting a second JSON-LD block. Validate the final rendered output. The broader distinction between valid vocabulary and Google feature eligibility is covered in the schema markup guide.
For Discover, Google recommends a relevant image at least 1200 pixels wide, more than 300,000 total pixels, suited to a 16:9 crop and enabled by `max-image-preview:large`. It also says Discover eligibility does not guarantee appearance and traffic can be less dependable than keyword-driven search.
Check discovery and measure the result
Use an image sitemap when important images are difficult to discover, including some images reached through JavaScript. Google’s current image-sitemap documentation requires `image:image` and `image:loc`; several older fields are deprecated. If a CDN hosts the images, verify that host in Search Console and make sure robots rules do not block the files.
In Search Console, filter the Performance report by search type. Compare Web and Image instead of mixing them into one story. Then filter by the landing page and review queries, clicks, impressions, CTR and average position. A click increase after an image change is evidence of a result, not proof that one tag caused it.
FAQ
Does alt text improve SEO?
Alt text helps users who cannot see the image and gives search engines useful information about its subject and function. Write it for the image’s actual purpose. Do not force a keyword into every image or repeat surrounding text without need.
Should every image have alt text?
Every `img` element should have an alt attribute, but the value can be empty for a decorative image. Informative images need a concise description. Functional images need an accessible name that explains the action.
Is WebP or AVIF always best for SEO?
No. Both may deliver smaller files, but format choice depends on visual quality, browser and CMS support, transparency, animation and the available fallback. Test the file that users receive rather than choosing a format by label.
Does `og:image` guarantee Google’s preview?
No. Google says preview selection is automated. A representative `og:image` or supported schema image can influence selection, but it cannot force a particular thumbnail or a Discover appearance.
The one thing to do next
Choose one high-value page and run the five gates against its hero image: discovery, meaning, delivery, selection and measurement. If the rendered HTML, CDN, index state or LCP path fails, a technical SEO audit can turn the failure into a developer-ready fix list.
Sources used
- Google Image SEO best practices
- Google image sitemaps
- Google Discover and your website
- web.dev image performance
- web.dev browser-level image lazy loading
- W3C WAI alt decision tree
- Google Search Console Performance report
Sources and live competing pages were checked on September 10, 2026. Platform guidance can change. Search and Discover eligibility, metadata and sitemaps do not guarantee indexing, preview selection, rankings, impressions or clicks.
