Alt-Text

Was ist Alt-Text?

Der Alt-Text – auch Alternativtext oder umgangssprachlich „Alt-Tag" – ist eine Textalternative für ein Bild. Technisch steckt er im alt-Attribut des HTML-Bildelements und ist im Normalfall unsichtbar: Du siehst ihn nur, wenn die Bilddatei nicht geladen werden kann, oder du hörst ihn, wenn ein Screenreader (Software, die Bildschirminhalte vorliest) die Seite ausgibt.

Ein einfaches Beispiel: <img src="hund-im-park.jpg" alt="Golden Retriever apportiert einen Ball auf einer Wiese">. Der Alt-Text beantwortet dabei zwei Fragen: Was ist auf dem Bild zu sehen? und welche Funktion hat es an dieser Stelle? Bei einem verlinkten Bild oder einem Button-Icon beschreibst du also nicht das Motiv, sondern das Ziel der Aktion – etwa alt="Zum Warenkorb".

Wie funktioniert Alt-Text technisch?

Browser und assistive Technologien lesen das alt-Attribut direkt aus dem HTML aus. Daraus ergeben sich drei typische Situationen:

• Screenreader: Der Alt-Text wird anstelle des Bildes vorgelesen. Fehlt er, liest manche Software den Dateinamen vor – bei IMG_4711.jpg hilft das niemandem.
• Ladefehler oder Datensparmodus: Statt des Bildes zeigt der Browser den Alt-Text an, sodass die Aussage der Seite erhalten bleibt.
• Crawler: Suchmaschinen nutzen den Alt-Text als Textsignal, um den Bildinhalt und den thematischen Kontext der Seite einzuordnen.

Wichtig ist die Unterscheidung zwischen inhaltstragenden und dekorativen Bildern. Reine Deko – Trennlinien, Hintergrundformen, Stimmungsbilder ohne Informationswert – erhält ein leeres Alt-Attribut (alt=""). Screenreader überspringen das Bild dann, statt es mit einer belanglosen Beschreibung zu unterbrechen. Ganz weglassen solltest du das Attribut nicht: Ein fehlendes alt ist etwas anderes als ein bewusst leeres.

Für komplexe Grafiken wie Diagramme reicht ein kurzer Alt-Text oft nicht. Hier beschreibst du im Alt-Text die Kernaussage („Balkendiagramm: Umsatzverteilung nach Kanal") und stellst die Details zusätzlich als Text, Tabelle oder Bildunterschrift bereit.

Warum ist Alt-Text wichtig für SEO?

Alt-Texte sind ein etablierter Baustein der Onpage-Optimierung, also der Arbeit an der eigenen Website. Ihre Wirkung entfalten sie an mehreren Stellen:

• Bildersuche: Bilder haben keinen Text, den eine Suchmaschine lesen kann. Alt-Text, Dateiname, Bildunterschrift und der umgebende Absatz sind die wichtigsten Hinweise darauf, was zu sehen ist – und damit die Grundlage für Sichtbarkeit in der Bildersuche.
• Themenverständnis der Seite: Beschreibende Alt-Texte stützen den semantischen Kontext einer Seite, weil sie das Thema mit natürlicher Sprache ergänzen.
• Verlinkte Bilder: Ist ein Bild ein Link, übernimmt der Alt-Text die Rolle des Ankertexts und beschreibt das Linkziel.
• Barrierefreiheit als Qualitätssignal: Eine Seite, die für alle Nutzer:innen funktioniert, erfüllt die Suchintention besser – unabhängig vom Ranking-Effekt einzelner Attribute.

Genauso relevant ist der rechtliche und ethische Rahmen: Die Web Content Accessibility Guidelines (WCAG) fordern Textalternativen für Nicht-Text-Inhalte bereits auf der niedrigsten Konformitätsstufe. Öffentliche Stellen in Deutschland sind über die BITV gebunden, und mit dem Barrierefreiheitsstärkungsgesetz (BFSG) gelten Anforderungen auch für viele privatwirtschaftliche Online-Angebote. Alt-Texte sind damit kein SEO-Nice-to-have, sondern Pflichtprogramm.

Wie schreibst du gute Alt-Texte?

1. Beschreibe konkret, aber knapp. Ein Satz genügt meist. Als Konvention gilt ein Richtwert von rund 125 Zeichen, weil manche Screenreader längere Texte abschneiden.
2. Beginne nicht mit „Bild von" oder „Foto von". Screenreader kündigen ein Bild ohnehin an.
3. Denke an den Kontext. Dasselbe Produktfoto braucht in einer Kategorieübersicht eine andere Beschreibung als auf der Detailseite.
4. Nenne relevante Details. Bei Produkten: Modell, Farbe, Variante. Bei Personen: Was tun sie, was ist die Aussage der Szene?
5. Keyword nur, wenn es passt. Ein Haupt-Keyword darf vorkommen, wenn es das Bild wirklich beschreibt. Aneinandergereihte Suchbegriffe sind Keyword-Stuffing und schaden der Nutzbarkeit.
6. Text in Bildern übertragen. Enthält eine Grafik Schrift, muss dieser Text auch im Alt-Text oder im Seitentext stehen.

Wie unterscheidet sich Alt-Text von verwandten Elementen?

Welche Fehler treten häufig auf?

• Alt-Attribut fehlt komplett – besonders oft bei Bildern aus Page-Buildern, Slidern oder Newsletter-Templates.
• Dateiname als Alt-Text (alt="DSC_0042") oder generische Platzhalter wie alt="Bild".
• Identische Alt-Texte für alle Bilder einer Seite, etwa bei Produktgalerien.
• Keyword-Listen statt Beschreibungen.
• Dekorative Bilder mit ausführlicher Beschreibung, die den Screenreader-Fluss unterbricht.
• Wichtige Informationen ausschließlich im Bild – ohne Textalternative sind sie für Teile deiner Zielgruppe nicht verfügbar.

Für die Kontrolle im Bestand hilft ein systematischer Blick: Crawler-Tools, Browser-Erweiterungen für Accessibility-Prüfungen oder Berichte in der Google Search Console zeigen dir, wo Alt-Texte fehlen. Bei großen Bildmengen lohnt eine Priorisierung – zuerst Seiten mit viel Traffic, Conversion-Relevanz und inhaltstragenden Bildern.