Image SEO: How to Optimize Images for Google Rankings

Images are one of the most overlooked SEO opportunities on most blogs. Google Image Search drives significant traffic to websites that optimize their images properly, yet most bloggers upload images without giving SEO a second thought. They use generic file names, skip alt text, and serve massive uncompressed files that slow down their entire page.

I started taking image SEO seriously two years ago when I noticed that one of my posts was getting 200 visits per day from Google Image Search alone. That single discovery changed how I handle every image on my sites. Now, image search traffic accounts for roughly fifteen to twenty percent of my total organic traffic across all my properties.

This guide covers everything you need to know about optimizing images for Google rankings. From file naming to format selection, from compression to structured data, every technique here is something I use on my own sites.

Why Image SEO Matters for Your Blog

Image SEO matters for two distinct reasons. First, it helps your images rank in Google Image Search, which drives additional traffic to your site. Second, properly optimized images improve your page load speed, which is a direct ranking factor for regular web search.

The traffic potential is real. Google Image Search receives billions of queries per month. For many informational queries, image results appear at the very top of the search page. If your images rank there, you get visibility before the regular search results even load.

The speed impact is measurable. Unoptimized images are the number one cause of slow page speeds on blogs. Large JPEG files, missing dimensions, and render-blocking image scripts all contribute to poor Core Web Vitals scores. I have seen pages improve their Largest Contentful Paint by two full seconds just by optimizing their images.

1. Choose the Right Image Format

The format you choose for your images affects both file size and quality. Using the wrong format means larger files for no quality benefit.

WebP: Your Default Format

WebP should be your default image format for everything on your blog. It provides 25 to 35 percent smaller files than JPEG at equivalent visual quality. Every modern browser supports WebP.

Use WebP for:

• All blog post images including featured images
• In-article illustrations and screenshots
• Thumbnails and preview images
• Any image displayed on your website

When to Use Other Formats

JPEG: Only as a fallback for older browsers. If your site has a WebP fallback system, keep JPEG versions at quality 80 to 85.

PNG: Use only when you need transparency, such as logos with transparent backgrounds or overlay graphics. PNG files are significantly larger than WebP for photographic content.

AVIF: Even better compression than WebP, but browser support is still not universal. Use it with a WebP fallback if your setup supports it.

SVG: Use for icons, logos, and simple graphics. SVG files are tiny, scale perfectly to any size, and look crisp on all screen resolutions.

| Format | Best For | File Size | Browser Support | |---|---|---|---| | WebP | All blog images | Small | 97%+ | | AVIF | Maximum compression | Smallest | 92%+ | | JPEG | Fallback only | Medium | 100% | | PNG | Transparency only | Large | 100% | | SVG | Icons and logos | Tiny | 100% |

2. Write Descriptive File Names

Your image file name tells Google what the image is about. A descriptive file name with relevant keywords is a simple but effective SEO signal.

Good file names:

• on-page-seo-checklist.webp
• backlink-building-strategies.webp
• keyword-research-process.webp

Bad file names:

• IMG_20240731_142353.webp
• screenshot1.webp
• image-final-v2.webp

My naming convention: Use the primary keyword or a short descriptive phrase with words separated by hyphens. Keep it under five words. Make it readable for both humans and search engines.

Every image on your blog should have a descriptive file name. This takes ten extra seconds per image during upload, and the cumulative SEO benefit is significant.

3. Write Proper Alt Text for Every Image

Alt text serves two purposes. It describes the image for visually impaired users who use screen readers, and it tells Google what the image shows. Alt text is one of the strongest image ranking signals.

How to write effective alt text:

• Describe what is actually in the image, not what the image represents conceptually
• Be specific and detailed, but concise. Aim for ten to fifteen words
• Include a relevant keyword where it fits naturally
• Do not keyword stuff. If the keyword does not describe the image, do not force it
• Do not start with "image of" or "picture of"

Examples of alt text:

• Good: "Flat illustration of a blogger analyzing keyword research data on a laptop screen"
• Good: "Comparison table showing different image file formats and their compression ratios"
• Bad: "seo-image.webp" or "blog post image" or "image1"

When I use AI image generation for my blog visuals, I write the alt text based on the actual content of the generated image, not the prompt I used to create it.

4. Compress Images Before Uploading

Image compression reduces file sizes without visible quality loss. This directly improves your page load speed, which is a ranking factor.

My compression targets:

• Featured images: under 150KB
• In-article images: under 100KB
• Thumbnails: under 30KB

Free compression tools I recommend:

1. Squoosh (by Google): Web-based, supports WebP output, excellent quality control
2. TinyPNG: Simple drag-and-drop interface, good compression ratios
3. ShortPixel: WordPress plugin that auto-compresses uploads

How I compress images:

I generate or create my images at full resolution. Then I run them through Squoosh, converting to WebP and adjusting the quality slider until the file is under my target size while still looking crisp. The entire process takes about thirty seconds per image.

5. Set Explicit Width and Height

Every image on your page needs explicit width and height attributes. Without them, the browser does not know how much space to reserve for the image. When the image loads, the content below it shifts down. This causes Cumulative Layout Shift, which hurts both user experience and your rankings.

In HTML:

Always include width and height on your img tags. If you use a CMS like WordPress, most modern themes handle this automatically. If you write raw HTML, never skip this step.

For responsive images: Use CSS to control the display size while keeping the width and height attributes to define the aspect ratio. This prevents layout shifts while allowing images to scale with the viewport.

6. Implement Lazy Loading Correctly

Lazy loading delays the loading of images until the user scrolls near them. This reduces initial page weight and speeds up the Largest Contentful Paint.

The critical rule: Do NOT lazy load your featured image or any image that appears above the fold. Lazy loading your hero image actually makes LCP worse because the browser delays loading it.

What to lazy load:

• All images below the fold
• Images in the middle and bottom of your article
• Sidebar images
• Images in related post sections

What NOT to lazy load:

• Your featured image or hero image
• Any image that appears in the initial viewport
• Your logo
• Above-the-fold background images

Most modern browsers support the native loading="lazy" attribute. Add it to below-the-fold images and the browser handles the rest automatically.

7. Use Responsive Images with Srcset

Serving the same large image to all devices wastes bandwidth on mobile. Responsive images let you serve different image sizes based on the screen width.

The concept is simple: A mobile visitor viewing your blog on a 375-pixel wide screen does not need a 1600-pixel wide image. Serving a smaller version saves bandwidth and loads faster.

If you use WordPress, most modern themes handle responsive images automatically. If you build your site with a framework, implement srcset attributes that serve appropriately sized images based on viewport width.

8. Organize Images in a Dedicated Folder

Keep all your blog images in a single dedicated folder with a clear structure. I keep all my images in /blog/ with descriptive file names. This makes it easy for Google to crawl and understand your image content.

Good structure:

• /blog/on-page-seo-checklist.webp
• /blog/keyword-research-process.webp
• /blog/backlink-building-strategies.webp

Bad structure:

• /uploads/2026/07/IMG_142353.webp
• /wp-content/images/photo-final-2.webp
• /assets/new-folder/image_copy.webp

A clean image folder structure also makes it easier for you to manage images when you need to update or replace them.

9. Create an Image Sitemap

An image sitemap helps Google discover all the images on your site, including images that might be loaded via JavaScript and missed during regular crawling.

If you use WordPress, most SEO plugins generate an image sitemap automatically. If you build a custom site, make sure your sitemap includes image entries with the image URL, caption, and title.

After updating your sitemap, submit it through Google Search Console to ensure Google crawls all your new images promptly.

10. Use Structured Data for Images

Adding structured data to your pages helps Google display your images as rich results. The most relevant schema types for images include:

• Article schema: Includes the featured image and helps Google display it in article rich results
• ImageObject schema: Provides detailed information about specific images
• FAQ schema with images: Some implementations allow images alongside FAQ content

Structured data does not directly improve rankings, but it makes your listings more prominent in search results, which increases click-through rates.

11. Avoid Common Image SEO Mistakes

These are the mistakes I see most often on blogs. Avoiding them will immediately put you ahead of most competitors.

Using stock photos that appear on hundreds of sites: Google may not rank your image if the exact same image appears on dozens of other pages. Use unique visuals whenever possible.

Serving images in the wrong format: If you are still uploading PNG and JPEG files when WebP is supported, you are wasting bandwidth and slowing down your site.

Blocking image crawling in robots.txt: Some developers block image directories to save crawl budget. This prevents Google from indexing your images entirely. Never block your image folders.

Using text in images for important content: Google cannot read text inside images. If your image contains headings, captions, or important information, also include that text in the page HTML.

Ignoring image accessibility: Beyond alt text, ensure your images have proper contrast, are not too small to see on mobile, and do not contain text in languages other than English if your audience is English-speaking.

Quick Reference: Image SEO Checklist

Run through this checklist for every image you upload to your blog.

| # | Element | What to Do | |---|---------|-----------| | 1 | Format | Save as WebP | | 2 | File Name | Descriptive, keyword-rich, hyphenated | | 3 | Alt Text | 10-15 words, descriptive, include keyword | | 4 | Compression | Under 150KB for featured, under 100KB for content | | 5 | Dimensions | Set explicit width and height attributes | | 6 | Lazy Loading | Enable for below-the-fold images only | | 7 | Responsive | Use srcset to serve mobile-appropriate sizes | | 8 | Folder | Store in /blog/ with clear naming | | 9 | Text in Images | None. All text in HTML, not in the image file | | 10 | Sitemap | Include image entries in your XML sitemap |

How Image SEO Connects to Overall Traffic

Image SEO is not an isolated tactic. It connects to every other aspect of your blog's growth. Optimized images improve page speed, which improves how you drive traffic to your blog. Better images increase engagement, which reduces bounce rate and signals quality to Google.

When I audit blogs that are struggling to grow, image optimization is almost always one of the first things I fix. It is a quick win that produces measurable results within weeks.

Start with your most trafficked pages. Optimize every image on those pages using this checklist. Then work through your archive systematically. The compounding effect of properly optimized images across your entire site adds up to significant ranking improvements over time.