Bild-Alt-Text-Prüfung
Prüft Alt-Text, Größenattribute und Lazy-Loading jedes Bildes auf der Seite. Ein Bild ohne Alt-Text liest kein Screenreader vor, und die Bildersuche kann es niemandem zuordnen.
- Anmeldung nötigMitgliedschaft ist kostenlos
- Im Paket Pro freigeschaltet100 Analysen pro Tag
- Wird im Verlauf gespeichertÜber Ihr Konto abrufbar
Worauf schaut dieses Werkzeug?
Alles, was darüber entscheidet, ob Google Ihre Seite crawlen und indexieren kann: Tags, Weiterleitungen, robots, Sitemap und Serverantworten.
- Bilder mit fehlendem oder nichtssagendem Alt-Text markiert
- Warnung bei fehlendem width/height (Layout-Sprung-Risiko)
- Nutzung von loading="lazy" und Verteilung der Dateiformate
Was dieses Werkzeug misst
Alt-Text ist ein Bild in Worten. Ein Screenreader liest ihn vor, der Browser zeigt ihn, wenn die Datei nicht lädt, und die Google-Bildersuche hat nur ihn, um das Bild zu indexieren. Ein Bild ohne Alt-Text ist an allen drei Stellen unsichtbar.
Das Werkzeug liest jedes <img> der Seite aus und prüft das alt-Attribut auf drei getrennte Fehler: Attribut fehlt ganz, Attribut leer gelassen, Attribut mit Nichts gefüllt — „bild1“, „DSC_0042“, „untitled“. Außerdem warnt es ab 125 Zeichen, denn ein Screenreader liest den Alt-Text in einem Zug vor, und die Zuhörerin verliert den Faden.
Ein zweiter Block prüft die Performance: Tragen die Bilder width und height, nutzen die Bilder unterhalb des sichtbaren Bereichs loading="lazy", und sind die Dateien noch JPEG/PNG oder schon WebP?
So nutzen Sie es
- 1
Eine bildreiche Seite wählen
Produktliste, Galerie oder ein langer Beitrag liefern die meisten Befunde. Das Werkzeug sieht nur <img>-Tags, die im HTML stehen.
- 2
Mit der Zeile „kein alt-Attribut“ beginnen
Dieser rote Punkt ist der einzige echte Fehler, der Rest sind Verbesserungen. Liegt die Zahl über null, holen Sie sich die Liste aus der Tabelle.
- 3
Die leeren Zellen der Tabelle füllen
In der Tabelle heißt „(fehlt)“, dass es kein Attribut gibt, und „(leer)“, dass es bewusst leer blieb. Das ist nicht dasselbe.
- 4
Größen- und Formatwarnungen in einem Zug erledigen
Fehlendes width/height und der Wechsel zu WebP gehören zur selben Aufgabe; zusammen geht es schneller.
Wann Sie es einsetzen
- Um zu prüfen, ob Hunderte Produktbilder einer Kategorieseite alle denselben Vorlagen-Alt-Text tragen.
- In der Vorbereitung auf eine Barrierefreiheitsprüfung, um den schnellsten Punkt zuerst zu schließen.
- Wenn die Seite beim Laden springt und Sie die Bilder ohne Maßangaben suchen.
- Wenn die Bildersuche Ihnen gar keinen Verkehr bringt und Sie wissen wollen, warum.
Das Ergebnis lesen
Kein alt-Attribut vorhanden
Ein echter Fehler. Trägt das Bild Bedeutung, beschreiben Sie es; trägt es keine, setzen Sie alt="", damit der Screenreader es überspringt.
Alt-Text wie „bild1“
Das Attribut existiert, sagt aber nichts. Ersetzen Sie Dateiname oder Zähler durch einen Satz zum Bildinhalt.
Alt-Text über 125 Zeichen
Diese Erklärung gehört in eine Bildunterschrift oder in den umgebenden Text, nicht ins alt-Attribut.
width/height nicht gesetzt
Der Browser kann den Platz nicht vorab reservieren, also rutscht die Seite, sobald das Bild eintrifft. Genau das verschlechtert Ihren Layout-Shift-Wert.
Alle Bilder sind JPEG/PNG
Der Wechsel zu WebP halbiert die Dateigröße bei gleicher Bildqualität etwa. Das ist der schnellste Performance-Gewinn.
Fragen zu Bild-Alt-Text-Prüfung
Einen leeren: alt="". Damit überspringt der Screenreader es ganz. Das Attribut wegzulassen führt zu anderem Verhalten, der Reader kann dann den Dateinamen vorlesen. Für Zierikonen, Trennlinien und Hintergrundmuster ist das leere alt die richtige Antwort.
Wenn die Sache wirklich im Bild zu sehen ist, ja, eingebettet in einen natürlichen Satz. Fremde Begriffe in den Alt-Text zu packen täuscht die Menschen, die darauf angewiesen sind, und kann als Spam-Signal gewertet werden.
Bleiben Sie unter 125 Zeichen. Diese Länge lesen gängige Screenreader bequem am Stück vor. Brauchen Sie mehr Erklärung, setzen Sie eine Bildunterschrift oder erklären Sie es im Fließtext.
Nein, und dieses Werkzeug sieht sie nicht. Ein per background-image gezeichnetes Bild hat keinen Alt-Text und wird in der Bildersuche nicht indexiert. Setzen Sie alles Bedeutungstragende als <img> und überlassen Sie dem CSS nur echte Dekoration.
Passt gut dazu
Die übrigen Werkzeuge derselben Kategorie. Zusammen ergeben sie das ganze Bild.
Das Werkzeug hat das Problem gefunden. Jetzt die Korrektur
Wir übernehmen technisches SEO, Inhalte und KI-Sichtbarkeit von Anfang bis Ende. Wir sehen Ihre Website durch und liefern eine klare Liste der nächsten Schritte.
Montag – Samstag 09:00 – 18:00