H4 — Chapter 8 - Images

Criterion H4 : Modern Format WebP/AVIF — guide + checklist

PART 1 - Fundamentals Chapter 8 - Images Keyword : format moderne webp/avif

Here we talk about a criterion that often makes a difference in audits.

The **H4 — Modern Format WebP/AVIF** criterion is part of our SEO checklist (335 criteria). Here, you have a **practical** method to check and fix it — with a concrete example.

What exactly this criterion covers

Here we talk about a criterion that often makes a difference in audits.

**H4 — Modern Format WebP/AVIF** (Chapter 8 - Images): WebP (-30% vs JPEG), AVIF (-50%), with fallback for older browsers

Why it matters (SEO + UX)

Why it matters: it’s a comprehension signal for the engine. When poorly applied, we often observe: ambiguity (wrong associated query), duplication between pages, or loss of performance on Core Web Vitals.

On volume-generated sites, this criterion also serves as a **safeguard**: a stable rule prevents 1,000 errors at once.

How to check (step by step)

Approach: browser-side control (render + code). Recommended tool: **DevTools (Network)**.

  1. Open the page in Chrome → DevTools → Performance/Network tab.
  2. Run Lighthouse and note the main weak point.
  3. Check if the problem repeats on mass-generated pages.

Tip: first isolate 10 “representative” URLs (top pages + generated pages) before scaling the fix.

How to fix properly

Strategy: repair, re-crawl, and monitor in Search Console.

  • Convert to WebP/AVIF + compress (Squoosh/ImageOptim).
  • Add width/height to avoid CLS.
  • Write a contextual alt (useful, not keyword-stuffed).

Then: re-crawl 50–200 URLs, then monitor Search Console for 7–14 days (impressions/CTR/indexing).

Concrete example (illustrative)

Example (illustrative):

  • **Context**: product sheet for fashion e-commerce in Paris
  • **Before**: PNG images 2–4 MB, no explicit dimensions.
  • **After**: WebP/AVIF conversion + dimensions + descriptive alt (context: product sheet).
  • **Note**: Goal: reduce weight and improve rendering (and sometimes image search).

Checklist to tick

  • [ ] Optimized weight
  • [ ] Respects: 50%
  • [ ] Modern format
  • [ ] Defined dimensions
  • [ ] Useful and contextual alt
FAQ

Frequently asked questions — H4

What is the most frequent error on “Modern Format WebP/AVIF”?

Applying an automatic pattern too generic (same logic on all pages) without adding a differentiating element.

Which tool is fastest for large-scale checking?

For this type of criterion, a crawl (e.g., Screaming Frog) + targeted verification in DevTools (Network) is generally the fastest combo.

How to prevent this from recurring on 10K generated pages?

Freeze an auto-generation rule (title/structure/schema/URLs) + add automatic control (crawl or test) before production import.

Ready to go from theory to action?

Validate this criterion with an audit, then deepen the method in the Academy.

Audit with the tool → Learn in the Academy →