So nutzt du: Alt-Text-Checker
- Gib die Seiten-URL ein und klicke auf Bilder prüfen.
- Lies die Zusammenfassung: Bilder ohne Alt-Text, zu große Dateien, fehlende Maße und defekte URLs.
- Nutze die Filter, um nur die problematischen Bilder anzuzeigen, und korrigiere sie dann in deinem CMS oder im Code.
- Klicke auf CSV exportieren, um die Liste an dein Content- oder Entwicklungsteam weiterzugeben.
Was ist ein Alt-Text-Checker?
Ein Alt-Text-Checker durchsucht eine Webseite nach <img>-Elementen und zeigt das alt-Attribut jedes Bildes an – zusammen mit technischen Details, die SEO und Performance beeinflussen. Alt-Text (alternativer Text) wird von Screenreadern vorgelesen, angezeigt, wenn ein Bild nicht geladen werden kann, und von Suchmaschinen genutzt, um zu verstehen, was ein Bild zeigt. Das ist wichtig für die Google-Bildersuche und für die Relevanz der Seite selbst.
Fehlendes Alt vs. leeres Alt
Diese beiden Fälle sehen ähnlich aus, bedeuten aber etwas ganz anderes:
| Markup | Bedeutung | Urteil |
|---|---|---|
<img src="team.jpg"> | Kein alt-Attribut. Screenreader sagen dann eventuell den Dateinamen an. | Fehler – immer ein alt-Attribut ergänzen. |
<img src="divider.svg" alt=""> | Leeres alt: Das Bild ist dekorativ und wird von Screenreadern übersprungen. | Korrekt für rein dekorative Bilder. |
<img src="team.jpg" alt="Unser fünfköpfiges Support-Team im Berliner Büro"> | Beschreibender Alt-Text. | Korrekt für informative Bilder. |
Das entspricht dem WCAG-Erfolgskriterium 1.1.1 (Nicht-Text-Inhalt). Guter Alt-Text beschreibt den Zweck des Bildes im Kontext, ist knapp – etwa 125 Zeichen gelten als gängige Richtlinie – und beginnt nicht mit „Bild von“. Keine Keywords hineinstopfen: Beschreibe, was zu sehen ist, dann tauchen die relevanten Begriffe meist ganz natürlich auf.
Performance-Checks
- Dateigröße: Wir senden für bis zu 40 Bilder eine HEAD-Anfrage und lesen deren
Content-Lengthaus. Bilder über 200 KB werden markiert, da sie besonders auf dem Smartphone den Largest Contentful Paint verlangsamen. Komprimiere sie mit dem Bildkompressor oder skaliere sie mit dem Bildgrößen-Anpasser. - Breiten- und Höhenattribute: Ohne sie kann der Browser keinen Platz reservieren, bevor das Bild geladen ist, und Inhalte springen. Das wird als Cumulative Layout Shift (CLS) gemessen, einer der Core Web Vitals.
- Moderne Formate: WebP und AVIF sind bei ähnlicher Qualität meist deutlich kleiner als JPEG oder PNG; SVG eignet sich ideal für Logos und Icons.
- Lazy Loading:
loading="lazy"verzögert Bilder außerhalb des sichtbaren Bereichs. Lade das Hero-Bild oben auf der Seite nicht lazy – das verzögert den LCP. - Defekte Bilder: URLs, die mit 4xx/5xx antworten, verschwenden Crawl-Budget und zeigen Nutzern ein kaputtes Bildsymbol.
Der Checker liest <img>-Tags im serverseitig gerenderten HTML; CSS-Hintergrundbilder und per JavaScript eingefügte Bilder sind nicht enthalten. Für das vollständige On-Page-Bild führe den SEO-Checker aus.
Auch gesucht als: alt-tag prüfen, fehlende alt-tags, bilder seo, bilder audit, barrierefreiheit bilder, bildgröße prüfen, alt-attribut.
Passende Tools zu: Alt-Text-Checker
- Seitengeschwindigkeits-Test — Starte Google Lighthouse für jede URL, mobil oder am Desktop.
- Heading Checker — Visualisiere die Überschriften-Gliederung jeder Seite.
- robots.txt – Erklärvideo — Die Regeln in der robots.txt-Datei sind kurz, lassen sich aber leicht falsch interpretieren.
- IndexNow Submitter — Informiere Suchmaschinen sofort über neue und aktualisierte Seiten.
Häufige Fragen
Brauchen alle Bilder einen Alt-Text?
alt-Attribut. Informative Bilder brauchen einen beschreibenden Text; rein dekorative Bilder (Abstandshalter, Zierelemente im Hintergrund) sollten ein leeres alt="" erhalten, damit Screenreader sie überspringen.Hilft Alt-Text bei SEO?
Warum wird die Dateigröße nur bei manchen Bildern angezeigt?
Welche Dateigröße ist für Bilder ideal?
Ersetzt das title-Attribut den alt-Text?
title-Attribut zeigt beim Überfahren einen Tooltip an und wird von Screenreadern nicht zuverlässig vorgelesen. Verwende immer alt.