ALT-Attribut einfach und verständlich erklärt – SEO Bedeutung

Das ALT-Attribut ist ein Attribut des HTML-img-Tags, das eine textliche Beschreibung eines Bildes bereitstellt. Es erfüllt drei Aufgaben: Es macht Bildinhalte über Screenreader für blinde und sehbehinderte Menschen zugänglich, es hilft Suchmaschinen vor allem in der Bildersuche, den Bildinhalt einzuordnen, und es wird als Ersatztext angezeigt, wenn ein Bild nicht geladen werden kann. Damit ist es für Barrierefreiheit und Suchmaschinenoptimierung gleichermaßen wichtig.

Als grober Richtwert gelten rund 80 bis 125 Zeichen. Wichtig: Es gibt keine feste technische Grenze, ab der ein ALT-Text abgeschnitten wird – moderne Screenreader lesen den vollständigen Text vor. Die oft genannten 125 Zeichen stammen aus dem Verhalten älterer Screenreader und sind heute nur eine Faustregel für Prägnanz. Entscheidend ist, dass der Text den Bildinhalt klar und sachlich beschreibt, nicht die exakte Zeichenzahl.

Jedes inhaltstragende Bild sollte einen aussagekräftigen ALT-Text haben. Rein dekorative Bilder ohne informativen Wert erhalten dagegen ein leeres ALT-Attribut, also alt gleich zwei Anführungszeichen ohne Inhalt. Dieses leere Attribut signalisiert dem Screenreader, das Bild zu überspringen. Wichtig ist, das Attribut bei Dekobildern nicht ganz wegzulassen, sondern bewusst leer zu setzen.

Das Barrierefreiheitsstärkungsgesetz (BFSG) ist am 28. Juni 2025 in Kraft getreten und setzt den European Accessibility Act in deutsches Recht um. Es verpflichtet viele private Unternehmen, bestimmte digitale Produkte und Dienstleistungen für Verbraucher barrierefrei zu gestalten – etwa Online-Shops oder Bankdienstleistungen. Sinnvolle ALT-Texte für inhaltstragende Bilder sind ein Teil dieser Anforderungen. Bei Verstößen drohen Bußgelder von bis zu 100.000 Euro.

Das BFSG gilt für bestimmte Produkte und verbraucherbezogene Dienstleistungen, darunter Online-Shops, Banking und E-Books. Ausgenommen sind dienstleistungserbringende Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens zwei Millionen Euro Jahresumsatz oder Bilanzsumme – für sie ist Barrierefreiheit bei Dienstleistungen freiwillig. Diese Ausnahme gilt aber nicht, wenn sie Produkte in den Verkehr bringen. Reine B2B-Angebote fallen ebenfalls nicht unter das Gesetz.

Beschreibende ALT-Texte werden für informative Bilder verwendet und schildern den Bildinhalt, etwa ein Diagramm. Funktionale ALT-Texte beschreiben die Aktion bei verlinkten Bildern oder Buttons, zum Beispiel Seite drucken bei einem Drucken-Symbol. Rein dekorative Bilder erhalten ein leeres ALT-Attribut, damit Screenreader sie überspringen. Welche Variante richtig ist, hängt also davon ab, welche Rolle das Bild auf der Seite hat.

Beschreiben Sie präzise, was auf dem Bild zu sehen ist, und bauen Sie relevante Suchbegriffe nur dann ein, wenn sie das Bild tatsächlich beschreiben. Vermeiden Sie Keyword-Stuffing, also das Aneinanderreihen von Schlagwörtern, da dies als Spam gewertet werden kann. Achten Sie darauf, dass der ALT-Text zum Kontext der Seite passt. Für SEO sind ALT-Texte vor allem in der Bildersuche relevant; einen starken Einfluss auf das allgemeine Ranking haben sie nicht.

Nein, das ist ein verbreiteter Mythos. Es gibt keine feste technische Grenze von 125 Zeichen, ab der ein ALT-Text abgeschnitten wird. Moderne Screenreader lesen den kompletten Text vor. Die Zahl stammt aus dem Verhalten älterer Screenreader-Versionen. Dennoch ist es sinnvoll, ALT-Texte prägnant zu halten, damit sie schnell erfassbar bleiben – rund 80 bis 125 Zeichen sind ein guter Richtwert, aber keine harte Obergrenze.

Nein, auf solche Floskeln sollten Sie verzichten. Screenreader kündigen ein Bild bereits automatisch als Bild oder Grafik an, sodass Formulierungen wie Bild von oder Foto zeigt nur überflüssige Wiederholungen erzeugen. Beginnen Sie den ALT-Text stattdessen direkt mit der eigentlichen Beschreibung des Bildinhalts, zum Beispiel Orange Katze spielt mit einem Ball, statt Foto einer orangen Katze.

Zur Prüfung eignen sich der WAVE-Accessibility-Checker als Online-Tool und Browser-Erweiterung, der Lighthouse-Audit von Google in den Browser-Entwicklertools sowie SEO-Crawler wie der Screaming Frog SEO Spider, der Bilder ohne ALT-Text auf der gesamten Website auflistet. Auch mit den Entwicklertools des Browsers lassen sich einzelne Bilder manuell prüfen. Viele CMS zeigen zudem direkt an, wenn ein ALT-Text fehlt.

Bei komplexen Inhalten wie ausführlichen Diagrammen reicht ein kurzer ALT-Text allein nicht aus. Kombinieren Sie einen knappen Alternativtext, der das Bild grob einordnet, mit einer ausführlichen Beschreibung im umgebenden Fließtext oder in einer Tabelle. So erhalten auch Screenreader-Nutzer die vollständige Information. Der kurze ALT-Text kann dabei auf die ausführliche Erklärung verweisen.

KI-Werkzeuge und automatische Bilderkennung können Vorschläge für ALT-Texte liefern und die Arbeit beschleunigen. Eine menschliche Prüfung bleibt aber wichtig, da automatische Tools den Kontext und die beabsichtigte Bildaussage oft nicht korrekt erfassen. Ein Bild kann je nach Seitenkontext eine andere Beschreibung erfordern. Nutzen Sie KI daher als Hilfsmittel, kontrollieren und korrigieren Sie die Vorschläge aber stets selbst.