Google Images drives over 1 billion views per day. For many types of sites - recipes, product pages, photography, tutorials - Google Images is a top-3 traffic source. Yet most webmasters still treat images as an afterthought.
This guide will show you how to do image SEO right. We will cover file names, alt text, compression, format choice, schema markup, sitemaps, and the performance side that Google measures with Core Web Vitals.
Why image SEO matters in 2026
Optimizing images helps you in four ways:
- Google Images traffic - images can rank in Google Images and drive direct traffic.
- Page speed - images are the #1 factor in page weight. Speed is a confirmed ranking factor.
- Core Web Vitals - LCP (the metric that measures how fast your main content loads) is often an image.
- User engagement - fast-loading pages have lower bounce rates and higher time-on-page.
Step 1: File names
Google uses the file name as a small ranking signal. A file named
image1.jpg tells Google nothing. A file named
how-to-compress-images-for-web.jpg tells Google exactly what
the image is about.
Best practices:
- Use descriptive, keyword-rich names
- Separate words with hyphens (not underscores)
- Keep it short (under 5-6 words)
- Use lowercase letters only
Bad: IMG_2847.jpg or photo.PNG
Good: compress-images-online.jpg
Step 2: Alt text
Alt text (alternative text) is a text description of the image that appears in the HTML. It serves two purposes:
- Accessibility: Screen readers read it aloud to blind users.
- SEO: Google uses it to understand image content.
Best practices:
- Describe the image specifically
- Include your target keyword if it fits naturally
- Keep it under 125 characters
- Do not stuff keywords
- Do not start with "image of" or "picture of"
Bad: alt="image1" or alt="compress image compress images online free image compressor"
Good: alt="Screenshot of ImageKit Pro's free image compressor interface"
Step 3: Right format
The format you choose affects both file size and compatibility. Here is a quick reference:
| Format | Best For | Size |
|---|---|---|
| JPG | Photos, complex images | Small |
| PNG | Logos, transparency, sharp edges | Large |
| WebP | Most web images | Very small |
| AVIF | Performance-critical images | Smallest |
| SVG | Icons, illustrations, logos | Variable |
For web use in 2026, WebP is the default choice. It has excellent compression (25-35% smaller than JPG), supports transparency, and is supported by all modern browsers.
Use our Image Converter to convert existing images to WebP.
Step 4: Compression
This is the single biggest performance win. Properly compressed images are 60-90% smaller than the originals, with no visible quality loss.
For most web images, quality 80% is the sweet spot. For hero images, you might go up to 85%. For thumbnails, 60-70% is fine.
🗜️ Compress Your Images Free
Reduce file size by up to 90%. No uploads, 100% private.
Open Image Compressor →Step 5: Responsive images
One of the biggest SEO mistakes: serving the same 3000-pixel hero image to a phone that only needs 600 pixels. This wastes bandwidth and slows down mobile users.
The modern solution is the srcset attribute, which lets you
specify multiple image sizes and lets the browser choose the right one:
<img src="hero-800.webp" srcset="hero-400.webp 400w, hero-800.webp 800w, hero-1600.webp 1600w" sizes="(max-width: 600px) 400px, (max-width: 1200px) 800px, 1600px" alt="Description" loading="lazy" />
This tells the browser: "Here are three versions. Pick the smallest one that fits the current screen." Users on phones download less data, and pages load faster.
Step 6: Image schema
Schema markup (structured data) helps Google understand your content. For images, you can add ImageObject schema with metadata like caption, creator, license, and content URL.
Here is an example in JSON-LD:
{ "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "https://example.com/image.jpg", "name": "Compress images online", "description": "Screenshot of ImageKit Pro's image compressor", "width": "1200", "height": "630" }
Use Google's Rich Results Test to verify your schema is valid.
Step 7: Image sitemap
Your regular XML sitemap helps Google find your pages. An image sitemap does the same for images, especially for images that are not crawlable through HTML (like images loaded by JavaScript).
Add this to your sitemap.xml to include images:
<url> <loc>https://example.com/page/</loc> <image:image> <image:loc>https://example.com/photo.webp</image:loc> <image:title>Photo title</image:title> </image:image> </url>
Remember to add the image namespace at the top of your sitemap:
xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"
Putting it all together
Here is a complete image SEO checklist:
- Descriptive file name (with hyphens)
- Specific alt text (under 125 chars)
- Modern format (WebP or AVIF)
- Compressed at quality 80%
- Responsive sizes with srcset
- Image schema markup
- Image sitemap
- Loading="lazy" for below-fold images
- CDN delivery
Follow this checklist for every image you publish, and you will see improvements in both Google Images traffic and overall site speed.
Frequently asked questions
Do images help with SEO?
Yes, in three ways. First, images can rank in Google Images and drive traffic. Second, optimized images improve page speed, which is a ranking factor. Third, images improve user engagement (time on page, bounce rate), which indirectly helps SEO.
What is alt text and why does it matter?
Alt text is a text description of an image that appears when the image cannot be loaded. It matters for SEO because Google uses it to understand the image content, and it matters for accessibility because screen readers read it aloud.
How do I write good alt text?
Describe the image specifically and naturally. Include your target keyword if it fits organically. Keep it under 125 characters. Do not stuff keywords. Do not start with "image of" or "picture of".
What is an image sitemap?
An image sitemap is a special XML file that lists all your images with metadata. Adding images to your sitemap helps Google discover and index them faster.
Should I use WebP or AVIF for SEO?
Both are excellent for SEO because they improve page speed. Use WebP as the primary format (universal support) and AVIF as a progressive enhancement. Always provide JPG or PNG fallbacks.
Final thoughts
Image SEO is not about tricks - it is about doing the basics right. Give your images descriptive names, write specific alt text, compress them properly, and serve them in modern formats.
Start with our Image Compressor and Image Converter - both free, both private, both running in your browser.