SEO Pictures
SEO pictures are website images optimized so search engines can understand, index, and potentially rank them while also improving page speed and user experience.
Key takeaways
- Optimized images can drive traffic from Google Images and improve page speed.
- Use descriptive filenames and natural alt text for every content image.
- Compress and resize images before uploading to reduce load times.
- Serve responsive images with
srcsetandsizesfor different devices. - Include images in your sitemap to help Google discover them.
Example: Optimizing a Product Photo
- Original file:
IMG_2023.jpg(3 MB, 4000×3000 px) - Optimized file:
red-leather-wallet.jpg(120 KB, 800×600 px) - Alt text: "Red leather wallet with gold zipper on wooden table"
- Responsive markup:
<img src="wallet-800.jpg" srcset="wallet-400.jpg 400w, wallet-800.jpg 800w" sizes="(max-width: 600px) 400px, 800px" alt="Red leather wallet with gold zipper on wooden table"> - Result: Faster page load, better accessibility, and potential ranking in Google Images for "red leather wallet".
Quick-Start: Optimize Images in 5 Steps
- Rename the file – Use descriptive, hyphen-separated names (e.g.,
red-leather-wallet.jpg). - Write natural alt text – Describe what the image shows and its purpose. Avoid keyword stuffing.
- Compress and resize – Reduce file size without visible quality loss. Use tools like Squoosh or TinyPNG.
- Serve responsive images – Use
srcsetandsizesattributes to deliver the right size for each device. - Add images to your sitemap – Include image tags in your XML sitemap or use a dedicated image sitemap.
How to Judge If Your Images Are Optimized
- File size – Is each image under 200 KB? (Aim for 100 KB or less for most content images.)
- Dimensions – Are images no larger than needed? (e.g., 800 px wide for a blog post)
- Alt text – Does every content image have a descriptive alt attribute?
- Filename – Is the filename descriptive and not a random string?
- Format – Are you using modern formats like WebP where supported?
- Responsiveness – Does the page serve different image sizes for mobile vs. desktop?
Common Image SEO Mistakes
- Using generic or unrelated images – They don't support the page topic and confuse search engines.
- Uploading oversized files – Large images slow down your page and hurt Core Web Vitals.
- Keyword stuffing alt text – Write natural descriptions, not lists of keywords.
- Relying only on CSS scaling – The browser still downloads the full file; always resize before upload.
- Ignoring lazy loading – Use
loading="lazy"for below-the-fold images to improve initial load time.
Next step
FAQ
What are the best practices for image SEO?
Use descriptive filenames, write natural alt text, compress images, serve responsive sizes, and include images in sitemaps.
Should I use background-image or img tag for SEO?
Use the img tag with alt text for content images; background-image is for decorative purposes and is not indexed by search engines.
Related topics
Sources
- Google Search Central: Image SEO Best Practices — Primary guidance on discovering, indexing, and optimizing images for Google Search.
- Yoast: Image SEO — Clear practical checklist covering filenames, alt text, captions, dimensions, and srcset.
- Search Engine Journal: Image Optimization — Useful overview of common image SEO tactics and on-page implementation details.
Reviewed by Lucía Marín, Founding editor.