Image SEO: Optimize Images for Search & Page Speed

Q: Does image optimization affect SEO?

Yes, image optimization affects both traditional SEO (through Google Images) and page speed SEO. Properly optimized images can drive significant traffic from image search and improve overall page performance.

Q: How do I write good alt text for SEO?

Good alt text describes the image accurately and concisely, includes relevant keywords naturally, and provides context for visually impaired users. Avoid keyword stuffing.

Images are often the largest components of web pages, yet many websites neglect image SEO. Properly optimized images can drive significant traffic from Google Images, improve page load speed, and enhance user experience—all factors that contribute to better rankings.

Why Image SEO Matters

Google Images traffic: 20% of all searches are image searches
Page speed impact: Images often account for 50%+ of page weight
Accessibility: Alt text helps visually impaired users
Context for search engines: Images help search engines understand your content
Rich results: Optimized images can appear in rich snippets

Image File Names

Before uploading, rename your image files descriptively:

Bad: IMG_12345.jpg, DSC0001.jpg
Good: red-running-shoes-nike-air-max.jpg
Use hyphens (-) not underscores (_) to separate words
Include target keywords naturally
Keep filenames concise but descriptive

Alt Text Optimization

Alt text (alternative text) is crucial for SEO and accessibility:

Describe the image accurately and concisely
Include relevant keywords naturally (no stuffing)
Keep under 125 characters for screen readers
Use empty alt="" for decorative images
Don't start with "Image of" or "Picture of"—screen readers already announce it

Example:

Bad: <img src="shoe.jpg" alt="shoe">
Good: <img src="red-nike-running-shoes.jpg" alt="Red Nike Air Max running shoes on white background">

Image Compression & File Size

Large images slow down your site. Compress images before uploading:

WebP

Best compression, supports transparency and animation. Use for most images.

JPEG

Good for photographs. Use quality setting of 70-80 for web.

PNG

Use for graphics with transparency. Compress with tools like TinyPNG.

SVG

Perfect for logos, icons, and illustrations. Scalable and tiny file size.

Image Compression Tools

TinyPNG / TinyJPG: Excellent online compression tool
Squoosh: Google's image compression tool with format conversion
ImageOptim: Mac app for lossless compression
ShortPixel: WordPress plugin for automatic compression
Photoshop "Save for Web": Professional compression options

Responsive Images

Serve appropriately sized images for different devices:

Use the srcset attribute to provide multiple image sizes:

<img src="small.jpg"
     srcset="small.jpg 300w, medium.jpg 600w, large.jpg 1200w"
     sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px"
     alt="Description">

Image SEO Checklist

Descriptive file name with keywords (using hyphens)
Compressed file size (under 200KB when possible)
Descriptive alt text for every image
Appropriate image dimensions (don't scale with HTML/CSS)
Next-gen format (WebP with JPEG fallback)
Lazy loading implemented for below-fold images
Image sitemap created (for sites with many images)
Structured data (ImageObject schema) for important images
CDN for image delivery

Image Sitemaps

For websites with many images (e-commerce, photography), create an image sitemap:

List important images in a dedicated sitemap
Include image title, caption, geo_location, and license if applicable
Submit to Google Search Console

Structured Data for Images

Use Schema.org markup to provide search engines more context:

{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "contentUrl": "https://example.com/image.jpg",
  "description": "Red Nike running shoes",
  "name": "Nike Air Max Red Running Shoes"
}

Common Image SEO Mistakes

Using generic filenames: IMG123.jpg tells search engines nothing
Missing alt text: Every image should have alt text
Oversized images: Uploading 4000px wide images for 400px display
Not using lazy loading: Loading all images on page load
Hotlinking: Using images from other sites (steals bandwidth, hurts SEO)
Ignoring mobile: Not optimizing images for mobile devices

Pro Tip: Use WebP format with a JPEG/PNG fallback for best compression and compatibility. WebP images are 25-35% smaller than JPEG with similar quality.

Are Your Images Optimized?

Let me audit your site's images and implement optimizations that improve speed and search visibility.

Get Image SEO Help

Frequently Asked Questions

Does image optimization affect SEO?

Yes, image optimization affects both traditional SEO through Google Images and page speed SEO. Optimized images can drive significant traffic from image search and improve overall page performance, which is a ranking factor.

What is the best image format for SEO?

WebP is the best format for SEO as it provides superior compression while maintaining quality. Use JPEG for photographs, PNG for graphics with transparency, SVG for icons and logos, and always provide appropriate fallbacks.

How do I write good alt text for SEO?

Good alt text accurately describes the image, includes relevant keywords naturally, provides context, and remains concise (under 125 characters). Avoid keyword stuffing and don't start with "Image of" as screen readers already announce it.

Should I use lazy loading for images?

Yes, lazy loading improves initial page load speed by only loading images when they're about to enter the viewport. This is especially important for pages with many images and is now natively supported in browsers with the loading="lazy" attribute.

What size should images be for web?

Resize images to the maximum display size needed. Don't upload a 4000px wide image if it only displays at 800px. Aim for under 200KB per image for optimal performance, and use responsive images with srcset for different screen sizes.