Der Alt-Text ist eine kurze, textliche Beschreibung eines Bildes im HTML. Er macht den Bildinhalt für Suchmaschinen und Screenreader verständlich und ist damit ein zentraler Baustein der Barrierefreiheit und des Bild-SEO.
Was bedeutet Alt-Text / Bild-SEO?
Der Alt-Text, kurz für Alternativtext, steht als Attribut im Bild-Element und beschreibt, was auf einem Bild zu sehen ist. Kann ein Bild nicht geladen werden, erscheint stattdessen dieser Text. Screenreader lesen ihn vor und ermöglichen so auch sehbeeinträchtigten Menschen den Zugang zum Bildinhalt.
Bild-SEO umfasst alle Maßnahmen, die Bilder für Suchmaschinen optimieren. Dazu gehören neben dem Alt-Text auch sprechende Dateinamen, eine passende Komprimierung und die Einbindung in einen thematisch stimmigen Kontext. So können Bilder in der Bildersuche gefunden werden und tragen zur Gesamtbewertung einer Seite bei.
Warum ist der Alt-Text wichtig?
Der Alt-Text verbessert die Barrierefreiheit und hilft Suchmaschinen, den Inhalt eines Bildes einzuordnen, da diese visuelle Inhalte nicht direkt erfassen. Gut beschriebene Bilder können zusätzlichen Traffic über die Bildersuche bringen und unterstützen die thematische Relevanz einer Seite. In Kombination mit sauberem OnPage-SEO entsteht so ein rundes Gesamtbild, das Nutzer und Suchmaschinen gleichermaßen anspricht.
So schreibst du gute Alt-Texte
- Beschreibe das Bild präzise und in natürlicher Sprache
- Verwende relevante Keywords nur, wenn sie inhaltlich passen
- Verzichte auf Formulierungen wie Bild von oder Foto zeigt
- Lass den Alt-Text bei rein dekorativen Bildern bewusst leer
Verwandte Begriffe
Häufige Fragen
Braucht jedes Bild einen Alt-Text?
Inhaltlich relevante Bilder sollten immer einen aussagekräftigen Alt-Text erhalten. Rein dekorative Bilder ohne informativen Mehrwert können dagegen einen leeren Alt-Text bekommen, damit Screenreader sie überspringen.
Wie lang sollte ein Alt-Text sein?
Ein Alt-Text sollte den Bildinhalt knapp und treffend beschreiben, meist genügt ein kurzer Satz. Zu lange oder mit Keywords überladene Beschreibungen wirken unnatürlich und erschweren das Vorlesen durch Screenreader.