DevOps Web Designers

On-page SEO

Image SEO for Business Websites: Alt Text, File Names and Speed

Image SEO is not only about Google Images. It is about making visual content useful, accessible, fast and connected to the page it supports.

Photo editing workspace used to represent image SEO optimization

Alt

Describe meaning

Speed

Reduce weight

Context

Support the page

By Kelvin Musagala, DevOps Web Designers

Image purpose

Images Should Earn Their Place on the Page

Images can build trust, explain a service, show proof, make a complex idea easier to understand and improve the feel of a page. They can also slow the website, distract from the message and add no useful meaning. Image SEO starts with a plain question: what job is this image doing for the visitor?

A business website should avoid using images only as decoration when the page needs clarity. A service page may benefit from project photos, team photos, process screenshots, diagrams, product shots or proof visuals. A guide may use screenshots, annotated examples and charts. A landing page may need one strong image that supports the campaign promise.

Google image guidance places emphasis on useful pages around images, titles, descriptions, structured data, image quality and descriptive context. For a business owner, the practical takeaway is this: the image and the page should support each other. A random stock image with weak surrounding copy rarely creates search or sales value.

Image SEO starts before upload

Choose images that clarify the page. Then optimise file name, size, alt text and placement.

Alt text

Write Alt Text for Meaning, Not Keyword Stuffing

Alt text describes an image when the image cannot be seen or loaded. It supports accessibility and can help search systems understand the image in context. Good alt text is specific, concise and honest. It describes what matters about the image for the page.

If an image shows a completed ecommerce website on a laptop, the alt text can describe that. If an image shows a chart from an SEO report, say what the chart represents. If an image is purely decorative, it may not need a meaningful alt description. The mistake is treating every image as a place to repeat keywords.

Weak alt text

SEO Kenya best SEO services SEO expert

Better alt text

Search Console performance report used during a technical SEO audit

Weak alt text

image one

Better alt text

Mobile website form being tested on a smartphone

Alt text should match the image and the page. On a service page, that may mean describing proof, process or output. On a guide, it may mean describing an example. The on-page SEO checklist covers alt text as one part of a wider page quality process.

File names

Use Descriptive File Names Before Upload

File names are often overlooked because they disappear inside the CMS. But a file called IMG_4829.jpg tells nobody anything. A file called website-redesign-before-after-homepage.jpg is clearer. Descriptive file names help teams manage assets and can provide additional context for search systems.

Keep file names simple. Use lowercase words separated by hyphens. Describe the image rather than stuffing a full sentence into the file name. If the image is a team photo, project screenshot, product photo or chart, name it accordingly. The file name should be useful even before someone sees the image.

  • Rename important images before uploading them.
  • Use words that describe the visual content.
  • Separate words with hyphens.
  • Avoid camera defaults, random numbers and repeated keyword lists.
  • Keep a consistent naming pattern for project, service and guide images.

This habit becomes more important as the website grows. A business with many service pages, case studies and blog posts needs an asset library that can be searched and reused without confusion.

Speed

Compress Images Without Making Them Look Cheap

Heavy images are one of the easiest ways to slow a website. A beautiful homepage can become frustrating if the hero image is several megabytes, the gallery loads all at once or mobile visitors download desktop-sized images. Image SEO and performance are linked because slow pages reduce the value of search traffic.

Resize images to the display need, compress them sensibly and use modern formats where the website supports them. A full-width hero image needs more resolution than a small card thumbnail. A case study gallery may need different sizes for different screens. A logo should not be uploaded as a massive photograph.

The goal is not to make every image tiny at any cost. The goal is to preserve visual trust while reducing waste. A blurry project image can hurt credibility. A sharp image that loads slowly can hurt usability. The website speed and SEO guide explains how performance affects conversions as well as search.

Context

Place Images Near Relevant Content

Search systems and visitors understand images partly through the page around them. A process screenshot is more useful beside a process explanation than hidden in a generic gallery. A team photo builds more trust near an about section than buried at the bottom of an unrelated page.

Use captions when they help explain proof, data or context. A screenshot from an analytics report may need a short explanation. A portfolio image may need a project name, service type and result. A chart may need a sentence explaining what the reader should notice.

Service pages

Use images to show process, people, deliverables, examples and trust signals.

Guides

Use screenshots, diagrams and examples to make the lesson clearer.

Case studies

Use visuals to show the before, after, challenge and finished work.

Landing pages

Use one focused visual that supports the offer and does not slow the action.

Trust

Use Original Proof Images When They Matter

Stock images can make a page look complete, but they rarely prove the business can do the work. For service businesses, original images often carry more trust: team photos, project screenshots, report samples, workshop photos, before-and-after visuals, office images, product photos or annotated deliverables. These images help the visitor believe the service is real.

Original proof images also give the page more specific language. A screenshot of a redesigned homepage can be named and described clearly. A sample SEO report can sit beside a paragraph explaining the audit process. A team photo can support an about section more honestly than a generic office image.

Web design

Use screenshots, before-and-after visuals and project detail images.

SEO

Use report samples, dashboards, audit notes and process visuals where appropriate.

Ecommerce

Use product, checkout, catalogue and fulfilment visuals.

Professional services

Use team, workshop, document and client process images.

The key is permission and relevance. Do not expose private client data or sensitive analytics. Crop or anonymise screenshots where needed. The image should increase confidence without creating confidentiality problems.

Responsive UX

Check Images on Mobile

Many image problems only become obvious on phones. A hero image may crop out the important subject. Text inside a screenshot may become unreadable. A product photo may force the page to jump as it loads. A gallery may be awkward to swipe. These problems affect real visitors, not only technical scores.

Review priority pages on mobile before publishing. Check whether images support the copy, whether important details remain visible, whether the page feels slow and whether calls to action still appear at the right time. Responsive image behavior belongs inside the broader responsive design checklist.

For service businesses, mobile image quality matters because many visitors compare providers quickly. A page that loads slowly or crops proof badly may lose trust before the visitor reaches the enquiry form.

Monitoring

Measure Image Problems After Publishing

Image work should be checked after the page is live. Page speed tools can reveal oversized images, layout shifts and slow media delivery. Analytics can show whether mobile visitors abandon important pages. Search Console can show performance changes, while user feedback can reveal images that confuse rather than help.

Review the pages that matter most: homepage, service pages, landing pages, pricing pages, contact page and top guides. A heavy image on an old announcement may not deserve immediate attention. A heavy image on the main enquiry page does. Prioritise fixes by business impact and search value.

Keep a simple image improvement log for larger sites. Note which pages were compressed, which hero images were replaced, which screenshots need updates and which templates still load oversized media. This makes future redesigns and audits easier because the image decisions are not trapped inside one person's memory.

Workflow

A Practical Image SEO Checklist

Before uploading an image, ask whether the image has a real role. Rename the file. Resize it. Compress it. Add useful alt text if the image carries meaning. Place it near related copy. Check it on mobile. Then monitor speed and user behavior after publishing.

Image SEO is not glamorous, but it compounds. Clearer visuals improve trust. Smaller files improve speed. Better alt text improves accessibility. Better context helps the page communicate. Together, those small improvements make the website easier to use and easier to understand.

For new pages, make image review part of publishing rather than a cleanup task months later. The page should not go live until the main visuals have a purpose, reasonable weight, useful names and suitable mobile behaviour.

For older websites, start with a focused image audit rather than trying to fix every media file at once. Prioritise the images that appear above the fold, images on high-traffic pages and images that directly support trust or conversion. This keeps the work realistic and tied to business value.

When in doubt, improve the page visitors actually see first. Better image choices on a priority service page will usually matter more than perfecting forgotten media in the library.

  • Use images that support the page purpose.
  • Write descriptive alt text when the image carries meaning.
  • Rename image files before upload.
  • Compress and resize images for their display use.
  • Check mobile crop, speed and readability.

Keep planning

Helpful next resources

Need lighter, clearer website images?

Share your site. We will review image weight, alt text, file names, mobile display, page speed and content fit.