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

For a villa, a restaurant, a tour or a boutique, photos are the product. They are also usually the heaviest part of the page, and the part most often left with a file name like IMG_4821.jpg and no description at all. This guide covers what Google, the W3C, web.dev and WordPress’s developer documentation say about images, and what a small business can do in an afternoon. It is based on pages as we read them on 19 October 2026, and we mark our own opinions.

Why images matter for search

Google’s SEO starter guide says: “Many people search visually, and images can be how people find your website for the first time.” Google says the same recommendations apply to text result images, Google Discover and Google Images.

Images also affect speed. Google says they are “often the largest contributor to overall page size, which can make pages slow and expensive to load.” If your site feels slow, our guides on testing a slow WordPress site and why WordPress sites load slowly are the place to start.

1. Make sure Google can find the image

Google says: “Google can find images in src attribute of <img> element (even when it’s a child of other elements, such as the <picture> element). Google doesn’t index CSS images.” That matters if your page builder shows a gallery or hero slider as CSS backgrounds. In our experience this is worth checking: if a photo is important to the business, make sure it is a real image on the page.

Google Search supports “BMP, GIF, JPEG, PNG, WebP, SVG, and AVIF,” and it is a good idea for the file extension to match the file type. An image sitemap is optional, and most small sites can skip it at first.

2. Name the file before you upload it

Google says the file name “can give Google very light clues about the subject matter of the image,” so use names that are “short, but descriptive.” Its example: “my-new-black-kitten.jpg is better than IMG00023.JPG,” and it advises avoiding generic names like “image1.jpg, pic.gif, 1.jpg.” Note the words “very light clues”: a file name will not carry a page on its own.

For a local business, something like canggu-villa-pool-sunrise.jpg beats IMG_4821.jpg. In our experience WordPress keeps the file name you upload, so rename first, not after.

3. Write alt text people could actually use

Google’s image guide says: “The most important attribute when it comes to providing more metadata for an image is the alt text.” It adds that alt text also helps people who use screen readers or have low-bandwidth connections. Its guidance is to focus on “useful, information-rich content that uses keywords appropriately and is in context of the content of the page,” and to avoid keyword stuffing, which “may cause your site to be seen as spam.” Google’s own ladder: “puppy” is better than nothing, and “Dalmatian puppy playing fetch” is best.

The W3C’s alt text decision tree helps decide what to write:

• Informative photo: a brief description that conveys what it adds to the page, for example “Infinity pool at sunrise beside a two-bedroom villa.”
• Decorative image: an empty alt attribute, written as alt=”” with no space between the quotes. The W3C says that leaving out the attribute is not an option, because some screen readers then announce the file name.
• Image used as a link or button: describe where it goes or what it does, not what it looks like. Google adds that alt text is used as anchor text when an image is a link.
• Text inside an image: if the words appear nowhere else on the page, include them in the alt text. Our opinion: a menu or price list that is only an image is better as real text.

The W3C also notes there is usually no need to include words like “image”, “icon” or “picture” in the alt text, because screen readers already announce an image. In WordPress, fill in the Alternative Text field in the media library or image block; Google notes your CMS may have an easy way to add a description when you upload.

4. Put images near the words that explain them

Google says it extracts information about an image “from the content of the page, including captions and image titles,” and advises placing images “near relevant text and on pages that are relevant to the image subject matter.” For a villa or hotel page, keep the photos next to the headings that describe them. See how to get more direct bookings for your Bali villa or hotel.

5. Size, format and loading

These are the changes that most often make a visible difference. Google and web.dev are the sources here.

• Do not upload originals straight from the camera. WordPress scales down uploads above a threshold of 2560 pixels by default. That is a ceiling, not a target; our view is that most layouts need far less.
• Offer several sizes. Google says pages use the picture element or the srcset attribute for responsive images, and that you should “always specify a fallback URL using the src attribute.” Check your page source: if your images already carry srcset, your theme is offering several sizes.
• Set width and height. web.dev says to “always use height and width attributes on <img>” with values matching the image’s intrinsic size, so the page does not jump while it loads.
• Consider modern formats. web.dev says WebP and AVIF “will generally provide better compression than older formats,” and you can serve them with a JPEG or PNG fallback. For photos it suggests JPEG, lossy WebP or AVIF.
• Lazy load below the fold, not above it. web.dev says to “definitely omit” loading=”lazy” for hero images and other images likely to appear above the fold, and warns: “Never lazy-load your LCP image.” For the one image likely to be the largest on screen, it suggests fetchpriority=”high”, but warns that “setting a high priority on more than one or two images makes priority setting unhelpful.”

WordPress’s developer documentation says its loading function can add lazy loading, high fetch priority and async decoding, and that no element should have both loading=”lazy” and fetchpriority=”high”. Page builders and plugins can set their own, so check the first big image on your home page.

6. Help Google choose a good preview

Google says its choice of preview image is “completely automated,” but you can influence it with the og:image meta tag or schema.org markup. Its advice: choose an image that is “relevant and representative of the page,” avoid a generic image such as your logo or one with text, avoid extreme aspect ratios, and use a high resolution. Your SEO plugin or theme probably has a social image field. Related guides: what schema markup does and does not do and title tags and meta descriptions.

A 20-minute audit

1. Open your home page and one service page. Is every important photo a real image rather than a CSS background?
2. Look at the file names in your media library. Rename the worst ten before re-uploading.
3. Check alt text on the main photos and the logo link. Rewrite empty or stuffed ones.
4. Look at your largest images. Replace anything much bigger than it appears on screen.
5. Check the first big image on the home page is not lazy-loaded, then re-test speed.
6. Watch Search Console over the next weeks using our Search Console guide. Results take time.

Sources, all read on 19 October 2026: Google Search Central’s image SEO best practices and SEO starter guide; the W3C alt decision tree, decorative images and tips; web.dev on lazy loading, LCP, image formats and images and layout shift; WordPress developer references for big_image_size_threshold and wp_get_loading_optimization_attributes.

If you would like someone to run this audit on your site, see our SEO services or tell us about your business.