Images are a critical but often overlooked aspect of SEO. Properly optimized images can drive significant traffic from Google Images, improve page rankings, and enhance user experience.
File Size and Page Speed
Page speed is a confirmed ranking factor. Since images typically account for 50-70% of page weight, image optimization is one of the highest-impact SEO improvements you can make.
Google's Core Web Vitals emphasize metrics like Largest Contentful Paint (LCP), which is often determined by hero image load time. Compress aggressively to keep LCP under 2.5 seconds.
Descriptive Filenames
Search engines use filenames as ranking signals. Name files descriptively using relevant keywords separated by hyphens.
Good: blue-running-shoes-womens.jpg
Bad: IMG_4821.jpg
Include product names, colors, categories, and other relevant descriptors. This helps search engines understand image content and can drive traffic from image search.
Alt Text Best Practices
Alt text serves two critical purposes: accessibility for screen readers and SEO ranking signals. Write descriptive, accurate alt text for every image.
Good alt text describes the image content and context:
alt="Woman wearing blue Nike running shoes on mountain trail"
Poor alt text is vague or keyword-stuffed:
alt="blue shoes nike running shoes best running shoes cheap shoes"
Keep alt text under 125 characters. Be specific and natural. Include relevant keywords but prioritize accuracy and usefulness.
Responsive Images and Mobile SEO
Mobile-first indexing means Google primarily uses the mobile version of your site for ranking. Ensure images load quickly on mobile devices.
Use responsive images with srcset to serve appropriately sized images for different devices. Mobile users shouldn't download desktop-sized images.
<img srcset="small.jpg 400w, medium.jpg 800w, large.jpg 1200w"
sizes="(max-width: 600px) 400px, 800px"
src="medium.jpg" alt="Description">Image Sitemaps
Include images in your XML sitemap to help search engines discover and index them. For each image, provide the URL, caption, title, and license information if applicable.
<url>
<loc>https://example.com/page.html</loc>
<image:image>
<image:loc>https://example.com/image.jpg</image:loc>
<image:caption>Description of image</image:caption>
</image:image>
</url>Structured Data for Images
Use schema.org structured data to provide additional context about images. For products, recipes, articles, and other content types, proper structured data can help images appear in rich results.
Product structured data with image:
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Product",
"name": "Blue Running Shoes",
"image": "https://example.com/shoes.jpg",
"description": "Lightweight running shoes"
}
</script>Image Format and Quality
Use modern formats like WebP where supported. Google gives credit for using efficient image formats in PageSpeed scores.
However, ensure images maintain sufficient quality. Overly compressed images with visible artifacts can hurt user experience and increase bounce rate.
Lazy Loading Implementation
Use native lazy loading for below-the-fold images to improve initial page load time:
<img src="image.jpg" loading="lazy" alt="Description">Never lazy load above-the-fold images, as this delays LCP and hurts Core Web Vitals scores.
Image Dimensions and CLS
Always specify width and height attributes to prevent layout shift as images load:
<img src="image.jpg" width="800" height="600" alt="Description">Layout shift (CLS) is a Core Web Vitals metric. Images without dimensions can cause significant CLS, hurting rankings.
Context and Surrounding Content
Search engines evaluate images in context. Ensure images are surrounded by relevant text content. Use descriptive captions, headings, and paragraph text that relates to the image.
Images placed near relevant text rank better in image search and contribute more to page relevance.
Unique Images
Original images perform better than stock photos used across thousands of sites. If possible, use unique images — especially for products, team photos, infographics, and key visual content.
Image CDN and Performance
Use a CDN to serve images faster globally. Faster images mean better user experience and improved Core Web Vitals scores.
Many CDNs offer automatic image optimization, serving the right format and size based on the requesting device and browser.
Monitoring and Maintenance
Use Google Search Console to monitor image performance. Check which images drive traffic, identify indexing issues, and find opportunities for improvement.
Regularly audit your site for broken images, missing alt text, oversized files, and other issues that harm SEO performance.