Bilder
BilderMittel

Bild width + height gesetzt

Prüft dass jedes <img> explizite width und height hat.

Was dieser Check misst

Wir zählen <img>-Tags ohne width/height. Gleiche Idee wie perf-img-dimensions aus Images-Modul-Sicht — fängt Finding auf beiden Ebenen.

Warum es wichtig ist

Fehlende Dimensions verursachen CLS — Bild lädt, Seite springt, User klickt Falsches. CLS ist Ranking-Signal und User-Hate-Signal.

search

Wie unser Audit es erkennt

<img>-Tags ohne width/height zählen.

Typische Findings

  • error_outlineBlog-Post-Bilder via Markdown — keine Dimensions.
  • error_outline<img> mit nur width, height auto — verursacht trotzdem CLS.

So behebst du es

Raw width + height auf jedes <img>. CSS `height: auto` + `max-width: 100%` für responsive. Next.js Image macht es automatisch.

Häufige Fragen

aspect-ratio CSS reicht?expand_more
Hilft für responsive Sizing, aber width/height-Attribute trotzdem nötig für perfekte CLS-Prävention.

Soll das auf deiner Site geprüft werden?

Pantra läuft den vollen Audit (SEO, Sicherheit, GEO, Performance, Schema, Technik, Bilder) in 10 Sekunden und generiert stack-spezifische Fix-Prompts.

Site scannen

Ähnliche Checks