Was Alt-Text bedeutet
Im HTML sieht das so aus: <img src="…" alt="…">. Screenreader lesen den Alt-Text vor, und er wird angezeigt, wenn ein Bild nicht lädt. Für Suchmaschinen ist er eines der wichtigsten Signale, was auf einem Bild zu sehen ist – etwa für die Google-Bildersuche.
Warum das wichtig ist
Fehlende Alt-Texte schließen Nutzer aus und verschenken Kontext. Rein dekorative Bilder bekommen dagegen bewusst ein leeres alt="", damit Screenreader sie überspringen.
So setzt du es richtig um
- Beschreiben, was zu sehen ist – kurz und konkret.
- Kontext der Seite berücksichtigen: Warum ist das Bild hier?
- Begriffe nur verwenden, wenn sie das Bild wirklich beschreiben.
- Dekorative Bilder und Icons mit leerem alt="" kennzeichnen.
- Text in Bildern im Alt-Text wiedergeben.
Beispiel: Statt „mähroboter mähroboter kaufen“ besser: „Mähroboter an der Ladestation neben einem frisch gemähten Rasen“.
Typische Fehler
- Dateinamen wie „IMG_2041.jpg“ als Alt-Text.
- „Bild von …“ oder „Foto“ – Screenreader sagen das ohnehin an.
- Keyword-Listen statt einer Beschreibung.
- Wichtige Infografiken ohne Textalternative.
Mit Serponado prüfen
Findet Bilder ohne Alt-Text, ohne feste Maße und mit hohem Dateigewicht. Die Auswertung läuft in deinem Browser: Image SEO Optimizer.
