Was ist ein Alt-Text?
Kurzantwort
Ein Alt-Text ist eine kurze Textbeschreibung eines Bildes. Er wird von Screenreadern vorgelesen und kann erscheinen, wenn die Bilddatei nicht geladen wird. Ein guter Alt-Text beschreibt sachlich die Information, die das Bild im Seitenkontext vermittelt. Für Suchmaschinen liefert er zusätzliche Hinweise zum Bildinhalt.
Der Alt-Text dient zuerst der Barrierefreiheit. SEO ist ein nützlicher Nebeneffekt. Du erfährst, welche Inhalte hineingehören, wie gute und schlechte Beispiele aussehen, wann ein leeres Alt-Attribut richtig ist und wie du fehlende Angaben auf einer Website systematisch findest.
1. Alt-Text: Definition und Zweck
Der Bild-Alt-Text ist der Wert des HTML-Attributs alt innerhalb eines Bild-Tags. Ein einfaches Beispiel lautet: <img src='bergsee.jpg' alt='Bergsee vor schneebedeckten Gipfeln'>. Der Browser, ein Screenreader und eine Suchmaschine können diese Textinformation auslesen.
Der wichtigste Zweck ist die Barrierefreiheit. Blinde und sehbehinderte Menschen nutzen häufig Screenreader, die Textinhalte einer Website vorlesen. Ohne Alt-Text bleibt bei einem inhaltlich relevanten Bild oft nur die Information, dass sich an dieser Stelle eine Grafik befindet. Der eigentliche Inhalt geht verloren. Der Text kann außerdem als Alternative erscheinen, wenn eine Bilddatei nicht geladen werden kann.
Alt-Texte gewinnen zusätzlich an rechtlichem Gewicht, weil digitale Barrierefreiheit für immer mehr Unternehmen verbindlich wird. Unabhängig von der konkreten Pflicht ist die Priorität klar: Wenn ein Bild Informationen transportiert, müssen diese Informationen auch ohne visuelle Wahrnehmung zugänglich sein.
2. Was gehört in den Alt-Text?
In den Alt-Text gehört eine sachliche Beschreibung der Information, die das Bild für die jeweilige Seite liefert. Beschreibe so knapp wie möglich und so genau wie nötig, was zu sehen ist. Entscheidend ist der Kontext: Dasselbe Bild kann auf zwei Seiten einen unterschiedlichen Alt-Text benötigen.
Ein Foto zeigt beispielsweise eine Person an einer Maschine. Auf einer Karriereseite könnte der relevante Alt-Text „Industriemechanikerin bei der Wartung einer Produktionsanlage“ lauten. In einer Anleitung zur Arbeitssicherheit wäre möglicherweise „Mitarbeiterin prüft die Schutzabdeckung der Fräsmaschine“ passender. Das Motiv bleibt gleich, aber die Aussage des Bildes ändert sich.
Der Telefon-Test
Beschreibe das Bild so, als würdest du es jemandem am Telefon erklären. Nenne genau das Detail, das die Person verstehen muss, um den Inhalt der Seite vollständig zu erfassen. Informationen, die bereits unmittelbar daneben im Text stehen, musst du nicht vollständig wiederholen.
2.1 Diese Informationen sind sinnvoll
Eine feste Zeichenzahl gibt es nicht, die jeden Fall korrekt löst. Häufig reicht ein kurzer Satz. Ein Produktfoto benötigt vielleicht sechs Wörter, während ein Diagramm eine etwas längere Aussage verlangt. Wenn du mehrere Nebensätze brauchst, sollte die ausführliche Erklärung in den normalen Seiteninhalt und der Alt-Text nur deren Kernaussage vermitteln.
3. Was ist ein guter Alt-Text?
Ein guter Alt-Text ist konkret, verständlich und auf die Funktion des Bildes abgestimmt. Er beginnt nicht mit „Bild von“ oder „Foto von“, weil ein Screenreader meist bereits mitteilt, dass es sich um ein Bild handelt. Ausnahmen sind möglich, wenn die Darstellungsform selbst relevant ist, etwa bei einem Gemälde, einem historischen Foto oder einer technischen Zeichnung.
| Bildsituation | Guter Alt-Text | Ungeeigneter Alt-Text |
|---|---|---|
| Roter Laufschuh im Onlineshop | Roter Herren-Laufschuh Modell Sprint 4 in Seitenansicht | Schuh Laufschuh kaufen günstig Sportschuhe rot |
| Team bei einer Beratung | Berater und Kunde besprechen eine Website-Analyse am Bildschirm | Meeting Büro Menschen |
| Balkendiagramm | Organischer Traffic steigt von Januar bis Juni kontinuierlich | SEO-Diagramm |
Der typische Kipppunkt entsteht bei großen Bildbeständen. Ein Onlineshop übernimmt automatisch Produktname, Kategorie und sämtliche Keyword-Varianten in jedes Alt-Attribut. Technisch sind danach alle Felder gefüllt, für den Nutzer entsteht aber eine vorgelesene Wortliste. Ein gefülltes Alt-Attribut ist noch kein gutes Alt-Attribut. Prüfe deshalb mindestens Vorlagen, Kategoriebezeichnungen und Sonderzeichen an echten Produktseiten.
Eine reine Aneinanderreihung von Suchbegriffen ist kein guter Alt-Text. Keyword-Stuffing hilft weder Screenreadern noch Kunden und kann manipulativ wirken. Ein Keyword gehört nur hinein, wenn es das sichtbare Motiv natürlich und treffend bezeichnet.
4. Was bedeutet Alt-Text für SEO?
Im SEO hilft der Alt-Text Suchmaschinen dabei, ein Bild und dessen Zusammenhang mit dem Seiteninhalt zu verstehen. Das ist besonders für die Bildersuche relevant. Als allgemeiner Rankingfaktor für eine komplette Webseite ist das Alt-Attribut jedoch schwach. Ein fehlender Alt-Text erklärt selten allein, warum eine Seite schlechte organische Rankings erzielt.
Die ehrliche Priorisierung lautet deshalb: Schreibe Alt-Texte für Menschen. Wenn eine passende Suchanfrage das Motiv präzise beschreibt, darf sie natürlich vorkommen. Wer den Text primär für Suchmaschinen verfasst, produziert häufig steife oder überladene Beschreibungen. Wer ihn für Menschen schreibt, liefert meist zugleich die klarsten Signale für Suchmaschinen.
Bei einem verlinkten Bild besitzt das Alt-Attribut eine zusätzliche Funktion: Es kann für Screenreader die Aufgabe des sonst fehlenden Linktextes übernehmen. Ein Logo, das zur Startseite führt, braucht daher beispielsweise eine verständliche Bezeichnung wie „Firmenname, zur Startseite“.
5. Wann bleibt das Alt-Attribut leer?
Rein dekorative Bilder erhalten ein leeres Alt-Attribut: alt=''. Dazu zählen Schmuckgrafiken, Trennlinien oder Hintergrundmotive ohne Informationswert. Das leere Attribut signalisiert einem Screenreader, dass das Bild übersprungen werden darf. Das alt-Attribut sollte trotzdem vorhanden sein.
Diese Unterscheidung wird in der Umsetzung oft übersehen. Eine Stockfoto-Person, die nur eine farbige Fläche auflockert, benötigt keine vorgelesene Beschreibung ihrer Kleidung. Zeigt dasselbe Foto jedoch den tatsächlichen Ansprechpartner eines Unternehmens, vermittelt es eine relevante Information und braucht eine passende Beschreibung.
Wenn du deine Website umfassender prüfen möchtest, kannst du mit einem kostenlosen Audit technische und inhaltliche Ausgangspunkte sammeln.
6. Fehlende Alt-Texte systematisch finden
Bei zehn Bildern kannst du den Quellcode einzeln prüfen. Bei mehreren hundert Seiten funktioniert diese Methode nicht mehr zuverlässig. Typische Fehler liegen außerdem nicht nur in komplett fehlenden Attributen. Es gibt leere Angaben an inhaltlichen Bildern, identische Texte für verschiedene Motive und externe Bilder, deren Alt-Attribute bei der redaktionellen Kontrolle übersehen wurden.
Der Technik-Crawler der Performance Suite prüft solche Fehler automatisiert und listet Bilder ohne Alt-Text je Seite auf. Die zugrunde liegenden Technik-Checks unterscheiden unter anderem zwischen fehlenden und leeren Angaben sowie zwischen internen und extern eingebundenen Bildern. Damit landet die Aufgabe direkt bei der betroffenen URL, statt als unsortierte Bildliste im Projekt zu bleiben.
Der Fehler, der bei Audits am meisten Zeit kostet, ist selten das Erkennen eines leeren Feldes. Es ist die anschließende Entscheidung: Welches Bild ist dekorativ, welches inhaltlich, und welche Information fehlt? Ein Crawler liefert die Arbeitsliste. Die redaktionelle Bewertung bleibt notwendig. Bearbeite zuerst zentrale Produktseiten, Leistungsseiten und stark besuchte Ratgeber, bevor du austauschbare Archivbilder optimierst.
Für eine breitere Prüfung kannst du zusätzlich den kostenlosen SEO-Check nutzen. Weitere technische und redaktionelle Begriffe findest du im SEO-Lexikon von seoagentur.de.
7. So gehen wir vor
Bei der Onpage-Optimierung lassen wir zunächst relevante Bilder ohne Alt-Text je URL erfassen. Danach trennt unser Team dekorative, funktionale und inhaltliche Bilder. Für wiederkehrende Produkttypen definieren wir Regeln, individuelle Grafiken und wichtige Seitenelemente werden redaktionell geprüft. So entsteht ein umsetzbarer Prozess statt einer langen Fehlerliste ohne Priorität.
Gerade bei Shops und umfangreichen Unternehmensseiten sollte die Verantwortung klar sein: Entwickler stellen das Attribut technisch bereit, Redakteure formulieren die Beschreibung und SEO-Verantwortliche kontrollieren Vorlagen sowie auffällige Muster. Diese Aufteilung verhindert, dass automatisch erzeugte Keyword-Ketten unbemerkt auf Tausenden Seiten erscheinen.
8. Häufige Fragen zu Bildbeschreibungen
Was steht im Alt-Text eines Bildes?
Im Alt-Text steht die Information, die das Bild im Kontext der Seite vermittelt. Beschreibe das zentrale Motiv, eine relevante Handlung und wichtige Eigenschaften so kurz und genau wie möglich.
Wie sieht ein guter Alt-Text aus?
Ein guter Alt-Text ist konkret, sachlich und ohne Keyword-Ketten formuliert. Ein passendes Beispiel ist: Roter Herren-Laufschuh Modell Sprint 4 in Seitenansicht.
Wie lang sollte ein Alt-Text sein?
Der Alt-Text sollte meist aus einem kurzen Satz bestehen. Es gibt keine feste optimale Zeichenzahl. Die Beschreibung ist lang genug, sobald ein Nutzer die relevante Aussage des Bildes versteht.
Braucht jedes Bild einen Alt-Text?
Jedes Bild sollte ein Alt-Attribut besitzen. Inhaltliche Bilder brauchen eine Beschreibung. Bei rein dekorativen Bildern bleibt das Attribut leer, damit Screenreader das Motiv überspringen können.
Wie wichtig sind Alt-Texte für SEO?
Alt-Texte helfen Suchmaschinen, Bilder zu verstehen, und sind vor allem für die Bildersuche relevant. Für das allgemeine Ranking einer Webseite sind sie nur ein schwaches Signal.
Darf ein Keyword im Alt-Text stehen?
Ein Keyword darf vorkommen, wenn es das sichtbare Bild natürlich beschreibt. Eine Aneinanderreihung mehrerer Suchbegriffe verschlechtert die Verständlichkeit und ist kein sinnvoller SEO-Ansatz.
Wo wird der Alt-Text eingetragen?
Der Alt-Text wird im alt-Attribut des HTML-Bild-Tags hinterlegt. In den meisten Content-Management-Systemen kannst du ihn über die Mediathek oder direkt im Bildeditor eintragen.
9. Menschen geben die Priorität vor
Behandle den Alt-Text nicht als Feld, das für einen grünen SEO-Score gefüllt werden muss. Frage bei jedem Bild, welche Information ohne visuelle Wahrnehmung fehlen würde. Diese Antwort gehört in das Alt-Attribut. Ein kurzer Telefon-Test liefert dabei meist bessere Ergebnisse als eine Keyword-Liste.
Du möchtest fehlende Alt-Texte und weitere Onpage-Potenziale priorisieren? Im kostenlosen Erstgespräch prüfen wir gemeinsam, welche Maßnahmen für deine Website sinnvoll sind. Die Beratung ist unverbindlich und ohne Verkaufsdruck.
Keine Kommentare vorhanden