Image Optimization for SEO: 10 Best Tips

Search engines read the file name as a small clue about what the image shows. A file called IMG_4827.jpg says nothing. A file called metal-roof-replacement-mooresville.jpg says a lot, in plain words.

Rename files before you upload them, because most platforms keep the original name in the image address.

Alt text is the short description screen readers announce to visitors who can't see the image. It's also shown if the image fails to load, and search engines use it to understand the picture. Write it for the person first. If the description helps someone who can't see the photo, it will help search engines too.

A good test: imagine reading the page aloud to a customer over the phone. What would you say about this picture in one sentence? That's your alt text. "Technician checking a dog's ears during a wellness exam" works. "Veterinarian Statesville NC best vet animal hospital" doesn't.

Decorative images, such as background textures, divider graphics and icons sitting next to a text label, should have an empty alt attribute (alt=""). That tells screen readers to skip them. Leaving the alt attribute out completely is different and worse, because some screen readers will read the file name aloud instead. Accessible alt text is part of meeting WCAG 2.1 AA, the common accessibility standard.

The format you save an image in has a big effect on its file size. A quick rule of thumb covers most small business sites:

A phone camera photo can be several thousand pixels wide. If your page shows it in a column 800 pixels wide, the visitor still downloads the full-size file. It's one of the most common image problems on small business sites, and one of the easiest to fix.

Resize photos before upload to a sensible maximum, usually around 1,600 to 2,000 pixels wide for full-width banners and smaller for images inside text. Then let the site serve different sizes to different screens. The srcset attribute lists several versions of the same image, and the browser picks the smallest one that looks sharp on that device. A phone gets a small file. A large monitor gets a larger one.

WordPress creates several sizes of every image you upload and adds srcset automatically when you insert images with the standard editor. Page builders and custom themes don't always do this, so check the page source if you're not sure. Most drag-and-drop platforms handle resizing for you, but they can't fix a 6 MB original that was never meant for the web.

Compression removes data the eye won't miss. Even a correctly sized image can often shrink a lot without visible loss of quality. You can compress before upload with a free tool such as Squoosh, or let a plugin or your platform do it on upload.

Check the result at full size on a real screen. Faces, skin tones and fine textures such as shingles, fur or fabric show artifacts first. If they look blotchy, ease off the compression for that image.

On WordPress, an image optimization plugin can compress new uploads, convert them to WebP or AVIF and bulk-process your existing media library. Run the bulk job on a backup first, and confirm the plugin keeps your originals in case you need them later.

Lazy loading tells the browser to wait before downloading images that are further down the page. That saves data and speeds up the first view, so it's a good default for most images. Add loading="lazy" to images below the fold, or let your platform do it.

The exception is the large image at the top of the page, usually the hero photo. That image is often the Largest Contentful Paint (LCP) element, which Google measures as part of Core Web Vitals. Google's "good" threshold for LCP is 2.5 seconds or less, measured at the 75th percentile of visits (Core Web Vitals). Lazy-loading the hero makes the browser wait to fetch the one image visitors see first.

For the hero image, remove lazy loading and consider adding fetchpriority="high" so the browser fetches it early. Recent versions of WordPress try to do this automatically for the first large image, but themes and page builders can override it. Test with PageSpeed Insights, which tells you which element is your LCP and whether it was lazy-loaded. There's more on this in what actually slows a site down.

When a page loads and the text suddenly jumps down because an image appeared above it, that's layout shift. It's annoying, it causes mis-taps on phones and Google measures it as Cumulative Layout Shift (CLS). A "good" CLS score is under 0.1.

The fix is to give every image width and height attributes, or a CSS aspect ratio, so the browser reserves the right amount of space before the file arrives. The image can still scale to fit the screen. The browser just knows its proportions in advance.

Watch for the same problem with sliders, embedded maps and ads.

Stock photos are fast and cheap, but they appear on thousands of other sites and tell visitors nothing about you. Original photos of your team, your shop and your finished jobs give search engines unique images to index and give customers proof that you do the work.

Say you run a roofing company in Mooresville. A page about storm damage repair with five photos of your crew on real local jobs, each with a short caption, is far more useful than the same page with a generic stock image of a smiling roofer. The same goes for a vet practice showing its actual exam rooms or a retail shop showing its actual shelves. See how this plays out for contractors.

A phone camera is good enough if you shoot in daylight, hold it steady and keep the background tidy. Take a few photos on every job and keep them in one shared folder so they're ready when you update the site. Use the best ones on your Google Business Profile too.

You'll sometimes hear that adding GPS coordinates to a photo's file data helps local rankings. Don't count on it. Your time is better spent on real photos placed on relevant pages, which is what our local SEO work focuses on.

Finding an image in a search engine doesn't mean you can use it. Most photos online are protected by copyright, and owners and their agents do send demand letters to businesses using images without a license. A licensing fee or settlement costs far more than the photo would have.

Use your own photos, images you've paid to license, or images from sources whose license clearly allows commercial use. Keep a simple record of where each image came from and the license terms, so you can answer quickly if anyone asks.

Search engines judge an image partly by the text around it. A photo of a finished patio placed next to a paragraph about your patio installation process is easy to understand. The same photo floating in a gallery with no text is much harder.

Put important images near the text they relate to, and add a short caption when it adds something, such as the town and type of job. A caption is also a natural place for a plain, specific description that helps visitors and search engines alike.

A few technical details help search engines find and use your images:

On the sites we build, images are resized, compressed and served in modern formats, hero images load first, and every image gets dimensions and alt text written for people. We encourage clients to send real photos of their work and help them pick the ones that tell the story best. Images alone won't guarantee a ranking, since no one can promise that, but they're one of the easiest ways to make a page faster and more convincing.

If your current site is slow or full of oversized photos, our WordPress service starts with a diagnosis before any quote. If you're ready for a rebuild, see our web design service, check the common web design mistakes that tend to travel with image problems, or get a price range in about two minutes with our instant estimate.