Overview
To optimize images for SEO, reduce file size, pick the right format, write clear filenames, and add precise alt text. These steps make pages faster and help search engines read your images. This guide covers a full audit workflow, responsive fixes, and result tracking. For the basics, see the image optimization guide. It tracks a small café's website from first audit to final check.
Image SEO is the practice of making every picture on a page fast to load, easy for software to read, and useful to visitors. It matters for both web search and image search. Without optimization, pages load slowly, screen reader users get no description of what they see, and images that could earn traffic from image results go unseen.
Why does image optimization matter for SEO?
Optimizing images helps pages load faster, helps people using screen readers, and gives search engines clear signals about what each picture shows.
Images serve two audiences. Visitors need a fast, readable page. Search systems need text clues they can match to a query. Compressed files keep pages quick, and descriptive alt text and filenames add context.
Search now has two kinds of results. People still click through ranked links, and AI answers increasingly quote the sources they use. Clear, labeled images can support both.
Decorative images should have an empty alt attribute so they are skipped.
A worked example optimizing images for a small cafe website
Imagine a small neighborhood café with a simple website. The owner uploaded phone photos of the menu, the interior, and the coffee bar. The files are large, named "IMG_4382.jpg," and have no alt text. This example follows the café's fixes from audit to final check.
Starting with an image audit
Start by listing every image on the page with its format, size, alt text and loading behavior. The Image Alt Text Checker from seodada does this in one table, free with no account needed. Some images may be oversized with missing descriptions.
Use the summary counts as filters. Clicking "missing alt" or "over 200 KB" narrows the table to the images that need work first. Start with the largest files, since they slow the page most.
Selecting formats and sizing for speed
Format choice affects file size. Use PNG for logos, flat graphics, and images that need sharp edges or transparency. According to developers.google.com, GIF, PNG, and JPEG together make up 96% of the internet's image traffic, so checking those three formats covers most pages.
Resize before you compress. A phone photo shown in a small slot can waste bandwidth. The café scaled each image to the largest width it would display, then compressed the result. Those two steps cut most of the page weight.
Here is how the café's changes looked
| Image type | Original | Format used | Size goal |
|---|---|---|---|
| Menu board photo | 3.8 MB JPEG | WebP, resized to 1200 px | Under 150 KB |
| Logo | 210 KB PNG | PNG, reduced colors | Under 30 KB |
| Interior photo | 2.9 MB JPEG | WebP, resized to 1000 px | Under 120 KB |
Check results against the goal, not a fixed rule. The size target is a working guide for the café, since the right size depends on the image's content and display width.
Crafting descriptive filenames and alt text
Replace "IMG_4382.jpg" with a short name that describes the picture, such as "espresso-bar-morning-counter.webp." Use hyphens between words. Include a relevant term only when it fits the picture.
Write alt text as a literal description of what the image shows. For the café's menu photo, that used "Chalkboard menu listing espresso drinks, pour-over coffee, and seasonal pastries." This helps screen reader users and gives image search a clear picture of the content. Avoid keyword stuffing in alt text, since it reads poorly and adds no value.
Implementing lazy loading and responsiveness
Lazy loading delays images below the fold until a visitor scrolls near them. Add loading="lazy" to those images. Keep the main image above the fold loading eagerly, so the first view appears without delay.
Responsive images let the browser pick a size that fits the screen. Use the srcset attribute to offer several widths, and use sizes to tell the browser how wide the image will display. The seodada On-Page SEO Checker flags image issues on a single URL, which helps confirm the changes landed correctly.
Measuring the results
Re-run the audit after the changes and compare the counts. Check how many images exceed your size target, how many lack alt text, and how many below-the-fold images load eagerly. Record the page's load time before and after to see if speed improved. Repeat this after each new upload, as new photos often arrive oversized.
What are the best practices to optimize images for SEO?
Good image SEO uses original, high-quality pictures, the right format for each image, compression and resizing, clear filenames, descriptive alt text, and responsive loading. The café example shows these steps work together, each adding a small gain to speed and visibility.
Start with original photos where you can. Photos of your own products, staff, and location give search engines distinct content to index.
For alt text, describe what is in the picture in one concise sentence. If an image carries a message, such as a price or a special, repeat that information in visible text as well.
Use WebP for photos, PNG for graphics needing transparency, and JPEG as a fallback for older tools. Compress each file after resizing it to its display width. Keep the main above-the-fold image eager, and lazy load the rest.
If your product pages show items with price or availability, structured data can help search engines read those details. Check the markup against your visible page content so the two match.
How seodada helps you audit and optimize your images
seodada offers free tools that list each image's format, file size, alt text, dimensions, and loading strategy. These checks help you find the problems covered above without reading the page source.
Finding missing alt text and oversized files
The Image Alt Text Checker lists every image on a page in one table. Its summary numbers act as filters, so the café's first audit becomes quick instead of manual. Accessibility and page speed both improve with this view. Fix the largest files first, add alt text to missing images, and run the check again to confirm.
Confirming formats and loading across a site
The same table shows the real format and file size a browser receives. Use the format filter to flag images that could be WebP or AVIF. The loading column shows if each image is lazy loaded, so you can confirm the above-the-fold image loads eagerly. These views work together, since a file can be the right format but still too large, or the right size but load at the wrong time.
Comprehensive on-page image checks
For one page in depth, the On-Page SEO Checker scans images along with headings, meta tags, schema, and internal links. Each issue comes with a plain explanation of why it matters. For a full review of a whole site, the SEO Site Report includes images among its technical checks and ranks the fixes by priority.
For background on the basics, read the blog's image optimization guide, which covers quality trade-offs in more depth.
Related: Free Meta Title and Description Checker
Key takeaways
- Image optimization helps pages load faster, supports accessibility, and gives search engines clear context.
- Audit every image first, then start with the largest files and any missing alt text.
- Use WebP for photos, PNG for graphics needing transparency, and resize images to their display width before compressing.
- Write short filenames and literal alt text, and lazy load images below the fold.
- Measure before and after each change, and re-check after new uploads so the gains stick.
Conclusion
Optimizing images for SEO comes down to smaller, well-labeled, correctly loaded files. The café example shows that each step, from format choice to lazy loading, adds a clear benefit to speed and visibility. Start with an audit of your largest images, fix those first, and measure the difference.