Image SEO: Alt Text, File Names and Speed

Images do an enormous amount of quiet work on a website. They show products from every angle, illustrate complex ideas, build trust through real photography, and break up walls of text so visitors actually keep reading. Yet for all that value, images are one of the most neglected corners of search engine optimisation. Many site owners upload a photo straight from a phone or a stock library, give it no thought at all, and move on. The result is a page that loads slowly, communicates nothing to search engines about what the image shows, and quietly leaks ranking potential.

Image SEO is the practice of preparing and describing your images so that both people and search engines can understand them, find them, and load them quickly. It sits at the intersection of three disciplines: accessibility, technical performance, and on-page relevance. When you get it right, you earn visibility in image search, you make your pages friendlier to assistive technology, and you shave precious time off how long a page takes to appear. This guide walks through the practical levers you can pull, starting with the words that describe your images and ending with the technical decisions that govern how fast they load.

Why image SEO is worth your attention

It is easy to treat images as decoration, but search engines treat them as content. Google maintains a separate image search experience, and a meaningful slice of search activity happens there. People look for recipes, products, diagrams, how-to steps, and inspiration through pictures rather than text. If your images are invisible to a crawler, you simply do not appear in that arena. Worse, heavy unoptimised images are one of the most common reasons a page feels sluggish, and slowness affects both the experience a visitor has and the way search engines assess your page.

There is also an accessibility dimension that overlaps neatly with SEO. People who use screen readers rely on text descriptions to understand what an image conveys. The same text that helps a screen reader user also helps a search engine understand the image. This is one of those rare cases where doing the right thing for people and doing the right thing for rankings are the same action. When you write a clear description of an image, you serve a visually impaired visitor and a crawler in a single stroke.

Writing alt text that actually helps

Alt text, short for alternative text, is the written description attached to an image in your page's code. It serves several purposes at once. When an image fails to load, the alt text appears in its place so the visitor still understands what should have been there. When a screen reader encounters the image, it reads the alt text aloud. And when a search engine crawls the page, the alt text is one of the strongest signals it has about the image's subject. Treat alt text as a short, honest sentence describing what is in the picture and why it is on the page.

Be specific and natural

The most common mistake is writing alt text that is either empty or stuffed with keywords. Both extremes fail. An empty alt attribute tells search engines nothing and leaves screen reader users adrift. A keyword-stuffed attribute such as "shoes running shoes best shoes cheap shoes buy shoes" reads as spam and damages the experience for anyone using assistive technology. Aim for the middle: describe the image as you would to a friend over the phone. If the image shows a pair of trail running shoes on a rocky path, write exactly that. Specificity is what makes the description useful.

Match the description to context

The right alt text depends on the role the image plays. A product photo on a shop page should name the product clearly. A diagram explaining a process should summarise what the diagram demonstrates rather than listing every element. A purely decorative image, such as a background texture that adds nothing to meaning, can take an empty alt attribute so that screen readers skip it rather than announcing clutter. Thinking about the function of each image keeps your descriptions relevant and avoids drowning users in noise.

Keep it concise

There is no benefit to writing a paragraph in an alt attribute. A clear description of roughly a sentence is plenty. If an image genuinely needs a long explanation, such as a complex chart, put that explanation in the surrounding text or a caption where everyone can read it, and keep the alt text as a short summary. Captions, by the way, are read more often than almost any other text on a page, so a well-written caption is a quiet workhorse for engagement and relevance.

File names: the signal most people forget

Before an image even reaches the page, its file name carries information. A photo straight off a camera might be called something like "IMG_4821.jpg", which tells a search engine nothing. Renaming that file to "trail-running-shoes-rocky-path.jpg" turns a meaningless string into a descriptive signal. This costs you a few seconds per image and pays off because the file name becomes part of how the image is understood and indexed.

Follow a few simple conventions when naming files. Use lowercase letters to avoid confusion across different servers. Separate words with hyphens rather than spaces or underscores, because hyphens are read as word separators while underscores often are not. Keep the name short but descriptive, focusing on what the image actually shows. Avoid cramming in unrelated keywords; a file name should match the picture, not your entire keyword list. Consistency across your library also makes your own asset management far easier over time.

Speed: the technical half of image SEO

Even the most beautifully described image can drag a page down if it weighs several megabytes. Performance is where image SEO becomes a technical discipline, and it is also where the biggest gains usually hide. The goal is to deliver an image that looks crisp at the size it is displayed, without forcing the visitor's browser to download far more data than it needs. There are several techniques that work together to achieve this.

Compress before you upload

Compression reduces the file size of an image while keeping it visually acceptable. There are two flavours: lossless compression, which removes redundant data without changing how the image looks, and lossy compression, which discards some detail in exchange for a much smaller file. For most web photography, a sensible level of lossy compression produces images that look identical to the human eye but are a fraction of the original size. Running every image through a compression step before uploading is one of the highest-impact habits you can build.

Serve the right size

A common and costly error is uploading a huge original and letting the browser shrink it on screen. If an image only ever displays at eight hundred pixels wide, there is no reason to serve a four thousand pixel original. The browser still has to download the entire heavy file before resizing it visually. Resize images to the dimensions they will actually be shown at, and where possible provide several sizes so that smaller screens receive smaller files. Responsive image techniques let a phone download a modest version while a large monitor receives a sharper one.

Choose a modern format

Image formats have improved a great deal. Older formats like JPEG and PNG still have their place, but newer formats such as WebP and AVIF typically deliver the same visual quality at a notably smaller file size. Switching your images to a modern format is often the single easiest way to cut page weight without any visible loss in quality. Many platforms can convert and serve these formats automatically, so it is worth checking whether yours does before converting everything by hand.

Lazy load images below the fold

Lazy loading tells the browser to delay downloading an image until the visitor scrolls near it. This means the images at the very top of the page, the ones a visitor sees first, load immediately, while images further down wait their turn. The effect is a much faster initial render because the browser is not trying to fetch everything at once. Most modern browsers support a simple loading attribute that enables this behaviour without any complex code. One caveat: do not lazy load the main image at the top of the page, because that is the image you most want to appear quickly.

Always set width and height

Specifying the width and height of an image in your code lets the browser reserve the correct space for it before it loads. Without this, the page content can jump around as images arrive, a jarring effect that also harms a core performance metric measuring visual stability. Reserving space is a small detail that smooths the experience and protects your scores. It is one of those quiet best practices that costs nothing and only helps.

Bringing it together with structured data

For certain types of content, you can give search engines extra context about your images through structured data. Product pages, recipes, and articles can all use structured data to associate images with specific entities, which can make your images eligible for richer treatment in search results. This is more advanced than alt text and file naming, but it builds on the same principle: the clearer you make the meaning of your images, the better search engines can use them. If you are already adding structured data for other reasons, including image references is a sensible extension.

Image SEO rewards a methodical approach more than clever tricks. Build a simple routine: rename the file descriptively, compress it, size it correctly, choose a modern format, write honest alt text, and add a caption where it helps. Apply that routine to every image and your library steadily becomes faster and more findable. If you want to see how image work fits into a wider technical picture, our technical SEO basics guide covers the broader foundations, and the website speed and Core Web Vitals article goes deeper on the performance side. A periodic SEO audit is also a good moment to check whether your images are pulling their weight.

Frequently asked questions

References

1. Google Search Central, Image SEO best practices, developers.google.com/search
2. web.dev, Fast load times and image optimisation guidance, web.dev

Ready to make every image work harder for you? Start with our complete SEO services guide for the full picture, or get in touch to talk through your site.