gtmetrix.in Logo
GTmetrix .in
Speed & Core Web Vitals Lab
AEO/GEO NEW
Free SEO Tool • WCAG & Core Web Vitals Audit

Image SEO Analyzer & Missing Alt Checker

Audit all images on any live URL. Identify missing alt attributes, missing width/height causing Cumulative Layout Shift (CLS), and legacy file formats.

Why Image Optimization is Critical for SEO & Core Web Vitals

Images account for over 60% of the total page byte weight across modern e-commerce and media websites. Unoptimized images introduce two severe penalties: they block the Googlebot crawler and user devices with slow Largest Contentful Paint (LCP), and unsized images trigger abrupt Cumulative Layout Shifts (CLS) as content jumps while images load.

01

Alt Attributes & Google Vision AI

Search engine bots cannot "see" images like humans. Google relies heavily on the `alt` tag and surrounding textual context to index images in Google Images and understand page relevance. Empty or missing alt tags forfeit valuable organic image search traffic.

02

Cumulative Layout Shift (CLS)

When an `<img>` tag lacks explicit `width` and `height` attributes (or CSS `aspect-ratio`), browsers allocate 0 pixels of height before the image file downloads. When the image finally renders, existing text leaps downward, triggering severe CLS score failures.

03

Next-Gen Formats (WebP & AVIF)

Converting legacy JPEG and PNG files to modern WebP and AVIF reduces file sizes by 30% to 50% at equivalent visual fidelity. Smaller image payloads dramatically accelerate mobile LCP times and boost user retention.

Frequently Asked Questions

Should decorative background images have alt text?

No. According to WCAG accessibility standards, purely decorative images (such as divider lines, decorative flourishes, or background patterns) should have an empty alt tag (`alt=""`) or `aria-hidden="true"`. This instructs screen readers to safely skip them without confusion.

How do explicit width and height attributes prevent layout shifts?

Modern browsers compute the aspect ratio of an image directly from its HTML `width` and `height` attributes before downloading the image bytes. This allows the browser to reserve the exact pixel space in the document layout, ensuring zero Cumulative Layout Shift (CLS = 0).

Core Web Vitals & Image Search Guide

Why Image SEO & Alt Text Optimization Drive Search Traffic

Images account for over 60% of total web page weight across global e-commerce and media websites. Beyond aesthetics, images are indexing signals for Google Search and Google Images. Unoptimized images lacking descriptive alternative text, missing layout dimensions, or served in outdated legacy formats harm accessibility and degrade Core Web Vitals.

The gtmetrix.in Image SEO Analyzer crawls your live webpage in real-time. It audits every <img> element for missing or empty alt attributes, verifies explicit width and height dimensions to prevent layout shifts (CLS), and calculates your image optimization health score on a 0-100 scale.

Modern Image Formats: WebP & AVIF vs. Legacy Formats

Image Format Compression Type Average Byte Savings Browser Compatibility Google Recommendation
WebP Lossy & Lossless 26% - 34% smaller than PNG/JPG 97.5% Global Support Primary next-gen standard for e-commerce and editorial web
AVIF Next-Gen AV1 Codec 50% smaller than JPEG 93.8% Global Support Cutting-edge format for high-fidelity photography and hero banners
PNG Lossless Legacy Heavy payload overhead 100% Universal Use exclusively when alpha transparency is required without WebP support
JPEG / JPG Lossy Legacy Moderate file size 100% Universal Fallback format for legacy mobile web browsers

Cumulative Layout Shift (CLS): Why Missing Width and Height Hurt SEO

When a browser downloads an HTML document, it reads image tags. If an image tag lacks explicit width and height attributes, the browser allocates zero vertical pixels initially. Once the image file downloads over the network, the browser must suddenly recalculate page layout and push existing content downward.

The Solution: Explicit Aspect Ratio Allocation

Always declare <img src="hero.webp" width="1200" height="675" alt="..."> in your HTML or apply CSS aspect-ratio: 16 / 9;. This allows the browser to reserve the exact layout box prior to file download, achieving a perfect Cumulative Layout Shift score of CLS = 0.

Frequently Asked Questions

What makes a good Alt attribute for Google Image SEO?

A high-quality alt tag is descriptive, contextual, and succinct (between 4 and 12 words). It describes the subject of the image clearly for screen readers without repeating the page title or stuffing irrelevant keywords.

Should decorative background images have alt tags?

Purely decorative graphics, separators, or background patterns should use an empty alt attribute (alt="") or be implemented via CSS background images. This signals screen readers to skip them gracefully.

How does lazy loading affect image crawling?

Googlebot supports native lazy loading (loading="lazy"). However, ensure your primary above-the-fold hero image does NOT have lazy loading, as deferring it delays Largest Contentful Paint (LCP).

Related SEO Auditing Tools

SERP Preview Audit Open Graph & Twitter Card images. Fix CLS Shifts Prevent layout shifts caused by images. Redirect Checker Trace image asset redirects and latency.
Google Meet • 15-Min Free Session Exclusively for Website & Store Owners

Struggling with Uncompressed Images, CLS Shifts, or High Mobile TTFB?

Heavy hero images and missing dimension attributes hurt both Core Web Vitals and Google Discover rankings. Connect live with our lead performance engineer for an actionable fix roadmap.