How to Optimize Website Images for SEO (Beyond Alt Text)
How to Optimize Website Images for SEO (Beyond Alt Text)
Ask most website owners about image SEO and they will say “add alt text” — then stop. Alt text matters, but it is roughly 20% of the picture. Images influence your rankings through page speed, Core Web Vitals, Google Images traffic, visual search, and how well Google understands your page content. An unoptimized 4 MB hero image can single-handedly fail your Largest Contentful Paint and drag down every ranking on the page. A properly optimized image library, on the other hand, brings its own stream of visitors from image search. This guide covers the full checklist our team applies during SEO and technical optimisation work — well beyond the alt attribute.
1. Name Files Like You Mean It
Google reads file names. IMG_2041.jpg tells it nothing; logo-design-studio-karachi.jpg reinforces exactly what the image — and the page — is about. Rename files before upload using short, hyphenated, descriptive names with the relevant keyword where it is honest. Do this at the source: renaming after upload in WordPress changes URLs and can break existing references. Build the habit into your upload process and every future image starts life optimised.
2. Compress Without Destroying Quality
File weight is the single biggest image problem on business websites. A photo straight from a phone can be 5 MB; displayed at 800 pixels wide it should be 80–150 KB. Compress before upload using tools like TinyPNG or Squoosh, or a WordPress plugin such as ShortPixel that compresses automatically. Target the smallest file that still looks sharp at its display size — visitors cannot see quality that the screen never shows, but Google’s speed metrics punish every wasted kilobyte.
3. Choose Modern Formats: WebP and AVIF
JPEG and PNG are yesterday’s defaults. WebP typically cuts file size by 25–35% versus JPEG at the same quality, and AVIF can halve it again, with support now broad across modern browsers. Most image plugins convert automatically and serve the original as a fallback. For logos and graphics with transparency, WebP replaces heavy PNGs beautifully. If your site still serves only JPEG and PNG in 2026, format conversion alone is often a double-digit PageSpeed improvement — which directly supports the speed side of good website design.
4. Serve the Right Size With Responsive Images
Uploading a 3000-pixel image and letting the browser shrink it to 400 pixels wastes bandwidth on every visit, especially on mobile connections. Use srcset and sizes (WordPress generates these automatically when you upload) so each device downloads the size it actually needs. Also declare width and height attributes on every image: without them, images push content around as they load, which is exactly what Cumulative Layout Shift measures — and fails.
5. Lazy Load Below the Fold — Never the Hero
Lazy loading defers images until the visitor scrolls near them, which speeds up the first screen dramatically. Apply it to gallery images, blog graphics and product thumbnails below the fold. But never lazy-load your largest hero image or logo: the hero is usually your Largest Contentful Paint element, and delaying it directly worsens your score. Mark the hero with fetchpriority=”high” and let everything beneath it wait its turn.
6. Write Alt Text for People First
Yes, alt text still counts — write it as a plain description a blind visitor would find useful: “Technician installing a solar panel on a rooftop in Lahore” beats “solar panel installation services best company Pakistan.” One accurate sentence, keyword only if it belongs naturally. Leave alt empty for purely decorative images so screen readers skip them, and never repeat the same alt across twenty images.
7. Surround Images With Helpful Context
Google reads the text around an image to understand it. Captions, the heading above the image, and the surrounding paragraph all contribute. A product photo under a heading naming the product, followed by a caption describing the variant shown, is fully interpretable; the same photo dropped into an unrelated section is a missed signal. Original photos — your team, your shop, your work — also beat stock images here, because Google can identify stock photos used on thousands of sites and discounts them accordingly.
8. Add an Image Sitemap and Structured Data
An image sitemap (most SEO plugins generate one inside your main sitemap) helps Google discover images loaded by scripts or buried in galleries. For product and recipe-style content, structured data — Product schema with image properties, for example — makes your images eligible to appear with badges and inside rich results, which lift click-through rates noticeably. E-commerce sites gain the most, but any service page with a strong visual benefits from images that surface in Google Images for local and product searches.
9. Host Images Properly: CDN and One Canonical Copy
A content delivery network serves images from a server near the visitor, cutting load time for international audiences. Keep one canonical copy of each image on your own domain rather than hotlinking or scattering duplicates across subdomains — consolidated URLs make reporting and indexing cleaner, and they keep the image’s value attached to your site.
Common Image SEO Mistakes
Uploading camera-original files with meaningless names and no compression.
Using images for text — headlines baked into graphics are invisible to search engines and screen readers.
Keyword-stuffed alt text repeated across a whole gallery.
Lazy-loading the hero image and wondering why LCP fails.
Deleting or renaming live images without redirects, breaking image-search traffic you already had.
Frequently Asked Questions
Do images really bring traffic? Yes. Google Images, visual search and image packs inside regular results drive significant visits for products, designs, food, travel and local services — often with higher buying intent than text results.
What is the ideal image file size? As small as possible without visible quality loss: under 100–150 KB for most content images, and under 200 KB for large hero images in WebP.
Should I optimise old images too? Start with your top landing pages and templates — hero images and most-viewed pages deliver the biggest speed and ranking gains for the least effort.
Small Files, Big Gains
Image optimisation is unglamorous, compounding work: descriptive names, honest compression, modern formats, right-sized delivery and real context turn dead weight into speed, rankings and image-search traffic. Audit the images on your five most important pages this week and you will likely find your fastest Core Web Vitals win. If you would prefer it handled end-to-end, MSJ Digital’s design and SEO team can optimise your full media library — contact us for a free page-speed and image audit.
Leave A Reply Now