ALT-Text: Bilder für Google und Screenreader beschreiben
Mit Alt-Texten sorgst du für SEO-Power und eine bessere Barrierefreiheit für deine Bilder. Hier erfährst, wie du einen Alt-Text am bessten schreibst und wie lange er sein sollte.
- SEO & KI-Suche
- Content & On-Page
- 2 Min. Lesezeit
- Aktualisiert am
Inhalt 7 Abschnitte
Der ALT-Text (Alternativtext) beschreibt den Inhalt eines Bildes in Worten. Screenreader lesen ihn blinden und sehbehinderten Menschen vor, Browser zeigen ihn an, wenn ein Bild nicht lädt, und Suchmaschinen und KI-Systeme nutzen ihn, um Bilder zu verstehen.
So sieht ein ALT-Text aus
<img src="bussgeld-31-kmh-ausserorts.webp" alt="Tabelle: Bußgeld, Punkte und Fahrverbot bei 31 km/h zu schnell außerorts">Warum ALT-Texte wichtig sind
| Für wen | Nutzen |
|---|---|
| Menschen mit Sehbehinderung | Sie erfahren, was das Bild zeigt. Seit Juni 2025 gelten dafür mit dem Barrierefreiheitsstärkungsgesetz für viele digitale Angebote verbindliche Anforderungen. |
| Suchmaschinen | Sie ordnen Bilder dem Thema der Seite zu und zeigen sie in der Bildersuche. |
| KI-Systeme | Sie lesen Alt-Texte mit, wenn sie Inhalte zusammenfassen oder als Quelle nutzen. |
| Alle Besucher | Lädt ein Bild nicht, bleibt die Information trotzdem erhalten. |
So schreiben Sie gute ALT-Texte
- Beschreiben, was wichtig ist: Was soll das Bild an dieser Stelle vermitteln? Ein Teamfoto auf der Über-uns-Seite braucht die Namen, ein Diagramm die Kernaussage.
- Kurz und konkret: Meist reichen ein bis zwei Sätze. Bei komplexen Grafiken gehört die ausführliche Erklärung in den Text daneben.
- Natürlich formulieren: Das Thema darf vorkommen, aber kein Keyword-Stapel – siehe Keyword Stuffing.
- Kein „Bild von …“: Screenreader kündigen Bilder bereits als solche an.
- Dekorative Bilder leer lassen: Reine Gestaltungselemente bekommen
alt="", damit Screenreader sie überspringen. - Bei Links das Ziel nennen: Ist ein Bild verlinkt, etwa ein Logo, beschreibt der Alt-Text, wohin es führt – zum Beispiel „Zur Startseite“.
Beispiele
| Bild | Schwach | Besser |
|---|---|---|
| Infografik | „Infografik“ | „Infografik: Google-Suchen stiegen von 2 auf über 5 Billionen pro Jahr, die Klickrate sank mit KI-Antwort von 15 auf 8 Prozent“ |
| Porträt | „Mann im Anzug“ | „Oliver Godolt, Gründer von Leadsleader“ |
| Produkt | „Schuhe“ | „Schwarze Laufschuhe mit weißer Sohle, Seitenansicht“ |
| Screenshot | „Screenshot“ | „Bericht ‚Seiten‘ in der Search Console mit 91 nicht indexierten Adressen“ |
Häufige Fehler
- Fehlender Alt-Text bei inhaltlich wichtigen Bildern.
- Dateiname als Alt-Text, etwa „IMG_4711.jpg“.
- Derselbe Text für alle Bilder einer Seite.
- Text im Bild ohne Alternative: Steht die Information nur im Bild, fehlt sie für Screenreader und Suchmaschinen – siehe Infografik.
Fazit
Gute Alt-Texte machen Bilder für alle zugänglich: für Menschen mit Sehbehinderung, für Suchmaschinen und für KI-Systeme. Kurz, konkret und mit Blick auf das, was das Bild an seiner Stelle vermitteln soll – dann helfen sie bei Barrierefreiheit und Sichtbarkeit gleichermaßen. Mehr zu sauberem Code im Eintrag zu HTML.
Quellen
Geschäftsführer und Mitgründer von Leadsleader. Verantwortet die Sichtbarkeit unserer Portale in Google und KI-Suchsystemen.
