Image SEO: How to Get Your Images Ranking in Google

A client in the home decor space was surprised when we showed them that 22% of their organic traffic came through Google Images. They'd never optimized a single image intentionally. Every image was named "IMG_xxxx.jpg" with empty alt tags. After we optimized their existing images and established proper practices for new ones, image search traffic increased by 40% over four months.

Image search is an underused traffic source. Most SEO effort goes into text-based optimization, but images can rank in both Google Images and in image packs within regular search results. For visual niches — food, travel, design, fashion, DIY — image SEO can drive as much traffic as text SEO.

File Names: Your First Optimization

Google uses file names to understand image content. Before uploading any image, rename it descriptively.

Bad: IMG_4872.jpg, screenshot-2026-03-15.png, photo1.webp

Good: blue-velvet-sofa-living-room.webp, google-search-console-performance-report.webp, chocolate-chip-cookies-cooling-rack.webp

Use hyphens between words (not underscores). Keep it descriptive but not stuffed with keywords. 3-6 words typically captures the image content accurately.

Alt Text: Accessibility and SEO Combined

Alt text serves two purposes: it describes the image for screen readers (accessibility), and it tells Google what the image shows. Both goals align — a good accessibility description is also good for SEO.

Write alt text like you're describing the image to someone on the phone. "A woman sitting at a desk working on a laptop" is better than "woman laptop desk" and infinitely better than "best laptop for remote work 2026 buy now."

Some practical alt text patterns that work:

Product images: Describe the product, color, size, context. "Red leather messenger bag with brass buckle on wooden table" gives Google real information.

Screenshots: Describe what the screenshot shows. "Google Search Console performance report showing click trend over 6 months" is more useful than "search console screenshot."

Decorative images: If an image is purely decorative (a divider, background texture), use an empty alt attribute: alt="". Screen readers will skip it, and you won't confuse Google with irrelevant descriptions.

One thing we got wrong early on: we used to stuff target keywords into every alt tag. Google's John Mueller has specifically said this is a bad practice. Write alt text for the image, not for the page's keyword.

Image File Size and Format

Page speed is a ranking factor. Images are usually the heaviest elements on a page. The math is obvious — compress your images.

WebP is the standard now. It provides 25-35% smaller file sizes compared to JPEG at equivalent quality. Every modern browser supports it. If you're still uploading JPEGs in 2026, you're leaving performance on the table. AVIF offers even better compression but browser support is still catching up.

For most web images, target these file sizes:

Hero images and banners: Under 200KB. Yes, really. A 1600px wide WebP image at 80% quality usually lands around 80-150KB, which is more than sharp enough for screens.

Blog content images: Under 100KB. In-article images don't need to be massive. 800-1200px wide is plenty for most content layouts.

Thumbnails and icons: Under 30KB. These should be tiny. If your thumbnail is 200KB, something went wrong.

We use Squoosh (squoosh.app) for one-off compression and Sharp (the Node.js library) for automated pipelines. Both are free and handle WebP conversion well. If you're on WordPress, ShortPixel or Imagify handle this automatically on upload.

Responsive Images: Serving the Right Size

A 2400px wide image served to a phone with a 400px viewport wastes bandwidth and slows the page. Use the srcset attribute to serve different sizes to different devices.

Most CMS platforms generate responsive image markup automatically now. WordPress has done this since version 4.4. If you're building custom, make sure your image tags include srcset with at least three sizes: a mobile size (400-600px), a tablet size (800-1000px), and a desktop size (1200-1600px).

Lazy loading is equally important. Add loading="lazy" to images below the fold. The browser won't load them until the user scrolls near them. This improves initial page load time significantly — we've seen 30-40% improvements in Largest Contentful Paint scores on image-heavy pages just from implementing lazy loading properly.

Structured Data for Images

If your images are part of products, recipes, how-to guides, or articles, structured data helps Google understand the context. Product schema with image properties can get your product images into rich results. Recipe schema almost always shows images prominently in search results.

For article pages, the standard Article schema with an image property is sufficient. Make sure the image URL in your schema matches the actual image on the page — Google cross-references these.

One thing that surprised us: adding ImageObject schema to infographics and original diagrams seemed to help them rank faster in Google Images. We can't prove causation, but the correlation was consistent across several sites we manage.

Image Sitemaps

If images are important to your business — e-commerce, photography, design portfolios — create an image sitemap. You can extend your existing XML sitemap with image tags or create a separate image-specific sitemap.

Google's documentation on image sitemaps is straightforward. Each URL entry can include up to 1,000 image entries with title, caption, geographic location, and license information. For most sites, including the image URL and a caption is enough.

Submit your image sitemap through Search Console. We've seen image indexing speed up noticeably after submitting dedicated image sitemaps, especially for new sites that Google hasn't fully crawled yet.

Original Images vs. Stock Photos

Google can identify stock photos. They've crawled the same Getty and Shutterstock images thousands of times across different sites. Original images — your own photos, custom diagrams, screenshots, infographics — have a ranking advantage simply because they're unique.

That doesn't mean stock photos never rank. They do. But if you're in a competitive visual niche, investing in original photography or custom graphics gives you an edge that's hard to replicate. A competitor can copy your content approach, but they can't copy your original images.

For blog content, screenshots and custom diagrams work especially well. They're original, they're informative, and they tend to get shared and linked to. Our most-linked content assets are almost always custom infographics or detailed comparison charts, not text.

Common Mistakes We Still See

Text in images without alt text. If your image contains important text (an infographic, a quote graphic), that text is invisible to Google unless you include it in the alt text or surrounding content. Don't rely on OCR — write it out.

CSS background images for important content. Background images set via CSS aren't crawlable in the same way as HTML img tags. If the image matters for SEO, use an img tag.

Blocking images in robots.txt. We've audited sites where images were accidentally blocked from crawling. Google can't index what it can't see. Check your robots.txt and make sure your image directories aren't disallowed.

Ignoring image dimensions. Always specify width and height attributes on img tags. This prevents layout shift (a Core Web Vitals metric) when images load. The browser reserves space for the image before it downloads, keeping the layout stable.

Image SEO isn't complicated, but it requires consistency. Name your files properly, write genuine alt text, compress everything, and use original images when you can. Do those four things and you're ahead of 90% of sites out there. The traffic from Google Images is real, and most of your competitors are completely ignoring it.