Warum ist ein Alt-Text wichtig?
Kurzantwort
Ein Alt-Text ist wichtig, weil er Bildinhalte für blinde und sehbehinderte Menschen zugänglich macht. Screenreader lesen die Beschreibung vor. Zusätzlich hilft der Alt-Text Suchmaschinen bei der Einordnung, erscheint bei nicht geladenen Bildern und unterstützt die Bildersuche. Sein Nutzen für direkte Rankings ist jedoch begrenzt.
Ein Alt-Text gehört zu jedem inhaltlich relevanten Bild. Ob Produktfoto, Diagramm oder Infografik: Entscheidend ist, welche Information ein Nutzer ohne das Bild benötigen würde. Dieser Grundsatz führt fast automatisch zu besseren Beschreibungen und verhindert, dass Alt-Texte zu einer Ansammlung von Keywords werden.
1. Alt-Texte machen Bilder zugänglich
Der wichtigste Zweck eines Alt-Textes ist Barrierefreiheit. Menschen, die Bilder nicht oder nur eingeschränkt wahrnehmen können, nutzen häufig Screenreader. Diese Programme lesen den alternativen Text vor und vermitteln dadurch die Information, die andere Nutzer visuell erfassen.
Fehlt die Beschreibung bei einem inhaltlich relevanten Bild, bleibt an dieser Stelle eine Informationslücke. Je nach Website, Browser und Screenreader wird nur angekündigt, dass ein Bild vorhanden ist, ein Dateiname vorgelesen oder das Element übersprungen. Keine dieser Varianten erklärt, was das Bild zum Inhalt beiträgt.
Besonders deutlich wird das bei Diagrammen. Ein Alt-Text wie Diagramm hilft nicht. Eine Beschreibung wie Die organischen Zugriffe steigen von Januar bis Juni kontinuierlich an übermittelt dagegen die zentrale Aussage. Komplexe Daten gehören zusätzlich in den umgebenden Text oder eine zugängliche Tabelle.
Der richtige Prüfgedanke
Frage dich bei jedem Bild: Welche Information fehlt einem Nutzer, der dieses Bild nicht sehen kann? Genau diese Information gehört in den Alt-Text. Aussehen, Farben und Details beschreibst du nur, wenn sie für Aussage oder Handlung relevant sind.
2. Warum der Alt-Text bei Bildern im Internet zählt
Im Internet ersetzen Bilder oft ganze Textpassagen. Produktfotos zeigen Ausführung und Eigenschaften, Screenshots erklären Arbeitsschritte, Infografiken verdichten Zusammenhänge. Deshalb muss die Beschreibung zur Funktion des jeweiligen Bildes passen. Derselbe Bildinhalt kann in zwei verschiedenen Kontexten unterschiedliche Alt-Texte benötigen.
Ein Foto einer roten Bohrmaschine könnte in einem Onlineshop als Akku-Bohrschrauber mit rotem Gehäuse und eingesetztem Akku beschrieben werden. In einem Ratgeber über ergonomisches Arbeiten wäre möglicherweise Handhaltung beim waagerechten Bohren mit einem Akku-Bohrschrauber treffender. Der Kontext bestimmt, welche Information zählt.
Alt-Texte gewinnen zusätzlich durch Anforderungen an digitale Barrierefreiheit an Bedeutung. Welche gesetzlichen Vorgaben für ein konkretes Unternehmen, Angebot oder Land gelten, muss individuell geprüft werden. Dieser Hinweis ersetzt keine Rechtsberatung. Unabhängig von der Rechtslage verbessert eine verständliche Bildbeschreibung den Zugang zu Informationen.
3. Warum Alt-Text zuerst Menschen dient
Der häufigste Fehler entsteht bereits beim Briefing: Der Alt-Text wird als SEO-Feld behandelt. Dann stehen dort Formulierungen wie SEO Agentur München Suchmaschinenoptimierung günstig, obwohl das Bild lediglich zwei Personen an einem Schreibtisch zeigt. Ein Screenreader liest diese Wortfolge vollständig vor. Für den Nutzer entsteht daraus keine brauchbare Bildbeschreibung.
Das Keyword darf im Alt-Text vorkommen, wenn es den Bildinhalt präzise bezeichnet. Ein Screenshot einer Onpage-Auswertung kann beispielsweise den Alt-Text Onpage-Auswertung mit technischen Fehlern nach Seitentyp erhalten. Ein beliebiges Teamfoto mit demselben Keyword zu versehen, wäre dagegen weder hilfreich noch sauber beschrieben.
Die technische Checkliste des Crawlers unterscheidet konkrete Fehlerfälle: Das Alt-Attribut kann fehlen, leer sein oder bei einem extern eingebundenen Bild fehlen beziehungsweise leer bleiben. Außerdem wird ausdrücklich vor einer Aneinanderreihung von Keywords gewarnt. Bei verlinkten Bildern kann der Alt-Text zusätzlich die Funktion des verlinkten Textes übernehmen.
Schreibe Alt-Texte nicht als Liste von Suchbegriffen. Keyword-Stuffing verschlechtert die Verständlichkeit und verfehlt den eigentlichen Zweck. Eine kurze, natürliche Beschreibung des konkreten Bildes ist für Screenreader und Suchmaschinen wertvoller.
4. Warum wird Alt-Text verwendet?
Alt-Text wird für vier klar unterscheidbare Aufgaben verwendet. Die Reihenfolge ist wichtig, weil Barrierefreiheit der Hauptzweck ist und SEO nur ein zusätzlicher Nutzen bleibt.
| Zweck | Konkreter Nutzen |
|---|---|
| Barrierefreiheit | Screenreader können den Informationsgehalt eines Bildes vorlesen. |
| Bildersuche | Suchmaschinen erhalten ein zusätzliches Signal zum Motiv und Kontext. |
| Ladefehler | Der alternative Text kann erscheinen, wenn die Bilddatei nicht geladen wird. |
| Thematische Einordnung | Der Text ergänzt Dateiname, Bildumgebung, Überschrift und Seiteninhalt. |
Ein Alt-Text ist dabei kein Ersatz für den sichtbaren Fließtext. Wenn eine Grafik fünf Maßnahmen erklärt, sollten diese Maßnahmen auch außerhalb des Bildes zugänglich sein. Der Alt-Text fasst die zentrale Information zusammen, während der Seiteninhalt die Details liefert.
Wenn du fehlende Beschreibungen und weitere technische Onpage-Signale systematisch prüfen möchtest, kannst du mit einem kostenlosen Account einen ersten Datenstand deiner Website erfassen.
5. Alt-Texte und SEO ehrlich eingeordnet
Suchmaschinen nutzen Alt-Texte, um Bildinhalte besser zu verstehen. Das kann vor allem für die Bildersuche relevant sein, etwa bei Produkten, Rezepten, Reisezielen, Immobilien oder erklärungsbedürftigen Bauteilen. Der Alt-Text wirkt dabei zusammen mit Dateiname, umgebendem Text, Bildunterschrift und der allgemeinen Qualität der Seite.
Für das organische Ranking einer normalen Webseite ist die Wirkung eines einzelnen Alt-Textes meist schwach. Eine Seite mit dünnem Inhalt, unklarer Suchintention oder technischen Problemen steigt nicht plötzlich, weil zehn Bilder optimierte Beschreibungen erhalten. Wer Alt-Texte allein für Rankings schreibt, überschätzt den Hebel und produziert häufig unnatürliche Texte.
Die sinnvolle Priorisierung lautet: Beschreibe zuerst alle Bilder, die eine Information, Funktion oder Kaufentscheidung tragen. Danach prüfst du Bilder, die für die Google-Bildersuche relevant sind. Rein dekorative Elemente benötigen keine künstliche Beschreibung.
Der Technik-Crawler der Performance Suite prüft technische Merkmale regelmäßig und macht Fehler je Seite auffindbar. Für Bilder existieren getrennte Prüfungen für fehlende und leere Alt-Attribute sowie für externe Bilder. Das ist relevant, weil alt="" und ein vollständig fehlendes Alt-Attribut technisch und inhaltlich nicht dasselbe sind.
5.1 Leerer Alt-Text kann korrekt sein
Ein dekoratives Bild darf ein leeres Alt-Attribut besitzen. Der HTML-Code lautet dann alt="". Screenreader können das Element dadurch in der Regel überspringen. Das ist sinnvoll bei Ornamenten, Hintergrundmotiven oder Icons, deren Bedeutung bereits als sichtbarer Text danebensteht.
Ein fehlendes Alt-Attribut ist dagegen meist ein ungeklärter Zustand. Assistive Programme müssen selbst entscheiden, wie sie mit dem Bild umgehen. Die saubere Entscheidung lautet daher: Inhaltliches Bild beschreiben, dekoratives Bild bewusst mit leerem Alt-Attribut kennzeichnen.
6. Gute Alt-Texte richtig formulieren
Ein guter Alt-Text ist so lang wie nötig und so kurz wie möglich. Eine starre Zeichenzahl hilft wenig, weil ein einfaches Produktfoto weniger Erklärung benötigt als ein Diagramm. Meist genügt ein präziser Satz oder eine kompakte Wortgruppe.
6.1 Beispiele für gute Beschreibungen
| Bild | Ungeeigneter Alt-Text | Bessere Beschreibung |
|---|---|---|
| Schwarzer Lederschuh | Schuh günstig kaufen Onlineshop | Schwarzer Herren-Halbschuh aus Glattleder |
| Auswertung im Dashboard | Screenshot SEO | Dashboard mit fehlenden Alt-Texten nach betroffener Seite |
| Montageanleitung | Anleitung | Schraube wird von unten in die Tischplatte eingesetzt |
| Dekorative Wellenlinie | Blaue geschwungene Linie | alt="" |
Für funktionale Bilder gilt eine zusätzliche Regel: Beschreibe die Aktion oder das Ziel. Wenn ein Lupen-Icon eine Suche öffnet und kein sichtbarer Text vorhanden ist, muss die zugängliche Bezeichnung Suche öffnen vermitteln. Das Aussehen der Lupe ist zweitrangig.
7. Alt-Texte direkt beim Upload pflegen
Der zuverlässigste Prozess beginnt beim Einfügen des Bildes. Wer Alt-Texte auf eine spätere Nachpflege verschiebt, baut innerhalb weniger Monate einen Bestand aus unklaren Dateinamen, doppelten Beschreibungen und leeren Feldern auf. Bei einem Magazin, Shop oder Standortportal wird daraus schnell eine Aufgabe über viele Seitentypen.
In Redaktionsabläufen kippt die Qualität meist an einer einfachen Stelle: Der Texter liefert das Bild, der Entwickler baut das Template und niemand besitzt die klare Zuständigkeit für die Beschreibung. Lege deshalb fest, dass ein inhaltliches Bild erst als fertig gilt, wenn Dateiname, Alt-Text und gegebenenfalls Bildunterschrift geprüft sind.
Bei bestehenden Websites beginnt die systematische Onpage-Nachpflege mit einer Liste der betroffenen URLs. Priorisiere Produktbilder, Infografiken, Anleitungen und stark besuchte Seiten. Dekorative Elemente werden anschließend bewusst als solche gekennzeichnet.
8. So gehen wir vor
Bei der OSG prüfen wir fehlende und leere Alt-Attribute seitenbezogen, statt lediglich eine Gesamtzahl auszugeben. Dadurch lässt sich unterscheiden, ob ein einzelnes Template hunderte Bilder betrifft oder ob redaktionelle Einzelfehler vorliegen. Der Crawler übernimmt die Fleißarbeit, die fachliche Entscheidung bleibt beim Team: Welches Bild braucht eine Beschreibung, welches ist dekorativ und welche Seiten werden zuerst bearbeitet?
Bei neuen Projekten verankern wir diese Entscheidung in den Redaktions- und Freigabeprozess. Bei einem Relaunch oder einer neuen Website gehört sie bereits in die barrierearme technische Umsetzung. So entstehen Alt-Texte dort, wo der Bildkontext noch klar ist, und nicht Monate später anhand kryptischer Dateinamen.
9. Häufige Fragen zu Alt-Texten
Was ist ein Alt-Text bei einem Bild?
Ein Alt-Text ist eine alternative Textbeschreibung im HTML-Code eines Bildes. Screenreader können diese Beschreibung vorlesen. Browser können sie außerdem anzeigen, wenn die Bilddatei nicht geladen wird.
Braucht jedes Bild einen Alt-Text?
Jedes Bild braucht eine bewusste Alt-Entscheidung. Inhaltlich relevante Bilder erhalten eine verständliche Beschreibung. Rein dekorative Bilder werden in der Regel mit einem leeren Alt-Attribut gekennzeichnet.
Wie lang sollte ein Alt-Text sein?
Ein Alt-Text sollte den relevanten Bildinhalt so knapp wie möglich erklären. Eine starre Zeichenzahl gibt es nicht. Für einfache Bilder genügt häufig eine kurze Wortgruppe, komplexe Grafiken benötigen zusätzlich eine Erklärung im sichtbaren Seiteninhalt.
Soll das Keyword in den Alt-Text?
Ein Keyword gehört nur dann in den Alt-Text, wenn es das Bild natürlich und präzise beschreibt. Eine künstliche Wiederholung von Suchbegriffen verschlechtert die Verständlichkeit und bietet keinen verlässlichen Rankingvorteil.
Was ist der Unterschied zwischen Alt-Text und Bildunterschrift?
Der Alt-Text vermittelt die Bildinformation vor allem für Screenreader und bei Ladefehlern. Eine Bildunterschrift ist für alle Nutzer sichtbar und kann das Bild erklären, einordnen oder um eine Quelle ergänzen.
Was passiert, wenn ein Bild keinen Alt-Text hat?
Ohne Alt-Text fehlt blinden und sehbehinderten Nutzern möglicherweise eine relevante Information. Suchmaschinen erhalten außerdem weniger Kontext und bei einem Ladefehler steht keine hilfreiche Ersatzbeschreibung bereit.
Wo wird der Alt-Text eingetragen?
Der Alt-Text steht im alt-Attribut des HTML-Bildelements. In den meisten Content-Management-Systemen lässt er sich beim Hochladen oder Bearbeiten eines Bildes in einem eigenen Feld eintragen.
Die beste Alt-Text-Strategie ist kein nachträgliches SEO-Projekt. Beschreibe jedes relevante Bild direkt beim Einfügen aus Sicht eines Nutzers, der es nicht sehen kann. Damit verbesserst du die Zugänglichkeit, schaffst klare Bildinformationen und lieferst Suchmaschinen zugleich den sinnvollsten Kontext.
Wenn du prüfen möchtest, wie Alt-Texte und weitere Onpage-Signale auf deiner Website umgesetzt sind, ordnen wir die Befunde nach Seitentyp und tatsächlichem Handlungsbedarf ein. Das Erstgespräch ist kostenlos, unverbindlich und ohne Verkaufsdruck.
Keine Kommentare vorhanden