Alt-Tag

Du siehst gerade einen Platzhalterinhalt von YouTube. Um auf den eigentlichen Inhalt zuzugreifen, klicke auf die Schaltfläche unten. Bitte beachte, dass dabei Daten an Drittanbieter weitergegeben werden.

Inhalt entsperren

Was ist der Alt-Tag?

Was ist ein Alt-Attribut?

Das Alt-Attribut (auch bekannt als Alt-Tag oder Alternativtext) ist ein HTML-Attribut, das den Inhalt eines Bildes textlich beschreibt. Es wird im Quellcode eines HTML-Dokuments innerhalb des <img>-Tags verwendet, um dem Googlebot und anderen Suchmaschinen mitzuteilen, was auf einem Bild dargestellt ist. Dieser Alternativtext ist für Besucher nicht sichtbar, wird jedoch angezeigt, wenn ein Bild nicht geladen werden kann oder von Screenreadern vorgelesen, um Menschen mit Sehbeeinträchtigung den Inhalt zugänglich zu machen.

Das Wort „Alt“ steht für „Alternative“, also eine alternative Beschreibung zum Bildinhalt. Der Begriff „Attribut“ stammt aus der HTML-Syntax und bezeichnet eine zusätzliche Eigenschaft eines Elements. Umgangssprachlich wird auch der Begriff „Alt-Tag“ verwendet, obwohl es sich technisch nicht um einen Tag, sondern um ein Attribut des <img>-Elements handelt. In der Suchmaschinenoptimierung (SEO) spielt das Alt-Attribut eine zentrale Rolle, da es Google hilft, Bilder korrekt zu indexieren, und so zur Bildersuche und Barrierefreiheit einer Website beiträgt.

Wozu wird das Alt-Attribut benötigt?

Primär dient das Attribut dem Zweck das Bild zu beschreiben. Die im Alt-Tag hinterlegten Texte können alternativ zur Grafik angezeigt werden. Sollte bei einem User die Bilddarstellung einmal nicht automatisch laden oder funktionieren, so wird diesem ebenfalls der Text angezeigt, welcher beim Alt-Tag hinterlegt wurde. Ebenso können Alt-Tags verwenden werden, wenn es Serverprobleme geben sollte und Grafiken nicht vollständig oder gar nicht geladen werden können. Außerdem dienen Alt-Tags der Barrierefreiheit einer Website.

Wie sieht ein Alt-Tag aus?

Das Alt-Attribut wird im HTML Quellcode Deiner Website hinterlegt. Es befindet sich in den Image-Tags. Zu Beginn des Tags steht „img scr“. Dies ist der HTML Befehl auf einen definierten Ablageort zuzugreifen. Darauf folgt „/grafik/beispiel.jpg“. Hier wird der Link zum Ordner, in welchem die Grafik abliegt, angezeigt. Anschließend folgt das Alt Attribut mit „alt=Deine Beschreibung“.

Warum ist der Alt-Tag so wichtig?

Gerade im Hinblick auf die barrierefreie Gestaltung von Websites spielt das Attribut ebenfalls eine wichtige Rolle. Die Screenreader, welche oftmals von blinden Usern verwendet werden, können keinerlei Bilddaten interpretieren. Anstelle der Grafik wird der hinterlegte Text vorgelesen. Ein Nutzer mit Handicap hat dadurch die Möglichkeit nicht nur die Texte Deiner Website zu erfassen, sondern auch die Bildelemente zu verstehen.
In der Onpage-Optimierung ist das Alt-Attribut ein wichtiger Parameter für ein gutes Ranking, da der Alt-Tag für den Googlebot beschreibt, was auf dem Bild zu sehen ist. Die Suchmaschinenbots sind mittlerweile sehr ausgereifte Datenerfasser. Dementsprechend können Sie überwiegend Texte auslesen, die beim Crawlen Deiner Website gefunden werden.

Warum ist der Alt-Tag wichtig für SEO & Barrierefreiheit?

Der Alt-Tag hilft Suchmaschinen wie Google, den Inhalt eines Bildes zu verstehen und richtig zu indexieren. Das verbessert die Sichtbarkeit in der Bildersuche und stärkt die thematische Relevanz einer Seite. Gleichzeitig ermöglicht das Alt-Attribut barrierefreies Surfen: Screenreader lesen den Alternativtext laut vor, damit auch sehbehinderte Menschen den visuellen Inhalt erfassen können. Ein korrekt eingesetzter Alt-Text verbessert somit sowohl SEO-Performance als auch Nutzererfahrung.

Wie lang sollte das Alt-Attribut sein?

Als Anhaltspunkt für die richtige Länge wird von W3C ein Richtwert von 75 bis 100 Zeichen angegeben. W3C ist die Abkürzung für das World Wide Web Consortium. Das Ziel dieses Konsortiums ist es, Protokolle und Richtlinien für das WWW zu standardisieren. Techniken wie HTML, CSS und XML sind die bekanntesten Beispiele.
Von der Accessibility-Fachstelle der Universität in Toronto liegt der Vorschlag für die Zeichenlänge in der deutschen Sprache bei 115 Zeichen.
Eine konkrete Richtlinie zu benennen ist somit sehr schwierig. Dennoch solltest Du beherzigen, dass Deine Beschreibung des Alt-Tags so kurz wie möglich und so lange wie nötig ist. Schreibe Deinen Text so natürlich wie möglich, um Keyword-Stuffing in Deinem Quellcode zu vermeiden. In der Regel baust Du ganz intuitiv bereits ein oder zwei Deiner Keywords in dem Text mit ein. Dies vermittelt den Suchmaschinen ähnlich wie bei keyword-optimierten Texten bereits passende Anhaltspunkte und kann in besseren Rankings in der Google-Bildersuche resultieren.

Wie formuliere ich einen guten Alt-Text?

Ein guter Alt-Text beschreibt präzise, was auf dem Bild zu sehen ist – sachlich, kurz und relevant. Vermeide Füllwörter oder Keyword-Stuffing. Nenne den Kerninhalt des Bildes, z. B.: „Frau arbeitet am Laptop im Büro“ statt „Bild einer Frau“. Der Text sollte den Zweck des Bildes widerspiegeln und Mehrwert bieten, falls das Bild nicht geladen werden kann. Wichtig: Nutze natürliche Sprache, keine Aufzählung von Suchbegriffen.

ALT-Texte mit KI erstellen?

Erfahre in unserem Webinar KI im SEO & Content: CustomGPT und smarte ALT-Text-Generierung, wie Du das effektiv umsetzen kannst! 📹

Welche Fehler gilt es zu vermeiden?

Zu den häufigsten Fehlern gehören fehlende oder generische Alt-Texte wie „Bild123“ oder „Logo“. Auch übermäßiger Keyword-Einsatz („SEO Alt Tag Marketing Suchmaschinenoptimierung“) wird von Google negativ bewertet. Vermeide redundante Begriffe wie „Bild von“ oder „Grafik zeigt“. Ebenso problematisch: leere Alt-Attribute, wenn das Bild relevante Informationen enthält. Jeder Alt-Text sollte individuell und aussagekräftig sein.