Image SEO Beyond Alt Text: File Naming, WebP/AVIF, Schema, and Image Sitemaps

Google Images drives meaningful traffic — and most sites leave it entirely on the table

Google Images accounts for roughly 22% of all web searches (SparkToro, 2023). For e-commerce, recipes, design, and informational content with visual components, Google Images can be a significant organic channel. Yet most SEO work focuses exclusively on text search, ignoring the image-specific signals that determine whether images appear in Google Images and in image-enhanced text search results.

Image file naming: the overlooked signal

File names are indexed by search engines. DSC_4892.jpg communicates nothing. chocolate-lava-cake-recipe.jpg communicates the image subject before the file is even analysed.

Best practices for image file names:

• Use descriptive, hyphenated names that describe the image content
• Include the primary keyword where natural — not stuffed
• Keep names concise (3–5 words)
• Use hyphens as word separators (not underscores — Google treats underscores as word joiners)

# Poor
IMG_3421.jpg
product-image-1.jpg
photo.jpg

# Good
classic-beef-wellington-plated.jpg
adjustable-standing-desk-walnut.jpg
berlin-reichstag-evening-light.jpg

WebP and AVIF: modern formats and Core Web Vitals

Image format affects page load speed, which affects Core Web Vitals, which affects ranking.

Format comparison:

The LCP image problem: Largest Contentful Paint (LCP) is often triggered by the hero image on a page. A 400KB JPEG hero image that could be a 150KB WebP version is a direct, quantifiable Core Web Vitals improvement — and one of the most common LCP fixes.

Implementation with HTML picture element:

<picture>
  <source srcset="hero.avif" type="image/avif">
  <source srcset="hero.webp" type="image/webp">
  <img src="hero.jpg" alt="Description of the hero image" width="1200" height="675">
</picture>

Browsers pick the first format they support — AVIF first, WebP second, JPEG as fallback.

Lazy loading and Google's indexation

loading="lazy" defers image loading until the image is near the viewport. This improves initial page load time but has an important caveat for SEO.

Googlebot and lazy loading:

Googlebot renders JavaScript and handles lazy loading correctly for most pages. However:

• Images that require user interaction to appear (not scroll-based lazy loading, but click-to-reveal) may not be crawled
• Images in iframes or complex JavaScript-rendered contexts may not be indexed
• The <img> tag src attribute must be set with the actual image URL — some lazy loading implementations use a placeholder src with the real URL in data-src, which Googlebot doesn't process

Recommendation: Use the native loading="lazy" attribute (well-supported, Googlebot-compatible) rather than custom JavaScript lazy loading implementations. Do not lazy-load images that appear above the fold or are likely to be the LCP element.

ImageObject schema: structured data for images

Adding ImageObject schema markup helps search engines understand the image, its license, and its context:

{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "url": "https://example.com/images/chocolate-cake.jpg",
  "name": "Chocolate Lava Cake Recipe",
  "description": "A rich chocolate lava cake with a molten centre, served with vanilla ice cream",
  "width": 1200,
  "height": 800,
  "author": {
    "@type": "Person",
    "name": "Jane Smith"
  },
  "license": "https://creativecommons.org/licenses/by/4.0/"
}

The license property is particularly important for photographers and visual creators — it enables images to appear in Google's licensable image search filter, and Google displays licence information on image detail pages.

Image sitemaps: what they add beyond standard sitemaps

A standard XML sitemap includes page URLs. An image sitemap extends this with image metadata for each page:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
  <url>
    <loc>https://example.com/recipes/chocolate-cake/</loc>
    <image:image>
      <image:loc>https://example.com/images/chocolate-lava-cake.jpg</image:loc>
      <image:title>Chocolate Lava Cake</image:title>
      <image:caption>Rich molten chocolate cake with vanilla ice cream</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://example.com/images/cake-cross-section.jpg</image:loc>
      <image:title>Chocolate Lava Cake — Cross Section</image:title>
    </image:image>
  </url>
</urlset>

Image sitemaps help Googlebot discover images it might not find through standard page crawling — particularly images loaded dynamically or hosted on CDN subdomains.

How to use the Image Alt Checker on sadiqbd.com

1. Enter the page URL
2. See every image on the page with its current alt text (or flag missing alt text)
3. Prioritise fixes:
   • Missing alt on content images: high priority — accessibility failure
   • Missing alt on decorative images: should have alt="" (empty, not missing)
   • Generic alt text: medium priority — "image" or "photo" provides no signal
4. Check filename in the image URL — visible in the checker results

Frequently Asked Questions

Should decorative images have alt text? Decorative images (purely aesthetic, adding no content) should have alt="" (empty alt attribute, not absent). An absent alt attribute may cause screen readers to announce the file name. An empty alt tells screen readers to skip the image entirely.

Does Google Images drive meaningful e-commerce conversions? Yes — a Jumpshot/SparkToro study found that image searches often occur early in a shopping journey. Product images with descriptive filenames, proper alt text, and structured data appear in image results and can drive qualified traffic to product pages.

Is the Image Alt Checker free? Yes — completely free, no sign-up required.

Image SEO is a distinct channel with its own signals: file names, format, lazy loading implementation, structured data, and image sitemaps. Each addresses a different part of how search engines discover, understand, and rank images.

Try the Image Alt Checker free at sadiqbd.com — audit every image on any page for missing or poor alt text in seconds.