Lernen
Alt-Text für Bilder: Barrierefreiheit und SEO richtig gemacht
Ein praktischer Leitfaden zum Alt-Text: wozu er dient, wie man ihn schreibt, wann ein Bild dekorativ ist und wie er Barrierefreiheit und Bildersuche speist.
Starte ein frisches DomainLens-Audit und nutze den Report als Prioritätenliste.
Wozu Alt-Text dient
Das alt-Attribut ist eine kurze Textbeschreibung eines Bildes. Seine Hauptaufgabe ist Barrierefreiheit: ein Screenreader liest es vor, damit ein blinder oder sehbehinderter Nutzer weiß, was das Bild zeigt. Es wird auch angezeigt, wenn das Bild nicht lädt, und gibt Suchmaschinen den Kontext, den die Pixel nicht liefern — so wird es zum SEO-Signal.
Alt-Text dient also zuerst echten Menschen, dann Crawlern. Die gute Nachricht: ihn für jemanden zu schreiben, der das Bild nicht sieht, ergibt fast immer genau das, was auch Suchmaschinen wollen — eine klare, ehrliche Beschreibung.
So schreiben Sie guten Alt-Text
- Beschreiben Sie, was das Bild zeigt und warum es auf der Seite ist, in einem natürlichen Satz.
- Halten Sie ihn knapp — etwa einen kurzen Satz; der Screenreader liest alles vor.
- Bauen Sie ein relevantes Keyword nur ein, wenn es das Bild wirklich beschreibt; nie stopfen.
- Bei verlinkten Bildern beschreiben Sie das Ziel, da der Alt zum zugänglichen Namen des Links wird.
- Beginnen Sie nicht mit „Bild von“ — der Screenreader kündigt bereits an, dass es ein Bild ist.
Dekorative vs. bedeutungstragende Bilder
Nicht jedes Bild braucht eine Beschreibung. Ein bedeutungstragendes Bild (Produktfoto, Diagramm, Infografik) braucht einen Alt, der seine Information vermittelt. Ein rein dekoratives Bild (Hintergrundzierde, Trenner, Icon neben Text, der dasselbe sagt) sollte ein leeres alt-Attribut haben: alt="".
Der leere Alt ist Absicht, kein Fehler: er sagt Screenreadern, das Bild zu überspringen, statt einen Dateinamen anzukündigen oder redundanten Text zu lesen. Das Attribut ganz wegzulassen ist schlimmer, da manche Screenreader dann den Dateinamen vorlesen.
Alt-Text und Bildersuche
Google Bilder ist eine echte Traffic-Quelle, und Alt-Text ist eines der Hauptsignale zum Verständnis eines Bildes, neben Dateiname, umgebendem Text und strukturierten Daten. Beschreibender Alt-Text und sinnvolle Dateinamen (running-shoes-blue.jpg, nicht IMG_4821.jpg) machen Ihre Bilder rankingfähig.
Ein Keyword-Hebel ist es aber nicht. Die rankenden Bilder sind wirklich relevant, gut beschrieben und auf einer schnellen, crawlbaren Seite — dieselben Grundlagen wie im übrigen SEO.
Häufige Alt-Text-Fehler
- Fehlende alt-Attribute bei bedeutungstragenden Bildern, sodass Screenreader und Suchmaschinen nichts bekommen.
- Keyword-gestopfter Alt-Text, der wie Spam wirkt und die Barrierefreiheit verschlechtert.
- Den Dateinamen (IMG_4821.jpg) als faktische Beschreibung nutzen, indem der Alt ganz fehlt.
- Alt-Text für dekorative Bilder schreiben, statt alt="" zu verwenden.
- Ein verlinktes Bild nach dem Aussehen statt nach dem Ziel beschreiben.
Wie DomainLens Alt-Text prüft
DomainLens scannt die gerenderten Bilder und meldet die ohne alt-Attribut, sodass Sie auf einen Blick sehen, welche bedeutungstragenden Bilder für Screenreader und Suchmaschinen unsichtbar sind.
Nehmen Sie den Befund als Anlass zur Prüfung, nicht zum Auto-Ausfüllen: beschreiben Sie die bedeutungstragenden Bilder, markieren Sie dekorative als alt="" — und verbessern Sie Barrierefreiheit und Bilder-SEO im selben Durchgang.