Category: SEO | Reading time: 18 minutes | Last updated: March 2026
Most websites treat images as decoration. A stock photo here, a screenshot there, maybe a logo in the header. The images get uploaded with default camera file names like IMG_4823.jpg, no alt text, no compression, no thought given to format or dimensions. They slow down the page, they tell Google nothing, and they represent a massive missed opportunity. Google Images is one of the largest search engines in the world. Every image on your website is a potential entry point for a visitor who would never have found you through a text search alone. But Google cannot see images the way humans do. It relies on specific signals, your file names, your alt text, your page context, your structured data, to understand what an image depicts and whether it is relevant to a search query. If you do not provide those signals, your images are invisible to search, no matter how beautiful they are. This guide covers everything you need to know about image SEO, based primarily on Google’s own documentation at Google Search Central, updated as recently as March 2026.
Why Image SEO Matters
Image search represents a significant share of all Google search activity. People search for products, inspiration, how-to visuals, locations, infographics, charts, and countless other visual content types every day. For e-commerce businesses, image search is often the first touchpoint with a potential customer: someone sees your product image in Google Images, clicks through to your site, and buys. For content publishers, optimized images earn additional traffic from queries that your text content alone would not capture. For service businesses, images of your work, your team, and your results build trust before a visitor ever reads a word on your page. Beyond search traffic, image optimization directly affects your site’s performance. Unoptimized images are the single most common cause of slow page loads, and page speed is both a ranking factor and a user experience factor that affects bounce rates and conversions. Getting image SEO right improves your search visibility, your page performance, and your user experience simultaneously.
File Names: Your First and Easiest Signal
Google’s documentation is explicit on this point: “Google uses the URL path as well as the file name to help it understand your images. Consider organizing your image content so that URLs are constructed logically.” A file named IMG_4823.jpg tells Google nothing. A file named managed-wordpress-hosting-dashboard.webp immediately communicates the subject matter. Rename every image before uploading it. Use lowercase letters, separate words with hyphens (not underscores, not spaces), include the relevant keyword naturally, and keep the name descriptive without making it absurdly long. A good file name reads like a short, natural description of the image: blue-ceramic-coffee-mug.jpg, wordpress-speed-optimization-before-after.webp, lafactory-team-chiang-rai-office.jpg. The key is to describe what the image actually shows, not to stuff keywords into the file name. Google’s documentation warns explicitly against keyword stuffing in all image metadata, and a file name like best-seo-agency-top-seo-services-seo-company.jpg is spam, not optimization.
Alt Text: The Most Important Image SEO Element
What Alt Text Is and Why It Matters
Alt text (alternative text) is an HTML attribute that provides a text description of an image. It was originally designed for accessibility: screen readers read alt text aloud to visually impaired users so they can understand what an image depicts. Google uses alt text as one of its primary signals for understanding image content. According to Google Search Central: “Google uses alt text along with computer vision algorithms and the contents of the page to understand the subject matter of the image. Also, alt text in images is useful as anchor text if you decide to use an image as a link.” Alt text serves three simultaneous purposes: accessibility for users who cannot see the image, context for search engines that need to understand the image, and anchor text value when the image is used as a link. Neglecting alt text means failing on all three fronts.
How to Write Good Alt Text
The best framework for writing alt text is what accessibility experts call the “phone call test.” Imagine you are describing the web page to someone over the phone. When you get to the image, what would you say? That natural, conversational description is your alt text. It should be specific enough to convey the essential information of the image, concise enough to not be tedious (generally under 125 characters), and relevant to the page’s context. Google provides clear examples of good and bad alt text in its documentation. For an image of a puppy, good alt text would be “Dalmatian puppy playing fetch in a park.” Bad alt text would be “puppy dog baby dog pup pups puppies doggies litter puppies dog retriever labrador wolfhound setter pointer puppy jack russell terrier puppies.” The first describes the image naturally. The second is keyword spam that harms your SEO rather than helping it. Write alt text for the user first. If the alt text would sound natural spoken aloud by a screen reader, it is almost certainly good alt text for SEO too, because Google’s evaluation criteria align closely with accessibility best practices.
When to Use Empty Alt Text
Not every image needs descriptive alt text. Purely decorative images that add no informational value to the page, such as background patterns, decorative dividers, or spacer graphics, should use an empty alt attribute (alt=””) rather than no alt attribute at all. An empty alt attribute tells screen readers to skip the image entirely, which is the correct behavior for decorative elements. Omitting the alt attribute entirely, by contrast, may cause some screen readers to read the file name aloud, which is a poor experience for accessibility. For functional images like buttons or icons, the alt text should describe the function, not the appearance. A magnifying glass icon used as a search button should have alt=”Search” not alt=”magnifying glass icon.”
Image Formats: What Google Supports and What You Should Use
The Format Landscape in 2026
Google Search supports BMP, GIF, JPEG, PNG, WebP, SVG, and AVIF formats according to the official documentation. In practice, the choice for most websites in 2026 comes down to three formats. WebP is the recommended default for most photographic and complex images because it delivers file sizes 25 to 35 percent smaller than equivalent-quality JPEG files with no visible quality loss, and it has near-universal browser support. AVIF offers even better compression than WebP (roughly 50 percent smaller than JPEG at equivalent quality) and browser support has reached approximately 90 percent globally, making it increasingly viable as a primary format. SVG remains the correct choice for logos, icons, and illustrations that use simple shapes and solid colors, because SVG files scale to any size without quality loss and are typically tiny in file size. JPEG and PNG remain useful as fallback formats for older browsers, but for new images uploaded to a modern website, WebP should be your default with AVIF as an increasingly practical alternative.
Serving the Right Format to the Right Browser
Google’s documentation specifically recommends using the HTML picture element to serve modern formats with fallbacks for browsers that do not support them. The picture element lets you specify multiple sources in order of preference, and the browser will use the first format it supports. A typical implementation serves AVIF first, WebP second, and JPEG or PNG as the final fallback. This approach ensures that modern browsers get the smallest, fastest-loading files while older browsers still display the image correctly. Most WordPress image optimization plugins, including ShortPixel, Imagify, and EWWW Image Optimizer, can generate WebP and AVIF versions of your images automatically and serve them using the picture element or server-level content negotiation without requiring any manual HTML editing.
Image Compression and Performance
Why Compression Is Not Optional
Uncompressed images are the most common cause of slow-loading web pages, and page speed directly affects both rankings and user experience. An uncompressed photograph straight from a camera or stock photo site can easily be 2 to 5 megabytes. Compressed to WebP at 80 percent quality, the same image might be 100 to 200 kilobytes with no perceptible quality difference to the human eye. That reduction from megabytes to kilobytes is not a minor optimization. It is the difference between a page that loads in 1.5 seconds and a page that loads in 6 seconds. Google’s Core Web Vitals, particularly Largest Contentful Paint (LCP), are directly impacted by image file sizes because the largest image on the page is often the LCP element. Every image you upload should be compressed. No exceptions.
Compression Tools and Workflows
For manual compression before upload, TinyPNG and Squoosh (developed by Google Chrome Labs) are excellent free tools that provide fine-grained control over quality settings. For WordPress sites, plugins like ShortPixel, Smush, and Imagify compress images automatically on upload, which removes the manual step and ensures no uncompressed image ever reaches your live site. The optimal quality setting for lossy compression is typically between 70 and 85 percent, where file size drops dramatically but visual quality remains indistinguishable from the original for most images displayed at web sizes. Always test compression results visually on your actual pages rather than relying solely on tools, because the acceptable quality threshold varies depending on the image content and its display size.
Responsive Images: Serving the Right Size to Every Device
Serving a 2000-pixel-wide image to a mobile phone with a 400-pixel-wide screen wastes bandwidth and slows loading for no visual benefit. Google’s documentation recommends using the srcset attribute to provide multiple sizes of each image, allowing the browser to download the most appropriate version for the user’s screen. A typical srcset might include versions at 320, 640, 960, and 1200 pixels wide, with the sizes attribute telling the browser how wide the image will be displayed at each breakpoint. The picture element can also be used for responsive images when you want to serve different crops or aspect ratios at different screen sizes, not just different resolutions. Most modern content management systems and image optimization plugins can generate multiple sizes automatically and insert the appropriate srcset markup, making responsive images largely a configure-once task rather than ongoing manual work.
Image Sitemaps: Helping Google Discover Your Images
Google’s documentation states that you can provide additional information about images on your site using image sitemaps, which help Google discover images that might not be found through normal crawling, particularly images loaded via JavaScript or CSS. You can add image information to an existing XML sitemap or create a dedicated image sitemap. Each URL entry can include up to 1,000 image references. For WordPress sites, most SEO plugins including Yoast, Rank Math, and AIOSEO can include images in your sitemap automatically. If you use a separate image CDN or serve images from a subdomain, make sure those image URLs are included in your sitemap so Google can discover and index them. This is particularly important for e-commerce sites where product images may be hosted on a different domain or CDN from the main site.
Structured Data for Images
Schema markup helps Google understand the context and purpose of your images, which can make them eligible for rich results in search. Product schema with image properties tells Google that an image represents a specific product with attributes like price, availability, and reviews. Recipe schema with image properties can display your food photography in recipe rich results. Article schema with image properties ensures Google knows which image is the primary visual for your content. The JSON-LD format is preferred by Google and is the easiest to implement. Google’s Rich Results Test tool lets you validate your structured data before publishing. For most WordPress sites, SEO plugins handle basic structured data automatically, but adding specific image-related schema properties may require manual additions or a dedicated schema plugin like Schema Pro or WP Schema.
Lazy Loading: Speed Without Sacrifice
Lazy loading defers the loading of images that are not currently visible in the user’s viewport. Instead of downloading every image on the page at once, the browser only loads images as the user scrolls toward them. This dramatically improves initial page load time, particularly for long pages with many images. Since Chrome 77, the browser natively supports lazy loading through the loading=”lazy” attribute on img tags. Google recommends using this native approach rather than JavaScript-based lazy loading libraries because it is simpler, more reliable, and requires no additional code. The one exception is your above-the-fold images, particularly your LCP element, which should never be lazy loaded because they need to display immediately. Mark your hero image or primary visual with loading=”eager” (or simply omit the loading attribute) to ensure it loads as fast as possible.
Image SEO for E-Commerce: Where It Matters Most
E-commerce sites have more to gain from image SEO than any other type of website. Product images are not just illustrations; they are the primary content that drives purchase decisions. Google Shopping results, image search results, and rich product snippets all rely on optimized images to display your products to potential buyers. For e-commerce sites, every product image should have alt text that includes the product name, key attributes (color, size, material), and the brand if applicable. A product image alt text like “Navy blue merino wool crew neck sweater by Brand X, size medium” is far more useful to both search engines and screen readers than “sweater” or “product-image-3.” Product images should be high resolution because Google’s documentation notes that higher-quality images are more likely to appear prominently in search results and are more appealing in thumbnails. However, high resolution does not mean uncompressed. A 1200-pixel-wide product image compressed to WebP at 80 percent quality can be under 150 KB while looking sharp on any screen. The combination of quality and compression is what separates professional e-commerce image optimization from the amateur approach of either uploading massive uncompressed files or over-compressing images until they look blurry.
Multiple product angles matter for both user experience and image search coverage. A product with five optimized images (front, back, detail, in-use, scale comparison) creates five opportunities to appear in image search results, each with its own descriptive file name and alt text targeting slightly different search queries. This is one of the few areas in SEO where more genuinely is better, as long as each image is properly optimized. Google Merchant Center and structured data integration amplify the impact further. When your product images are linked to Product schema with complete attributes (price, availability, reviews, brand), they become eligible for Google Shopping’s visual results, which drive significantly higher purchase intent than standard image search results. If you run an e-commerce site and your product images lack structured data, you are invisible in one of Google’s highest-converting search surfaces.
Common Image SEO Mistakes
Missing Alt Text
The most widespread image SEO failure is simply not writing alt text. Run any site through an accessibility checker or SEO crawler and you will find dozens or hundreds of images with no alt attribute at all. Every informational image on your site should have descriptive alt text. Audit your site with Screaming Frog (which flags images without alt text in its crawl results) and fix the gaps systematically, starting with your most important and most-trafficked pages.
Embedding Text in Images
Google’s documentation specifically warns against embedding important text content inside images rather than using actual HTML text. If you have a heading, a quote, or a call-to-action that exists only as text rendered inside an image, Google cannot read it (unless its OCR happens to detect it, which is not guaranteed). Important text should be HTML text, overlaid on images if necessary using CSS, but never baked into the image file as the only version.
CSS Background Images
Images loaded via CSS background-image properties rather than HTML img tags are more difficult for Google to discover and index. Google’s documentation recommends using HTML image elements for any image you want to appear in search results. If you must use CSS backgrounds for design reasons, ensure that the content they display is also available through other means (alt text on a hidden img tag, or text content on the page).
Ignoring Image Dimensions
Not specifying width and height attributes on your img tags causes Cumulative Layout Shift (CLS), one of Google’s Core Web Vitals. When the browser does not know how big an image will be before it loads, it allocates no space for it, and the page content jumps around as images pop in. Always include width and height attributes that match the image’s intrinsic dimensions so the browser can reserve the correct space before the image loads.
An Image SEO Audit Checklist
Run through this checklist for every image on your site, starting with your highest-traffic pages. Does the file name describe the image content using hyphens between words? Is the image served in WebP or AVIF format, with JPEG/PNG as fallback only? Has the image been compressed to under 200 KB for typical web display sizes? Does the image have descriptive, natural alt text that would make sense read aloud by a screen reader? Is the image served responsively using srcset for different screen sizes? Are below-the-fold images lazy loaded using the native loading=”lazy” attribute? Are above-the-fold images explicitly not lazy loaded? Do width and height attributes match the image’s intrinsic dimensions to prevent layout shift? Is the image included in your XML sitemap? Does the image have appropriate structured data if it represents a product, recipe, or article? If you can answer yes to all of these questions for every image on your site, your image SEO is in excellent shape. Most sites fail on at least half of these criteria, which means there is significant opportunity waiting in your image optimization alone.
Conclusion
Image SEO is not complicated, but it requires attention that most websites simply do not give it. The fundamentals are straightforward: name your files descriptively, write genuine alt text for every informational image, serve modern formats like WebP or AVIF, compress aggressively, implement responsive images and lazy loading, and include your images in your sitemap. Every one of these steps is documented in Google’s own guidelines and can be verified against the official source at Google Search Central. There are no tricks, no secrets, and no myths required. Just the systematic application of best practices that Google has publicly recommended. The payoff is real: faster pages, better accessibility, additional traffic from image search, and a more professional site that serves every visitor, including those who find you through a photograph rather than a keyword.
LaFactory has been optimizing websites for performance and search since 1996. Our SEO audits include a complete image optimization review covering file formats, compression, alt text, and structured data. Contact us to find out how much speed and search visibility your images are leaving on the table.