Ein Alt-Text beschreibt den Inhalt oder die Funktion eines Bildes in Textform. Er unterstützt Menschen mit Screenreadern und hilft Suchmaschinen, den Bildkontext besser zu verstehen.
Ein guter Alternativtext vermittelt die Information, die das Bild an dieser Stelle transportiert – kurz, konkret und ohne Keyword-Stuffing.
- ✓Alt-Texte verbessern die Zugänglichkeit von Bildern.
- ✓Der Kontext entscheidet, was beschrieben werden muss.
- ✓Dekorative Bilder erhalten meist ein leeres alt-Attribut.
- ✓Text im Bild sollte nicht unnötig wiederholt werden.
- ✓Keywords sind nur sinnvoll, wenn sie natürlich zum Bild passen.
Was ist ein Alt-Text?
Der Alternativtext wird im alt-Attribut eines HTML-Bildes hinterlegt. Kann jemand das Bild nicht sehen oder wird es nicht geladen, vermittelt der Text dessen relevante Bedeutung. Screenreader können ihn vorlesen.
Hier steht dein hilfreicher Hinweis für den Leser.
Wie schreibt man einen guten Alt-Text?
In vier Schritten
-
1
Funktion prüfen
Ist das Bild informativ, funktional oder rein dekorativ?
-
2
Kontext beachten
Beschrieben wird, was für den umliegenden Inhalt relevant ist.
-
3
Konkret formulieren
Wichtige Motive, Handlungen oder Informationen werden knapp benannt.
-
4
Redundanz vermeiden
Informationen, die direkt daneben bereits vollständig stehen, müssen nicht wiederholt werden.
Beispiele für Alt-Texte
- ✓Team bespricht Website-Entwurf an einem großen Bildschirm.
- ✓Rotes Ledersofa mit drei Sitzplätzen.
- ✓Balkendiagramm: organische Anfragen steigen von Januar bis Juni um 40 Prozent.
- ✕Bild.
- ✕Foto Website Agentur SEO Webdesign günstig.
- ✕Sehr schönes modernes Bild von unserem tollen Team.
Bei verlinkten Bildern kann die Funktion wichtiger sein als das Motiv. Ein Logo, das zur Startseite führt, kann beispielsweise mit „TeknoAgency – Startseite“ beschrieben werden.
Alt-Text, SEO und Barrierefreiheit
Google nutzt Alt-Texte zusammen mit Seiteninhalt und Bilderkennung, um das Bildthema zu verstehen. Der wichtigste Zweck bleibt jedoch eine sinnvolle Alternative für Nutzer. Unnatürliche Keyword-Listen verschlechtern die Erfahrung und können als Spam wirken.
Informative Bilder bleiben für Screenreader-Nutzer unverständlich.
Hilfstechnologien kündigen ein Bild meist bereits an; die Formulierung ist häufig überflüssig.
Suchbegriffe ohne natürlichen Zusammenhang helfen weder Nutzern noch Suchmaschinen.
Der Text sollte die relevante Aussage vermitteln, nicht zwangsläufig jede sichtbare Einzelheit.
Kontext entscheidet über den richtigen Alt-Text
Derselbe Bildinhalt kann je nach Verwendung einen anderen Alternativtext benötigen. Entscheidend ist, welche Information das Bild im konkreten Zusammenhang ergänzt und ob diese bereits im umgebenden Text steht.
Dekorative Bilder erhalten einen leeren Alternativtext. Diagramme oder komplexe Infografiken benötigen dagegen häufig eine kurze Alternative plus eine ausführlichere textliche Erklärung.
Häufig gestellte Fragen
Häufige Fragen
Wie lang sollte ein Alt-Text sein?+
So kurz wie möglich und so ausführlich wie nötig. Eine starre Zeichenbegrenzung ersetzt keine sinnvolle Beschreibung.
Braucht jedes Bild einen Alt-Text?+
Jedes HTML-Bild braucht ein alt-Attribut. Bei dekorativen Bildern bleibt dessen Inhalt meist leer.
Soll das Keyword in den Alt-Text?+
Nur wenn es das Bild im Kontext natürlich und korrekt beschreibt. Keyword-Stuffing sollte vermieden werden.
Sind Bildunterschrift und Alt-Text dasselbe?+
Nein. Die Bildunterschrift ist sichtbar und ergänzt den Inhalt; der Alt-Text ist die textliche Alternative zum Bild.
