Est. reading time: 4 minutes

Stop treating image SEO like a mystery. The simplest wins—smart file names, proper compression, meaningful alt text, and responsive delivery—can transform slow, invisible visuals into fast, findable assets. Do these four things right, and your images will pull their weight in rankings, clicks, and conversions.

Stop Guessing: Name Files for What They Show

Your file name is a ranking signal. Name images for what they actually depict, using concise, descriptive terms: golden-retriever-puppy-park.jpg beats IMG_8342.JPG every time. Use lowercase, hyphens (not spaces or underscores), and keep it human-readable.

Be specific without stuffing. “black-leather-ankle-boots-womens-size-7.jpg” communicates product, material, audience, and variant—perfect. Avoid repetitive keyword spam like “boots-boots-boots,” which can look manipulative and adds no clarity.

Create a consistent naming convention across your site. Include differentiators (angle, color, context) for multiple images of the same item: sofa-modern-grey-front.jpg, sofa-modern-grey-detail-stitching.jpg. This helps search engines understand variety and helps teams find assets fast.

Compress Smartly: Faster Pages, Higher Ranks

Speed is a ranking factor, and images are usually the heaviest payload. Compress aggressively while preserving perceived quality. As a baseline, target 60–80% quality for photos (MozJPEG/WebP/AVIF) and strip unnecessary metadata. Icons and UI art should be tiny; photos should be lean, not blurry.

Choose the right codec. Use AVIF or WebP for photos when supported; fallback to optimized JPEG only where necessary. PNG should be reserved for transparency or sharp edges that truly need it; otherwise, compress or convert. For vector shapes, use SVG—they’re resolution-independent and light.

Measure, don’t guess. Run Lighthouse or WebPageTest and watch LCP, CLS, and TTFB. If a hero image drives LCP, prioritize it with fetchpriority="high" and preload if necessary, while lazy-loading everything below the fold. Monitor real-user data (CrUX) to confirm improvements translate to actual speed.

Nail Alt Text: Context, Clarity, and Keywords

Alt text exists for meaning, not decoration. Write what the image shows and why it’s on the page. “Chef plating lemon risotto at a downtown bistro” beats “chef” or “image1.” If the image reinforces a nearby heading or call-to-action, reflect that context succinctly.

Be brief, specific, and natural with keywords. One descriptive sentence (often 80–125 characters) is plenty. Avoid “image of” or “picture of”—screen readers already know it’s an image. Don’t stuff keywords; search engines and users both penalize awkwardness.

Use empty alt text (alt="") for purely decorative images so assistive tech can skip them. For complex visuals—charts, infographics—pair concise alt text with a caption or nearby transcript that captures the full data story. Accessibility wins often mirror SEO wins because they clarify intent.

Serve Responsively: Right Format, Right Size

Stop shipping one giant image to every device. Use srcset and sizes to serve different widths based on viewport, and provide high-DPR variants for retina displays without bloating everyone else’s download. The browser picks the best fit when you give it options.

Use the picture element to offer modern formats first: AVIF, then WebP, then a JPEG fallback. Match the asset to the job: SVG for logos and icons, PNG for true transparency, photo codecs for photographs. Always include explicit width and height (or aspect-ratio) to prevent layout shift.

Guardrails matter. Cap maximum dimensions to what your layout can actually display; don’t ship 3000px images into a 600px slot. Lazy-load offscreen images, but not the hero. Cache assets via a CDN, set far-future cache headers for immutable files, and version filenames on deploys for safe busting.

Image SEO isn’t a dark art—it’s disciplined hygiene. Name what the image shows, compress without mercy, write alt text that adds meaning, and serve the right bytes to the right screen. Do that consistently, and your pages get faster, your rankings lift, and your visuals finally earn their keep.