Image optimization and alt text for SEO

Images are not decorations. They are ranking factors. Optimized images improve page speed, help search engines understand your content, and increase accessibility for all users. Most websites ignore image optimization completely. They upload massive uncompressed files with meaningless names and no alt text. This is the easiest SEO win most sites leave on the table. Learn how to optimize images so they rank for you instead of against you.

Images serve multiple purposes on a webpage. They break up text. They illustrate concepts. They engage readers. But many websites ignore image optimization. They upload large, uncompressed files. They use unhelpful filenames. They skip alt text. The result is slow pages that search engines struggle to understand.

Image optimization is simple. It involves three elements. File names. Alt text. File compression. Each one matters for SEO. Together they transform images from ranking liabilities into ranking assets.

Your image filenames should be descriptive

Search engines read your image filenames. A filename tells them what the image contains before they even process the image itself.

Bad filename: "DSC_4829.jpg" or "image-2026-03-19.jpg"

Good filename: "website-builder-dashboard-screenshot.jpg"

The good filename tells search engines what the image shows. The bad filename tells them nothing. Use descriptive filenames that reflect your image content. Use hyphens to separate words, not underscores. Keep filenames concise but specific.

If you have 10 screenshots on your page, name them uniquely. "website-builder-step-1.jpg," "website-builder-step-2.jpg," "website-builder-step-3.jpg." Unique names help search engines understand that these are different images with different content.

Alt text helps search engines understand images

Alt text is the text that displays if an image fails to load. It is also what screen readers read for visually impaired users. Search engines use alt text to understand what images are about.

Bad alt text: "image" or "photo" or left blank

Good alt text: "Website builder dashboard showing template selection interface with blue header and grid of template options"

Good alt text is descriptive. It tells readers and search engines what the image shows. It is specific. Instead of "website," say "website builder dashboard." Instead of "screenshot," say "screenshot showing the template selection interface."

Keep alt text under 125 characters. Screen readers truncate longer alt text. Be descriptive but concise. You do not need to say "image of" or "picture of." Those words are assumed.

Include keywords in alt text when they fit naturally

If your page targets "website builder dashboard," and you have a screenshot of a website builder dashboard, your alt text should reflect that. "Website builder dashboard showing template selection" includes the keyword naturally.

But do not force keywords. Never write "website builder dashboard website builder template website builder selection website builder interface." That is keyword stuffing and it damages SEO. Write alt text that describes the image for a human reader. Keywords come second.

If your target keyword does not fit naturally in the alt text, skip it. Use semantic keywords instead. "Dashboard interface showing templates available" is helpful even without the exact keyword.

Compress images to improve page speed

Large image files slow down your pages. Search engines rank faster pages higher. Page speed is a confirmed ranking factor. Compressing images improves speed and rankings.

Modern image formats like WebP and AVIF compress 25-50% better than JPEG while maintaining quality. If you use JPEG or PNG, compress them with tools like Tinify or ImageOptim before uploading.

A compressed image might be 80KB instead of 500KB. That smaller file loads faster. Your page loads faster. Search engines rank you higher. Users have better experience. Image compression wins in every way.

Use responsive images that scale for different screen sizes

Mobile users view your site at smaller screen sizes. Sending a 2000-pixel-wide image to a phone that displays at 400 pixels is wasteful. The phone downloads a huge file and then shrinks it. Responsive images send different sizes to different devices.

A desktop user gets a large, high-quality image. A mobile user gets a smaller image optimized for mobile screens. This approach improves page speed on mobile, which is critical since most searches happen on phones.

Add captions when relevant

Captions are text that appears below or beside images. They provide context. Search engines read captions along with alt text to understand images more deeply. Captions also help readers understand what they are seeing.

Not every image needs a caption. But important images that illustrate key concepts benefit from captions. A screenshot of software needs a caption explaining what the screenshot shows. A diagram needs a caption explaining the concept.

Use image sitemaps for important images

An image sitemap tells search engines about images on your site. It helps search engines discover and index images they might otherwise miss. If you have many images, an image sitemap ensures search engines find them all.

This is optional for most websites. But if images are central to your content like on recipe sites, product pages, or photography sites, an image sitemap improves image SEO significantly.

Frequently asked questions