Alt Tag
Ein Alt-Tag beschreibt Bildinhalte in Textform für Suchmaschinen und Screenreader. Für die Google-Bildersuche ist er ein echter, oft unterschätzter Rankingfaktor und gleichzeitig eine Grundvoraussetzung für barrierefreie Websites. Entscheidend ist dabei weniger die exakte Zeichenlänge als eine präzise, kurze Beschreibung ohne Keyword-Stuffing.
Inhalt
- Was ist ein Alt-Tag?
- Alt-Tag, Alt-Attribut, Alt-Text. Ist das dasselbe?
- Wie lang sollte ein Alt-Text sein?
- Gute vs. schlechte Alt-Texte
- Alt-Tag und SEO
- Die Bedeutung des Alt-Tags für die digitale Barrierefreiheit
dotflow®
dotflow ist die B2B Digitalagentur für smartes Online-Marketing und überzeugende Websites.
Was ist ein Alt-Tag?
Der Alt-Tag ist ein HTML-Attribut, das im Bild-Tag <img> hinterlegt wird und den Inhalt eines Bildes in Textform beschreibt. Für Website-Besucher ist er im Regelfall unsichtbar, da er nicht auf der Seite angezeigt wird, sondern im Quelltext hinterlegt ist.
Sichtbar wird der Alt-Text nur in zwei Fällen. Erstens, wenn ein Bild aus technischen Gründen nicht geladen werden kann, etwa bei einer fehlerhaften Bild-URL, einem veralteten Browser oder einer sehr langsamen Verbindung. Dann zeigt der Browser anstelle des Bildes den hinterlegten Text an. Zweitens lesen Screenreader den Alt-Text sehbehinderten Nutzern vor, damit auch sie erfassen können, was auf einem Bild zu sehen ist.
<img src=“produktfoto.jpg“ alt=“Rote Laufschuhe mit weißer Sohle“>
In den meisten Content-Management-Systemen (WordPress, Shopify, TYPO3 & Co.) pflegen Sie den Alt-Text ganz ohne Code direkt in der Medienbibliothek des jeweiligen Bildes ein. Der Klickpfad unterscheidet sich zwar leicht von System zu System, das Eingabefeld heißt aber praktisch überall „Alternativtext“ und lässt sich beim Hochladen oder nachträglich am Bild bearbeiten.
Alt-Tag, Alt-Attribut, Alt-Text. Ist das dasselbe?
Ja, in der Praxis werden alle drei Begriffe synonym verwendet, auch in diesem Artikel. Streng genommen ist „Alt-Tag“ sogar unpräzise, denn es handelt sich nicht um ein eigenständiges HTML-Tag, sondern um ein Attribut innerhalb des Bild-Tags <img>, korrekt also um das „Alt-Attribut“. Weil „Alt-Tag“ aber der mit Abstand am häufigsten gesuchte und genutzte Begriff ist, hat er sich umgangssprachlich durchgesetzt.
Verwechseln sollten Sie den Alt-Tag nicht mit dem Title-Tag eines Bildes. Dieser erscheint als kleiner Tooltip, sobald Nutzer mit der Maus über ein Bild fahren, und ist, anders als der Alt-Text, kein direkter Rankingfaktor für die Bildersuche. Beide Attribute lassen sich unabhängig voneinander und gleichzeitig setzen.
<img src=“produktfoto.jpg“ alt=“Rote Laufschuhe mit weißer Sohle“ title=“Laufschuh Modell Runner X“>
Wie lang sollte ein Alt-Text sein?
Eine feste, von Google vorgegebene Zeichengrenze gibt es nicht. In der Praxis haben sich unterschiedliche Empfehlungen etabliert, die zwischen rund 40 und 125 Zeichen liegen. Wichtiger als eine exakte Zahl ist folgender Grundsatz.
- Beschreiben Sie präzise und in wenigen Worten, was auf dem Bild zu sehen ist.
- Vermeiden Sie Füllwörter wie „Bild von …“ oder „Foto zeigt …“, das ist durch den Bild-Kontext bereits klar.
- Nutzen Sie relevante Keywords nur dort, wo sie inhaltlich Sinn ergeben, statt Keyword-Stuffing zu betreiben.
In der Praxis sind Alt-Texte zwischen etwa 40 und 100 Zeichen ein guter Richtwert, lang genug für eine sinnvolle Beschreibung und kurz genug, damit Screenreader sie nicht abschneiden. Eine feste Grenze, ab der Google einen Alt-Text als „zu lang“ wertet, ist offiziell nicht dokumentiert.
Gute vs. schlechte Alt-Texte
| Bildtyp | Schlechter Alt-Text | Guter Alt-Text |
|---|---|---|
| Produktbild | alt=“Schuh“ | alt=“Rote Laufschuhe mit weißer Sohle, Modell Runner X“ |
| Redaktionsbild | alt=“Konferenzraum“ | alt=“Team bei der Produktpräsentation im Konferenzraum“ |
| Dekoratives Bild (z. B. Trennlinie) | alt=“Muster Hintergrund dekorativ Design“ |
alt="" (leer lassen, damit Screenreader das Bild überspringen)
|
Alt-Tag und SEO
Suchmaschinen können Bildinhalte bislang nicht vollständig eigenständig interpretieren, sie sind auf textliche Hinweise angewiesen. Der Alt-Text liefert genau diesen Kontext und hilft Google, ein Bild korrekt zu kategorisieren und in der Google-Bildersuche auszuspielen. Websites mit vielen unbeschrifteten Bildern laufen zudem Gefahr, dass Google die Seite als inhaltsarm einstuft.
Wird ein Bild zusätzlich als Link genutzt, etwa ein verlinktes Produktbild, übernimmt der Alt-Text sogar die Funktion eines Anchor-Textes und signalisiert Suchmaschinen, worum es auf der Zielseite geht. Rein dekorative Bilder ohne inhaltlichen Mehrwert, etwa Trennlinien oder Hintergrundmuster, benötigen dagegen keinen beschreibenden Alt-Text. Hier reicht ein leeres alt="", damit weder Screenreader noch Crawler unnötig Zeit mit irrelevanten Informationen verbringen.
Ein sauber gepflegter Alt-Text ist damit ein kleiner, aber wirkungsvoller Baustein einer umfassenderen Bilder-SEO-Strategie, zu der auch Dateigröße, Dateiname und Ladezeit der Bilder zählen.
Alt-Tags sind nur ein Baustein guter Onpage-SEO
Sie möchten Ihre gesamte Website technisch und inhaltlich für Google optimieren, nicht nur einzelne Bildattribute? Unsere SEO Agentur unterstützt Sie mit einem strukturierten Vorgehen von der Analyse bis zur Umsetzung.
Die Bedeutung des Alt-Tags für die digitale Barrierefreiheit
Mit dem Inkrafttreten des Gesetzes zur digitalen Barrierefreiheit 2025 wird der ALT-Tag noch wichtiger. Er ermöglicht es sehbehinderten Nutzern, sich über Screenreader eine Beschreibung von nicht sichtbaren Bildern vorlesen zu lassen.
Damit trägt er maßgeblich zur Inklusivität im Web bei und stellt sicher, dass alle Nutzer – unabhängig von ihren körperlichen Einschränkungen – die gleichen Informationen erhalten. Ohne einen ALT-Tag bleiben wichtige visuelle Inhalte für viele Menschen unzugänglich.
Besonders in Bereichen wie E-Commerce, Informationsportalen und Bildung ist ein gut formulierter ALT-Text entscheidend, um sicherzustellen, dass Produktfotos, Infografiken und andere visuelle Inhalte für alle zugänglich sind.
Hinweis
Alt-Texte sind zugleich zentral für Screenreader, die sie sehbehinderten Nutzern vorlesen. Seit dem 28.06.2025 gilt zudem das Barrierefreiheitsstärkungsgesetz (BFSG), das viele B2C-Websites zur Barrierefreiheit nach WCAG 2.1 Level AA verpflichtet. Gepflegte Alt-Texte sind dabei eine der Grundvoraussetzungen.