Alt-Text

TL;DR — Alt-Text ist ein kurzer Ersatztext, den Sie einem Bild hinzufügen, damit Menschen, die es nicht sehen können, und Suchmaschinen seinen Zweck verstehen. Er steht im alt-Attribut des <img>-Elements. Er fließt in die Barrierefreiheit ein, garantiert allein aber keine vollständige Konformität, und hilft Bildern, in der Bildersuche zu erscheinen. Beschreiben Sie, welche Funktion das Bild auf dieser Seite erfüllt, nicht nur, was es zeigt; vermeiden Sie Keyword-Stuffing; verwenden Sie für rein dekorative Bilder ein leeres alt=""; und beschreiben Sie bei Symbolschaltflächen und verlinkten Bildern stattdessen die Aktion oder das Ziel.

Was Alt-Text ist

Wenn Sie ein Bild auf einer Webseite einfügen, sieht der Code so aus:

<img src="dalmatian-puppy.jpg" alt="Dalmatian puppy playing fetch in a park">

Der Teil alt="..." ist der Alt-Text — kurz für Alternativtext. Er dient als schriftlicher Ersatz für das Bild: eine kurze Beschreibung dessen, was das Bild zeigt oder bewirkt. Wenn das Bild nicht gesehen werden kann, wird stattdessen der Alt-Text verwendet.

Häufig wird er als „alt tag“ bezeichnet. Das ist der gebräuchliche Name, aber nicht ganz korrekt — <img> ist der Tag, und alt ist ein Attribut dieses Tags. Hier verwende ich „Alt-Text“ und „alt-Attribut“; wer „alt-Tag“ sagt, wird aber ebenfalls verstanden.

Guter Alt-Text folgt keiner festen Beschreibungsvorlage — entscheidend ist, welche Funktion das Bild auf der jeweiligen Seite erfüllt, nicht nur sein sichtbarer Inhalt. Dasselbe Foto kann an einer anderen Stelle einen anderen Alt-Text oder gar keinen beschreibenden Text benötigen, je nachdem, was es vermitteln soll und was der umgebende Text bereits aussagt.

Warum er wichtig ist

Alt-Text erfüllt zwei wichtige Aufgaben:

• Barrierefreiheit. Blinde und sehbehinderte Menschen nutzen Screenreader, die Seiten vorlesen. Trifft der Screenreader auf ein Bild, liest er dessen Alt-Text vor. Ohne Alt-Text erhalten sie keine nützliche Information — oder schlimmer noch, das Gerät liest den Dateinamen des Bildes vor. Das ist nicht bloß wünschenswert: Fehlender Alt-Text gehört zu den häufigsten Beanstandungen in Klagen zur Barrierefreiheit von Websites.
• Bilder-SEO. Suchmaschinen können ein Bild nicht auf dieselbe Weise „sehen“ wie Menschen. Über den Alt-Text teilen Sie Google und Bing hauptsächlich mit, worum es auf einem Bild geht, damit es in der Bildersuche erscheinen kann.

So schreiben Sie guten Alt-Text

Einige einfache Regeln:

• Beschreiben Sie den tatsächlichen Bildinhalt im Kontext Ihrer Seite. „Dalmatinerwelpe spielt in einem Park Apportieren“ ist gut. „Welpe Hund Hündchen Hunde Hundis“ ist Keyword-Stuffing — vermeiden Sie das.
• Beginnen Sie nicht mit „Bild von“ oder „Foto von“. Suchmaschinen und Screenreader wissen bereits, dass es ein Bild ist. Beschreiben Sie es direkt.
• Fassen Sie sich kurz. Eine Wortgruppe oder ein Satz genügt; ein Absatz ist nicht nötig.
• Verwenden Sie für dekorative Bilder ein leeres alt="". Ist ein Bild nur eine Trennlinie oder eine Hintergrundverzierung ohne Informationswert, geben Sie ihm alt="" (ohne Inhalt zwischen den Anführungszeichen). Dadurch wird es von Screenreadern übersprungen. Lassen Sie das alt-Attribut nicht vollständig weg — das ist schlechter. Der Test: Fügt das Bild keine Information hinzu, die nicht bereits an anderer Stelle auf der Seite steht, ist es dekorativ.
• Beschreiben Sie bei reinen Symbolschaltflächen und Steuerelementen die Aktion, nicht das Symbol. Eine Suchschaltfläche mit Lupensymbol sollte alt="Search" statt alt="Magnifying glass" tragen — Nutzende müssen wissen, was beim Aktivieren geschieht.

Was die meisten falsch verstehen

Alt-Text hilft vor allem der Bildersuche, nicht den Rankings in der regulären Websuche. Viele Leitfäden erwecken den Eindruck, Alt-Text für Bilder verbessere die Position einer Seite in normalen Suchergebnissen. So funktioniert es nicht — Googles John Mueller hat dies oft erklärt. Alt-Text unterstützt die Auffindbarkeit von Bildern in der Bildersuche und fügt der Seite etwas Text hinzu, ist aber kein magischer Ranking-Hebel für die Websuche.

Sie möchten die genaue Fassung — mit den wörtlichen Google-Zitaten, der Abgrenzung zwischen Bilder- und Websuche, dekorativen und verlinkten Bildern sowie der Suche nach fehlendem Alt-Text in großem Maßstab? Wechseln Sie zum Tab Fortgeschritten.

TL;DR — Alt-Text ist der Wert des alt-Attributs eines <img>-Elements — in HTML vorgeschrieben, für Barrierefreiheit notwendig und der wichtigste Teil der Bildmetadaten für die Suche. Die von vielen Leitfäden verfehlte Nuance: Er wirkt sich vor allem auf die Bildersuche aus, nicht auf Rankings in der Websuche (wie Mueller wiederholt erklärte). Google liest ihn zusammen mit Computer Vision und dem Seitenkontext. Schreiben Sie deshalb für den Kontext, nicht nur eine Beschreibung. Vermeiden Sie Keyword-Stuffing und den Einstieg „Bild von“, und verwenden Sie bei dekorativen Bildern alt="" (statt das Attribut wegzulassen). Bei einem verlinkten Bild dient Alt-Text als Anchor Text. Google setzt keine Zeichenbegrenzung; 155 Zeichen sind eine Schreibrichtlinie. Fehlender Alt-Text ist das häufigste technische Problem im Web — 80,4 % der Websites haben mindestens einen Fall.

Was Alt-Text tatsächlich ist

Alt-Text ist der Wert des alt-Attributs eines HTML-<img>-Elements:

<img src="dalmatian-puppy.jpg" alt="Dalmatian puppy playing fetch">

Er ist ein kurzer Textersatz für das Bild — für Screenreader-Nutzende, Crawler und Browser, in denen das Bild deaktiviert ist oder nicht geladen werden kann. Eine terminologische Feinheit: Häufig heißt er „alt tag“, doch das ist eine Fehlbezeichnung. Der Tag ist <img>; alt ist ein Attribut dieses Tags. Die Bezeichnung ist so fest verankert, dass ich nicht dagegen ankämpfe; präzise heißt es jedoch alt-Attribut, und der darin enthaltene Text ist der Alt-Text.

Das alt-Attribut ist laut HTML-Spezifikation für <img>-Elemente vorgeschrieben. Es vollständig wegzulassen ist ein Konformitätsfehler. Ein leerer Wert (alt="") ist gültig und bedeutungsvoll — damit wird ein dekoratives Bild korrekt gekennzeichnet (mehr dazu unten).

Die Wahl des Textes folgt keinem universellen Beschreibungsrezept. Der richtige Alt-Text hängt vom Zweck des Bildes an dieser konkreten Stelle der Seite ab — nicht von einer wörtlichen Bestandsaufnahme dessen, was im Bild zu sehen ist. Dasselbe Bild kann je nach Position und bereits durch den umgebenden Inhalt vermittelter Information berechtigterweise einen anderen oder leeren Alt-Text brauchen; losgelöst vom Kontext gibt es keine einzige „richtige“ Bildunterschrift.

Alt-Text erfüllt zwei verschiedene SEO-Aufgaben — eine davon wird überbewertet

Diese Unterscheidung verwischen die meisten Leitfäden zu „Alt-Text für SEO“, und hier liegt der eigentliche Wert dieser Seite. Alt-Text bewirkt für die Suche zwei verschiedene Dinge:

1. Er fügt der Seite Text hinzu. Google zählt Alt-Text zum On-Page-Text. Mueller: “The alt text is essentially shown when the images are turned off in most browsers, so that’s something that we would count as part of the on-page text.” (Übersetzung) „Der Alt-Text wird im Wesentlichen angezeigt, wenn Bilder in den meisten Browsern deaktiviert sind; daher würden wir ihn als Teil des On-Page-Texts werten.“ Das ist real, aber von geringer Bedeutung.

2. Er signalisiert für die Bildersuche, worum es in einem Bild geht. Das ist seine Hauptaufgabe. Googles eigene Dokumentation nennt Alt-Text “the most important attribute” (Übersetzung) „das wichtigste Attribut“ zur Bereitstellung von Bildmetadaten. Mueller verortet seine Wirkung in der Bildersuche: “if someone is searching in Google Images for something that kind of matches the alt text, then we can use that to understand that your image is relevant.” (Übersetzung) „Wenn jemand in Google Bilder nach etwas sucht, das ungefähr zum Alt-Text passt, können wir daraus ableiten, dass Ihr Bild relevant ist.“

Das Entscheidende: Das Hinzufügen von Alt-Text lässt eine Seite nicht allein deshalb in der Websuche höher ranken, weil sie Bilder enthält. Mueller sagte direkt: “It’s not the case that we would say a textual webpage has more value because it has images. It’s really just we see the alt text and we apply that to the image, and if someone searches for the image we can use that to better understand the image.” (Übersetzung) „Es ist nicht so, dass wir einer textbasierten Webseite wegen ihrer Bilder mehr Wert zuschreiben würden. Wir sehen lediglich den Alt-Text und ordnen ihn dem Bild zu; sucht jemand nach dem Bild, können wir es damit besser verstehen.“

Wenn Ihr Ziel also Sichtbarkeit in der Bildersuche und der daraus entstehende Referral-Traffic ist, hat Alt-Text großes Gewicht. Wenn Sie hoffen, allein mit Alt-Text die Web-Rankings Ihrer Seite zu verbessern, nutzen Sie das falsche Werkzeug. Diesen Punkt mache ich auch in meinem Beitrag zu JavaScript SEO: Für die Websuche zählt Alt-Text als On-Page-Text, seine Bedeutung wird aber oft übertrieben — der eigentliche Nutzen liegt in Bildersuche und Barrierefreiheit.

Google verwendet nicht nur dieses Signal

Alt-Text wird nicht isoliert gelesen. Google: “Google uses alt text along with computer vision algorithms and the contents of the page to understand the subject matter of the image.” (Übersetzung) „Google nutzt Alt-Text zusammen mit Computer-Vision-Algorithmen und den Inhalten der Seite, um den Gegenstand des Bildes zu verstehen.“ Computer Vision erkennt bereits einen Strand. Aufgabe des Alt-Texts ist, was das Modell nicht erschließen kann — den Kontext: Warum steht dieses Bild auf dieser Seite, und was bedeutet es hier? Deshalb trifft Muellers Rat von 2024 den Punkt: KI, die “photo of a beach” (Übersetzung) „Foto eines Strandes“ ausgibt, beschreibt zwar die Pixel, verschenkt aber die Chance, denn “the alt-text is unique in that it’s what directly connects the image to the page with context.” (Übersetzung) „Der Alt-Text ist einzigartig, weil er das Bild unmittelbar und mit Kontext mit der Seite verbindet.“ Dasselbe Strandfoto kann auf einer Surfseite, in einem Immobilienangebot und in einem Klimaartikel jeweils einen anderen Alt-Text benötigen.

Barrierefreiheit — und die rechtlichen Folgen

Bevor Alt-Text ein SEO-Asset ist, ist er eine Anforderung der Barrierefreiheit. WCAG 2.x Success Criterion 1.1.1 (Non-text Content), Level A verlangt eine Textalternative für Nicht-Text-Inhalte. Screenreader-Nutzende sind darauf angewiesen; ohne sie bleibt ein Bild eine Leerstelle auf der Seite, und bei fehlendem alt-Attribut können manche Screenreader stattdessen den rohen Dateinamen ansagen.

Dies ist eines von Dutzenden Erfolgskriterien. Korrekter Alt-Text erfüllt 1.1.1 für Ihre Bilder, begründet allein jedoch weder vollständige WCAG-Konformität noch ADA-Konformität einer Seite oder Website. Dafür gelten weitere Kriterien, etwa Farbkontrast, Tastaturbedienung, Formularbeschriftungen und Überschriftenstruktur. Behandeln Sie Alt-Text als notwendigen Bestandteil der Barrierefreiheit, nicht als deren Gesamtheit.

Das hat Konsequenzen. Fehlende alt-Attribute werden regelmäßig in Klagen zur Barrierefreiheit von Websites nach dem ADA angeführt, von denen es in den USA jährlich Tausende gibt. Wie ich in meinem JavaScript-SEO-Leitfaden schreibe: “missing alt attributes are an accessibility issue, which may turn into a legal issue.” (Übersetzung) „Fehlende alt-Attribute sind ein Problem der Barrierefreiheit, das zu einem rechtlichen Problem werden kann.“ Damit wird die Priorität klar: zuerst Konformität, dann SEO. Deshalb kennzeichnen SEO-Crawler, einschließlich Ahrefs Site Audit, fehlenden Alt-Text als technisches Problem.

So schreiben Sie wirksamen Alt-Text

• Beginnen Sie mit Kontext, nicht mit einer Bildunterschrift. Beschreiben Sie, was das Bild für die Seite bedeutet, nicht nur seinen sichtbaren Inhalt. Mueller zur Bildersuche: “you don’t necessarily need to describe exactly what is in the image, but rather kind of like what this image means for your particular page.” (Übersetzung) „Sie müssen nicht unbedingt genau beschreiben, was auf dem Bild zu sehen ist, sondern eher, was dieses Bild für Ihre konkrete Seite bedeutet.“
• Beginnen Sie nicht mit „Bild von“ oder „Foto von“. Googles Lizzi Sassman: “We already are aware that it’s an image. You don’t need to say, ‘It’s an image of’ and then the thing.” (Übersetzung) „Wir wissen bereits, dass es ein Bild ist. Sie müssen nicht ‚Es ist ein Bild von‘ sagen und dann das Motiv nennen.“ Eine beschreibende Wortgruppe genügt; es muss kein vollständiger Satz sein.
• Verwenden Sie Keywords natürlich und betreiben Sie nie Stuffing. Google: “focus on creating useful, information-rich content that uses keywords appropriately and is in context.” (Übersetzung) „Konzentrieren Sie sich auf nützliche, informationsreiche Inhalte, die Keywords angemessen und im Kontext verwenden.“ Dazu die Warnung: “Avoid filling alt attributes with keywords… as it results in a negative user experience and may cause your site to be seen as spam.” (Übersetzung) „Vermeiden Sie es, alt-Attribute mit Keywords zu füllen, da dies zu einer schlechten Nutzererfahrung führt und Ihre Website als Spam erscheinen lassen kann.“ Gary Illyes formulierte es deutlich: Der Alt-Text “shouldn’t be what you want to rank for, but what’s in the image.” (Übersetzung) „sollte nicht das sein, wofür Sie ranken möchten, sondern das, was auf dem Bild zu sehen ist.“
• Kopieren Sie nicht den umgebenden Absatz in den Alt-Text. Mueller: “I wouldn’t just blindly copy and paste the same text that you already have on a page as an alt text.” (Übersetzung) „Ich würde nicht einfach blind denselben Text, der bereits auf einer Seite steht, als Alt-Text kopieren und einfügen.“ Das alt-Attribut bietet eine einzigartige Chance für zusätzlichen Kontext, nicht für ein Duplikat.
• Google hat keine Zeichenbegrenzung. Mueller: “we don’t have any guidelines with regards to how long your alt text can be.” (Übersetzung) „Wir haben keine Richtlinien dazu, wie lang Ihr Alt-Text sein darf.“ Die oft genannten „125 Zeichen“ stammen aus Accessibility-Tools; Googles Developer Style Guide empfiehlt höchstens 155 Zeichen als Schreibrichtlinie, nicht als harte Grenze. Fassen Sie sich kurz, weil lange Beschreibungen den Lesefluss für Screenreader-Nutzende unterbrechen — nicht weil Google sie abschneidet.
• Verwenden Sie für wiederholte Bilder konsistent denselben Alt-Text. Erscheint dasselbe Bild an mehreren Stellen, geben Sie ihm denselben Alt-Text.

Dekorative Bilder: alt="" statt eines fehlenden alt

Für rein dekorative Bilder — Abstandhalter, Trennlinien oder Hintergrundverzierungen ohne Informationsgehalt — ist ein leeres alt-Attribut das richtige Muster:

<img src="divider.svg" alt="">

alt="" teilt assistiven Technologien mit, dass das Bild dekorativ ist und übersprungen werden soll. Das ist nicht dasselbe wie das Weglassen des Attributs. Ein vollständig fehlendes alt verstößt gegen die HTML-Spezifikation und kann dazu führen, dass manche Screenreader den Dateinamen vorlesen. Daher gilt: Dekorative Bilder erhalten alt="" (leerer Wert vorhanden), nie ein fehlendes Attribut und nie eine Beschreibung. Wie ich es in meinem JavaScript-SEO-Leitfaden formuliere: Für Bilder im Hauptinhalt sollte Alt-Text ergänzt werden; bei Platzhalter- oder dekorativen Bildern kann er leer bleiben, also alt="".

Der Test für „dekorativ“ lautet: Fügt das Bild Informationen hinzu, die nicht bereits an anderer Stelle auf der Seite vermittelt werden — im umgebenden Text, in einer Bildunterschrift oder in der Seitenstruktur? Falls nicht, etwa bei einem Abstandhalter, einem neben gleichlautendem Text wiederholten Symbol oder einem reinen Stockfoto zur visuellen Ausschmückung, ist es dekorativ und erhält alt="". Liefert es eine Information, die nirgendwo sonst auf der Seite steht, ist es nicht dekorativ, unabhängig davon, wie klein oder stilisiert es aussieht.

Funktionale Bilder: Aktion statt Symbol beschreiben

Manche Bilder sind weder rein dekorativ noch einfache informative Abbildungen, sondern Steuerelemente: eine reine Symbolschaltfläche für die Suche, ein Hamburger-Menüsymbol oder eine Wiedergabeschaltfläche auf einem Video-Thumbnail. Bei ihnen sollte der Alt-Text beschreiben, was die Aktivierung bewirkt, nicht wie das Symbol aussieht.

<!-- Weak: describes the icon -->
<button><img src="magnifying-glass.svg" alt="Magnifying glass icon"></button>

<!-- Better: describes the action -->
<button><img src="magnifying-glass.svg" alt="Search"></button>

Wer per Screenreader „Lupensymbol“ hört, weiß nicht, was beim Aktivieren des Steuerelements geschieht; „Suchen“ macht es sofort verständlich. Dahinter steht dasselbe Prinzip wie bei den nachfolgend behandelten verlinkten Bildern: Alt-Text dient der Funktion des Bildes auf der Seite. Es gilt auch ohne beteiligtes <a>-Element.

Verlinkte Bilder: Alt-Text wird zum Anchor Text

Ist ein Bild ein Link, also in ein <a>-Element eingeschlossen, dient sein Alt-Text als Anchor Text für diesen Link. Google: “Alt text in images is useful as anchor text if you decide to use an image as a link.” (Übersetzung) „Alt-Text in Bildern ist als Anchor Text nützlich, wenn Sie ein Bild als Link verwenden.“ Ein reiner Bildlink mit leerem Alt-Text entspricht leerem Anchor Text. Das schadet sowohl der Barrierefreiheit, weil der Screenreader das Ziel nicht beschreiben kann, als auch dem Linksignal. Bei einem verlinkten Bild sollte der Alt-Text das Linkziel beschreiben, nicht nur den Bildinhalt.

Diese Aussage ist genau abzugrenzen: Google dokumentiert speziell die Verwendung von Alt-Text als Anchor Text für einen crawlbaren Link. Das ist enger als die vollständige Berechnung des „accessible name“, die Browser und assistive Technologien vornehmen und die auch aria-label, aria-labelledby oder umgebenden Linktext heranziehen kann. Alt-Text ist ein Eingangswert dieser weiter gefassten Berechnung, nicht deren Gesamtheit.

SVGs funktionieren anders

Inline-<svg>-Elemente besitzen kein alt-Attribut — dieses ist für <img> bestimmt. Verwenden Sie für einen zugänglichen Namen eines Inline-SVG ein <title>-Element, auf das aria-labelledby verweist:

<svg role="img" aria-labelledby="logo-title">
  <title id="logo-title">Acme Corp logo</title>
  <!-- paths… -->
</svg>

(Ein SVG, das über <img src="logo.svg"> eingebunden wird, nutzt wie jedes andere Bild ein normales alt-Attribut. Dies gilt nur für Inline-SVG-Markup.)

Zu vermeidende Anti-Patterns

• Keyword-Stuffing — das Spam-Signal, vor dem Google ausdrücklich warnt.
• Wörtliches Kopieren des umgebenden Absatzes in das alt-Attribut.
• Einstiege mit „Bild von“ oder „Foto von“ — sie sind redundant.
• Weglassen von alt bei dekorativen Bildern statt alt="" zu verwenden.
• KI-generierte Beschreibungen wie „Foto von X“, die den Seitenkontext ignorieren.
• Eintragen des Firmennamens in leere alt-Attribute. Mueller formulierte es deutlich: “It makes no sense, it seems like a waste of time to me: once wasted time to implement, and again wasted time to clean up later on.” (Übersetzung) „Es ergibt keinen Sinn und wirkt auf mich wie Zeitverschwendung: einmal verschwendete Zeit bei der Umsetzung und später erneut verschwendete Zeit beim Bereinigen.“
• Verwechslung von alt mit dem title-Attribut. Das title-Attribut wird als Tooltip beim Überfahren angezeigt; es ist kein Alt-Text und hat wenig Gewicht für SEO oder Barrierefreiheit.

Fehlenden Alt-Text finden und beheben

Fehlende alt-Attribute sind kein Randfall, sondern der übliche Fehlerzustand des Webs. In unserer Site-Audit-Studie mit mehr als einer Million Domains hatten 80,4 % der Websites auf mindestens einer Seite fehlende alt-Attribute. Damit war dies das häufigste von uns ermittelte technische SEO-Problem.

So finden Sie diese Fälle:

• Der Bericht Ahrefs Site Audit → Images kennzeichnet Bilder mit fehlenden alt-Attributen auf Ihrer Website. Ahrefs Webmaster Tools bietet dies für verifizierte Websites kostenlos.
• Manuelle Stichproben — untersuchen Sie das Element wichtiger Inhaltsbilder oder verwenden Sie eine Browser-Erweiterung für Barrierefreiheit.

Prioritätsreihenfolge bei der Behebung:

1. Zuerst Bilder im Hauptinhalt — sie transportieren Bedeutung und können Traffic aus der Bildersuche erzielen.
2. Verlinkte Bilder — leerer Alt-Text verursacht hier doppelte Kosten (Anchor Text und Barrierefreiheit).
3. Dekorative Bilder zuletzt — und die Lösung ist alt="", keine Beschreibung.

Ein Hinweis zu den Erwartungen: SearchPilots Split-Tests zum Hinzufügen von Alt-Text waren für Web-Rankings nicht eindeutig beziehungsweise statistisch nicht signifikant. Das entspricht dem obigen Punkt, dass der Nutzen von Alt-Text in Bildersuche und Barrierefreiheit liegt, nicht in einer Steigerung des Web-Rankings. Mueller beruhigte Websites, die bei null Abdeckung beginnen: “if you’re just adding alt text for the first time, then sometimes, even any alt text is better than nothing.” (Übersetzung) „Wenn Sie zum ersten Mal Alt-Text hinzufügen, ist manchmal selbst irgendein Alt-Text besser als gar keiner.“

Um es deutlich zu sagen: Nichts in diesem Beitrag begründet eine Garantie, dass die Korrektur von Alt-Text Rankings, Traffic oder KI-Zitationen um einen bestimmten Wert verändert. Keine geprüfte offizielle Quelle verspricht dies, und die obige Split-Test-Evidenz ist nicht eindeutig. Zuverlässig schließt Alt-Text eine Lücke der Barrierefreiheit und liefert dem Algorithmus von Google Bilder Metadaten, die er nach eigener Aussage verwendet.

Für das Gesamtbild — Dateinamen, Bild-Sitemaps, Lazy Loading, Formate und responsive Bilder — lesen Sie den übergeordneten Hub Bilder-SEO, zu dem dieser Artikel gehört.

KI-Zusammenfassung

Eine komprimierte Fassung der Advanced-Version:

• Definition: Alt-Text ist der Wert des alt-Attributs eines <img>-Elements — ein kurzer Textersatz nach Zweck und Kontext des Bildes, keine Pixelinventur. In HTML vorgeschrieben. Häufig fälschlich „alt tag“ genannt (<img> ist der Tag, alt das Attribut).
• Zwei SEO-Aufgaben, eine überbewertet: (1) Er fügt On-Page-Text hinzu — real, aber geringfügig; (2) er signalisiert der Bildersuche, worum es im Bild geht — der Hauptnutzen. Alt-Text verbessert nicht allein wegen vorhandener Bilder die Web-Rankings (wie Mueller wiederholt erklärte), und keine geprüfte offizielle Quelle verspricht dadurch Ranking-, Traffic- oder KI-Zitationsergebnisse.
• Nicht das einzige Signal: Google liest Alt-Text zusammen mit Computer Vision und Seitenkontext. Schreiben Sie daher für den Kontext — warum das Bild auf dieser Seite steht — statt nur “photo of a beach” (Übersetzung) „Foto eines Strandes“.
• Barrierefreiheit und Recht: WCAG 1.1.1 (Level A) verlangt eine Textalternative; fehlendes alt ist häufig Gegenstand von ADA-Klagen. 1.1.1 ist aber nur eines von Dutzenden Kriterien — Alt-Text allein begründet keine vollständige WCAG- oder ADA-Konformität. Konformität zuerst, SEO danach.
• Schreibregeln: Kontext zuerst; nicht mit „Bild von“ beginnen; Keywords natürlich verwenden (kein Stuffing, keine starre Formel); den umgebenden Absatz nicht kopieren; keine Google-Zeichenbegrenzung (155 Zeichen sind ein Ziel des Styleguides, keine Obergrenze).
• Dekorative Bilder: alt="" (leerer Wert vorhanden) — kein fehlendes Attribut und keine Beschreibung. Test: Fügt es Informationen hinzu, die nicht bereits anderswo vermittelt werden? Falls nicht, ist es dekorativ.
• Funktionale Bilder: Reine Symbolschaltflächen und Steuerelemente erhalten Alt-Text zur Aktion, nicht zum Aussehen des Symbols.
• Verlinkte Bilder: Alt-Text dient bei einem crawlbaren Link als Anchor Text — enger als die vollständige Berechnung des „accessible name“ durch assistive Technologien.
• SVG: Inline-SVGs verwenden <title> und aria-labelledby, nicht alt.
• Anti-Patterns: Keyword-Stuffing, Firmenname in leerem alt (Mueller: “a waste of time” (Übersetzung) „Zeitverschwendung“), Verwechslung von alt mit dem Tooltip-Attribut title.
• Ausmaß: 80,4 % der Websites haben mindestens ein fehlendes alt-Attribut — das häufigste technische Problem im Web. Prüfen Sie mit dem Images-Bericht von Ahrefs Site Audit; beheben Sie Inhaltsbilder zuerst und dekorative Bilder (alt="") zuletzt.

Offizielle Dokumentation

Primärquellen-Dokumentation der Suchmaschinen.

Google

• Best Practices für Google Bilder — die zentrale Referenz: Alt-Text als “the most important attribute” (Übersetzung) „das wichtigste Attribut“, die Warnung vor Keyword-Stuffing, Anchor Text bei Bildlinks sowie gute und schlechte Beispiele.
• SEO Starter Guide — beschreibender Alt-Text — Alt-Text als Text, der “explains the relationship between the image and your content” (Übersetzung) „die Beziehung zwischen dem Bild und Ihrem Inhalt erklärt“.
• Developer Documentation Style Guide — Alt-Text — die Schreibrichtlinie von 155 Zeichen, alt="" für dekorative Bilder, kein „Bild von“/„Foto von“ und Satzzeichen.
• Hilfreichen Alt-Text schreiben (Technical Writing) — Googles Anleitung zur Barrierefreiheit: kurz halten, im Kontext erklären, konsistenter Alt-Text für wiederholte Bilder.
• web.dev — Textalternativen für Bilder — beschreibender Alt-Text für wichtige Bilder, leeres alt="" für dekorative.

Bing / Microsoft

• Content-Architektur für SEO (SEM 101) — älterer Bing-Beitrag, der Bilder als “dead zones to a bot” (Übersetzung) „tote Zonen für einen Bot“ und alt-Attribute als Beschreibungsmittel einordnet (relevante Keywords nutzen, nicht erzwingen).
• Teil des Bing-Bildersuch-Ökosystems — Dateinamen und Alt-Text können eine Seite im Bilderkarussell sichtbar machen, selbst wenn sie in der Websuche nicht auf Seite eins rankt.

Zitate aus den Quellen

Öffentliche Aussagen von Google. Sofern eine Seite den Text bereitstellt, führt der Deep Link direkt zur zitierten Passage.

Google-Dokumentation — wozu Alt-Text dient

• “The most important attribute when it comes to providing more metadata for an image is the alt text… which also improves accessibility for people who can’t see images on web pages.” (Übersetzung) „Das wichtigste Attribut zur Bereitstellung weiterer Bildmetadaten ist der Alt-Text … der zugleich die Barrierefreiheit für Menschen verbessert, die Bilder auf Webseiten nicht sehen können.“ Zum Zitat
• “Google uses alt text along with computer vision algorithms and the contents of the page to understand the subject matter of the image.” (Übersetzung) „Google nutzt Alt-Text zusammen mit Computer-Vision-Algorithmen und den Seiteninhalten, um den Gegenstand des Bildes zu verstehen.“ Zum Zitat
• “Avoid filling alt attributes with keywords (also known as keyword stuffing) as it results in a negative user experience and may cause your site to be seen as spam.” (Übersetzung) „Vermeiden Sie es, alt-Attribute mit Keywords zu füllen (Keyword-Stuffing), da dies zu einer schlechten Nutzererfahrung führt und Ihre Website als Spam erscheinen lassen kann.“ Zum Zitat
• “Alt text in images is useful as anchor text if you decide to use an image as a link.” (Übersetzung) „Alt-Text in Bildern ist als Anchor Text nützlich, wenn Sie ein Bild als Link verwenden.“ Zum Zitat

John Mueller, Google — Alt-Text ist für die Bildersuche

• “When it comes to the alt text, we primarily use that to better understand the image. So if someone is searching in Google Images for something that kind of matches the alt text, then we can use that to understand that your image is relevant for that alt text on that specific page.” (Übersetzung) „Alt-Text nutzen wir hauptsächlich, um das Bild besser zu verstehen. Sucht jemand in Google Bilder nach etwas, das ungefähr zum Alt-Text passt, können wir erkennen, dass Ihr Bild für diesen Alt-Text auf dieser konkreten Seite relevant ist.“ — Office Hours, 18. März 2022. Anhören · SEJ-Bericht
• “It’s not the case that we would say a textual webpage has more value because it has images. It’s really just we see the alt text and we apply that to the image, and if someone searches for the image we can use that to better understand the image.” (Übersetzung) „Wir schreiben einer textbasierten Webseite nicht wegen ihrer Bilder mehr Wert zu. Wir sehen lediglich den Alt-Text, ordnen ihn dem Bild zu und können das Bild damit besser verstehen, wenn jemand danach sucht.“ — Office Hours, 18. März 2022.
• “I think the important part here is we don’t have any guidelines with regards to how long your alt text can be.” (Übersetzung) „Wichtig ist, dass wir keine Richtlinien dazu haben, wie lang Ihr Alt-Text sein darf.“ — Office Hours, 18. März 2022.
• “The alt-text is unique in that it’s what directly connects the image to the page with context… if you use AI to create alt texts based on the image file, and get ‘photo of a beach’ as the alt text for that image, you’re not getting the most out of the alt text, both for users & search engines.” (Übersetzung) „Der Alt-Text verbindet das Bild einzigartig und unmittelbar mit Kontext mit der Seite … wenn KI aus der Bilddatei Alt-Texte erzeugt und ‚Foto eines Strandes‘ ausgibt, schöpfen Sie den Alt-Text weder für Nutzende noch für Suchmaschinen voll aus.“ — Reddit r/SEO, September 2024. Thread · SEJ-Bericht
• Zum Eintragen eines Firmennamens in leere alt-Attribute: “It makes no sense, it seems like a waste of time to me: once wasted time to implement, and again wasted time to clean up later on.” (Übersetzung) „Es ergibt keinen Sinn und wirkt wie Zeitverschwendung: einmal bei der Umsetzung und später erneut beim Bereinigen.“ — Twitter, 2. Juni 2022. Bericht

Lizzi Sassman, Google — schreiben Sie nicht „Bild von“

• “We already are aware that it’s an image. You don’t need to say, ‘It’s an image of’ and then the thing.” (Übersetzung) „Uns ist bereits bewusst, dass es sich um ein Bild handelt. Sagen Sie nicht ‚Es ist ein Bild von‘ und nennen Sie anschließend das Motiv.“ — Search Off the Record, „Sprechen wir über Bild-SEO“, Oktober 2022. Transkript

Gary Illyes, Google — Bild beschreiben, nicht auf Keywords zielen

• “Make sure to add alt attribute. This text shouldn’t be what you want to rank for, but what’s in the image.” (Übersetzung) „Fügen Sie unbedingt ein alt-Attribut hinzu. Dieser Text sollte nicht das sein, wofür Sie ranken möchten, sondern das, was auf dem Bild zu sehen ist.“ — Pubcon-Keynote, 17. Oktober 2018. Bericht

Checkliste für Alt-Text-Audits

Ein Durchgang für die wirklich relevanten Alt-Text-Probleme — Barrierefreiheit zuerst, Bilder-SEO danach:

• Fehlende alt-Attribute bei Inhaltsbildern — Problem Nr. 1 (80,4 % der Websites haben mindestens eines). Zuerst beheben.
• Dekorative Bilder verwenden alt="" (leerer Wert vorhanden), kein fehlendes Attribut und keine Beschreibung.
• Nirgends fehlt alt — ein fehlendes Attribut verstößt gegen die HTML-Spezifikation und kann Screenreader den Dateinamen vorlesen lassen.
• Verlinkte Bilder besitzen aussagekräftigen Alt-Text zum Ziel (Alt-Text = Anchor Text bei Bildlinks; leerer Alt-Text = leerer Anchor Text).
• Funktionale Bilder beschreiben die Aktion — alt="Search", nicht alt="Magnifying glass icon".
• Kein Keyword-Stuffing.
• Kein Einstieg mit „Bild von“ oder „Foto von“.
• Alt-Text kopiert nicht den umgebenden Absatz, sondern ergänzt einzigartigen Kontext.
• Alt-Text beschreibt Kontext, nicht nur das Sichtbare.
• Kein Firmenname in leeren alt-Attributen (Mueller: “a waste of time” (Übersetzung) „Zeitverschwendung“).
• alt nicht mit title verwechseln — title ist ein Hover-Tooltip.
• Wiederholte Bilder verwenden konsistent denselben Alt-Text.
• Inline-SVGs verwenden <title> und aria-labelledby statt alt.
• Mobil = Desktop-Alt-Text — wegen Mobile-First Indexing.
• Im großen Maßstab prüfen mit dem Images-Bericht von Ahrefs Site Audit oder den kostenlosen Ahrefs Webmaster Tools für verifizierte Websites.

Lohnende Ressourcen

Meine verwandten Beiträge

• JavaScript-SEO-Probleme und Best Practices — leere alt-Attribute durch JS-Frameworks, Barrierefreiheit und Recht sowie die oft überbewertete Bedeutung für die Websuche.
• Ahrefs Site-Audit-Studie — Studie mit mehr als 1 Mio. Domains, in der fehlende alt-Attribute das häufigste technische SEO-Problem waren (80,4 % der Websites).
• Einsteigerleitfaden für technisches SEO — Einordnung von Bildern und Alt-Text in das technische Gesamtbild.

Offiziell

• Googles Best Practices für Google Bilder — maßgebliche Referenz für Alt-Text und Bildmetadaten.
• Googles Developer Documentation Style Guide — Alt-Text — konkrete Regeln (155 Zeichen, alt="", kein „Bild von“).
• WCAG 2.1 — Non-text Content (1.1.1) — Erfolgskriterium der Barrierefreiheit hinter Alt-Text.

Von anderen

• SearchPilots Split-Tests zu Alt-Text — Alt-Text hinzufügen (nicht eindeutig) und beschreibender Alt-Text bei Listing-Bildern (geschätzter Anstieg, statistisch nicht signifikant) — reale Einordnung der Behauptung, Alt-Text steigere Web-Rankings.
• Search Engine Journal — Mueller zu Alt-Text für SEO — Bericht zu den Office Hours vom März 2022 mit klarer Trennung von Bilder- und Websuche.
• Search Engine Journal — Muellers Kontext-Rat von 2024 — warum KI-generierte Beschreibungen den Zweck verfehlen.
• SE Roundtable — Firmennamen in leerem Alt-Text — Bericht über Muellers Bezeichnung “a waste of time” (Übersetzung) „Zeitverschwendung“.
• Search Off the Record — „Sprechen wir über Bild-SEO“ — Kontext zuerst, Fehler „Bild von“ und wann irgendein Alt-Text besser als keiner ist.
• W3C — WCAG 2.1 Success Criterion 1.1.1 — Level-A-Anforderung, wegen der fehlendes alt ein Konformitäts- und nicht nur ein SEO-Problem ist.
• web.dev — Textalternativen für Bilder — beschreibender Alt-Text für bedeutungsvolle und alt="" für dekorative Bilder.

Einzelne Alt-Text-Fehler, die benannt werden sollten

Keyword-Stuffing, Einstiege mit „Bild von“ und fehlendes alt bei dekorativen Bildern sind die drei häufigsten Fehler, aber nicht die einzigen. Jeder Eintrag erklärt den Fehler, seinen Grund und die bessere Lösung.

Keyword-Stuffing im alt-Attribut

Warum es falsch ist: Google warnt ausdrücklich: “Avoid filling alt attributes with keywords… as it results in a negative user experience and may cause your site to be seen as spam.” (Übersetzung) „Vermeiden Sie es, alt-Attribute mit Keywords zu füllen, da dies zu einer schlechten Nutzererfahrung führt und Ihre Website als Spam erscheinen lassen kann.“ Ein Screenreader liest Alt-Text vor; alt="puppy dog pup pups doggies" ist daher nicht nur für einen Crawler spamartig, sondern für echte Zuhörende unbrauchbar.

Besser: Beschreiben Sie das Bild in einfacher Sprache und im Kontext. alt="Dalmatian puppy playing fetch in a park" vermittelt dieselbe Information ohne Keyword-Anhäufung.

Mit „Bild von“ oder „Foto von“ beginnen

Warum es falsch ist: Googles Lizzi Sassman sagte direkt: “We already are aware that it’s an image. You don’t need to say, ‘It’s an image of’ and then the thing.” (Übersetzung) „Uns ist schon bewusst, dass es sich um ein Bild handelt. Der Einstieg ‚Es ist ein Bild von‘ und das anschließende Motiv sind daher unnötig.“ Jedes Zeichen für diesen redundanten Einstieg fehlt für nützlichen Kontext.

Besser: Beginnen Sie sofort mit der Beschreibung — alt="Dalmatian puppy playing fetch in a park" statt alt="Image of a dalmatian puppy playing fetch in a park".

Das alt-Attribut bei dekorativen Bildern weglassen

Warum es falsch ist: alt vollständig wegzulassen, statt eine leere Zeichenfolge zu setzen, verstößt gegen die HTML-Spezifikation und kann manche Screenreader veranlassen, den rohen Dateinamen vorzulesen.

Besser: Verwenden Sie bei wirklich dekorativen Bildern wie Trennlinien und Hintergrundverzierungen alt="" — leerer Wert, Attribut vorhanden. Assistive Technologien überspringen das Bild dann sauber.

KI-generierte „Foto von X“-Beschreibungen ohne Seitenkontext

Warum es falsch ist: Mueller kritisierte KI-Tools, die “photo of a beach” (Übersetzung) „Foto eines Strandes“ ausgeben. Das beschreibt zwar die Pixel, verfehlt aber den Zweck, denn “the alt-text is unique in that it’s what directly connects the image to the page with context.” (Übersetzung) „Der Alt-Text ist einzigartig, weil er das Bild unmittelbar und mit Kontext mit der Seite verbindet.“ Eine bloße Bildunterschrift verschenkt, was Computer Vision nicht leisten kann.

Besser: Schreiben oder bearbeiten Sie einen KI-Entwurf so, dass er erklärt, was das Bild auf dieser Seite bedeutet — dasselbe Strandfoto braucht auf einer Surfseite einen anderen Alt-Text als in einem Immobilienangebot.

Den Firmennamen in leere alt-Attribute eintragen

Warum es falsch ist: Mueller nannte dieses Muster Zeitverschwendung: “It makes no sense, it seems like a waste of time to me: once wasted time to implement, and again wasted time to clean up later on.” (Übersetzung) „Es ergibt keinen Sinn und wirkt wie Zeitverschwendung: einmal bei der Umsetzung und später erneut beim Bereinigen.“ Es informiert weder Nutzende noch Suchmaschinen und schafft spätere Bereinigungsarbeit.

Besser: Schreiben Sie echten, bildspezifischen Alt-Text oder verwenden Sie für wirklich dekorative Bilder alt="". Nutzen Sie keinen standardisierten Markennamen.

Bei einem reinen Symbol-Steuerelement das Aussehen statt der Aktion beschreiben

Warum es falsch ist: alt="Magnifying glass icon" auf einer Suchschaltfläche sagt Screenreader-Nutzenden, wie das Symbol aussieht, nicht was es bewirkt. Bei einem funktionalen Steuerelement ist die Aktion die nützliche Information.

Besser: Benennen Sie Aktion oder Ergebnis: alt="Search", alt="Close menu", alt="Play video". Wie beim Anchor Text eines verlinkten Bildes sollte Alt-Text der Funktion des Steuerelements dienen.

Das alt-Attribut mit dem title-Attribut verwechseln

Warum es falsch ist: Das title-Attribut erscheint in den meisten Browsern als Hover-Tooltip. Screenreader behandeln es nicht wie Alt-Text, und es hat wenig SEO-Gewicht. Als Ersatz lässt es Barrierefreiheit und Bildersuche ungelöst.

Besser: Setzen Sie alt als erforderlichen Textersatz; verwenden Sie title, wenn überhaupt, nur für echte ergänzende Tooltip-Informationen.

Vorher-/Nachher-Beispiele für Alt-Text

Vier konkrete Paare direkt aus den obigen Regeln.

Keyword-Stuffing gegenüber Beschreibung

<!-- Before: keyword stuffing -->
<img src="dalmatian-puppy.jpg" alt="puppy dog pup pups doggies dalmatian puppies for sale">

<!-- After: plain description -->
<img src="dalmatian-puppy.jpg" alt="Dalmatian puppy playing fetch in a park">

Die Nachher-Version beschreibt in einfacher Sprache einmal, was tatsächlich auf dem Bild zu sehen ist, statt alle Synonyme und Kaufabsichtsphrasen hineinzupressen, vor denen Google warnt.

Allgemeine Bildunterschrift gegenüber kontextbezogenem Alt-Text

Dasselbe Strandfoto braucht je nach Seite einen anderen Alt-Text — diese Unterscheidung zog Mueller bei seiner Kritik an KI-Tools, die unabhängig vom Kontext „photo of a beach“ ausgeben.

<!-- Generic, low-value -->
<img src="beach.jpg" alt="Photo of a beach">

<!-- On a surfing page -->
<img src="beach.jpg" alt="Surfer paddling out past the break at sunrise">

<!-- On a real-estate listing -->
<img src="beach.jpg" alt="Private beach access behind the oceanfront property">

Dieselben Pixel, drei unterschiedliche Aufgaben — der Alt-Text sollte zum Zweck der Seite passen, nicht nur das Bild erzählen.

Dekoratives Bild: leeres alt gegenüber fehlendem alt

<!-- Wrong: attribute omitted entirely -->
<img src="divider.svg">

<!-- Right: empty value, attribute present -->
<img src="divider.svg" alt="">

Beides sieht ähnlich aus, verhält sich aber anders: Das fehlende Attribut verstößt gegen die HTML-Spezifikation und kann Screenreader den Dateinamen vorlesen lassen; das leere alt="" weist assistive Technologien korrekt an, das Bild zu überspringen.

Funktionales Bild: Aktion gegenüber Aussehen

<!-- Weak: describes the icon -->
<button><img src="magnifying-glass.svg" alt="Magnifying glass icon"></button>

<!-- Better: describes what the control does -->
<button><img src="magnifying-glass.svg" alt="Search"></button>

Die Schaltfläche ist kein Link und nicht dekorativ, sondern ein Steuerelement. Das Symbol zu benennen erklärt Screenreader-Nutzenden nicht, was beim Drücken geschieht; die Aktion zu benennen schon.

Verlinktes Bild: alt als Anchor Text

<!-- Weak: doesn't describe the destination -->
<a href="/pricing/"><img src="cta-button.png" alt="Button"></a>

<!-- Better: alt describes where the link goes -->
<a href="/pricing/"><img src="cta-button.png" alt="View pricing plans"></a>

Da das Bild von einem Link umschlossen ist, dient sein Alt-Text als Anchor Text — „Schaltfläche“ sagt nichts über das Ziel, „Preispläne anzeigen“ dagegen schon.

Welchen Alt-Text sollte dieses Bild erhalten?

Drei kurze Verzweigungen für Entscheidungen bei fast jedem Bild: Ist es dekorativ, ist es ein Steuerelement statt einer Abbildung, und ist es in einen Link eingebunden?

Häufige Probleme mit Alt-Text

Vier Symptom-Ursache-Lösung-Einträge für Alt-Text-Probleme aus Audits und Barrierefreiheitsprüfungen.

Ein Screenreader liest statt einer Beschreibung den rohen Dateinamen vor

Symptom: Ein Screenreader liest statt einer Beschreibung etwa „dalmatian-puppy-jpg“ oder „IMG_4021“ vor.

Wahrscheinliche Ursache(n): Das alt-Attribut fehlt vollständig am <img>-Element, statt auf eine leere Zeichenfolge gesetzt zu sein. Das verstößt gegen die HTML-Spezifikation und ist der übliche Fehlerzustand: Laut Ahrefs-Site-Audit-Studie mit mehr als einer Million Domains fehlen alt-Attribute auf 80,4 % der Websites.

Lösung und Prüfung: Fügen Sie bei Inhaltsbildern ein beschreibendes alt, bei wirklich dekorativen Bildern alt="" hinzu. Prüfen Sie mit einer Browser-Erweiterung für Barrierefreiheit oder am Element selbst — das Attribut muss in beiden Fällen vorhanden sein.

Auf der gesamten Website werden fehlende alt-Attribute gemeldet

Symptom: Ein Audit-Tool meldet Hunderte oder Tausende Bilder mit fehlenden alt-Attributen.

Wahrscheinliche Ursache(n): Es gibt keinen systematischen Prozess, Alt-Text beim Hochladen von Bildern hinzuzufügen; häufig verstärkt durch ein CMS oder Theme, das ihn nicht verlangt.

Lösung und Prüfung: Priorisieren Sie Inhaltsbilder (Bedeutung und möglicher Traffic aus der Bildersuche), dann verlinkte Bilder (leerer Alt-Text kostet auch Anchor Text), zuletzt dekorative Bilder (alt="", keine Beschreibung). Führen Sie nach jedem Durchgang den Image SEO Checker oder Ihr Site-Audit-Tool erneut aus und prüfen Sie, ob die Zahl sinkt.

Bilder erscheinen trotz Alt-Text nicht in Google Bilder

Symptom: Inhaltsbilder besitzen Alt-Text, erscheinen aber nicht bei relevanten Suchanfragen in Google Bilder.

Wahrscheinliche Ursache(n): Der Alt-Text ist eine allgemeine Bildunterschrift („Foto eines Strandes“) statt einer kontextspezifischen Beschreibung der Bildbedeutung auf der Seite — laut Mueller schöpft solcher allgemeiner KI-Alt-Text sein Potenzial nicht aus. Alt-Text ist außerdem nur ein Signal: Google kombiniert ihn mit Computer Vision und Seitenkontext; eine dünne oder unpassende umgebende Seite kann ein Bild trotz guten Alt-Texts zurückhalten.

Lösung und Prüfung: Schreiben Sie den Alt-Text passend zum tatsächlichen Thema und Zweck der Seite um, nicht nur zu den Pixeln. Prüfen Sie nach erneutem Crawling und Verarbeiten durch Google Search Console → Performance → Search type: Image.

Eine reine Symbolschaltfläche erklärt Screenreader-Nutzenden ihre Funktion nicht

Symptom: Ein Screenreader sagt vor einem reinen Symbol-Steuerelement etwa „Lupensymbol“ oder „Schaltflächenbild“ an, ohne die Wirkung des Drückens zu nennen.

Wahrscheinliche Ursache(n): Der Alt-Text beschreibt das Aussehen des Symbols statt der Aktion des Steuerelements — eine häufige Verwechslung, weil das Bild wie eine normale Abbildung und nicht wie ein Link oder rein dekoratives Element aussieht.

Lösung und Prüfung: Benennen Sie Aktion oder Ergebnis (alt="Search", alt="Close menu", alt="Play video"), nicht das Symbol. Navigieren Sie per Tastatur zum Steuerelement und hören Sie die Screenreader-Ausgabe ab.

Das Ziel eines verlinkten Bildes ist für Screenreader-Nutzende unklar

Symptom: Wer per Screenreader über Links oder Bilder navigiert, hört vor dem Aktivieren eines reinen Bildlinks nichts Nützliches.

Wahrscheinliche Ursache(n): Das verlinkte Bild hat leeren oder fehlenden Alt-Text — entsprechend leerem Anchor Text bei einem Textlink.

Lösung und Prüfung: Beschreiben Sie im Alt-Text das Linkziel, nicht nur den Bildinhalt (Vorher/Nachher im Tab Examples). Navigieren Sie per Tastatur zum Link und prüfen Sie die Screenreader-Ausgabe oder untersuchen Sie das Element.

Die dauerhaften KPIs für Bild-Alt-Text

Zwei Werte sollten fortlaufend und nicht nur nach einer einmaligen Bereinigung verfolgt werden: welcher Anteil der Website überhaupt Alt-Text besitzt und ob dieser Sichtbarkeit in der Bildersuche erzielt.

Alt-Text-Abdeckung auf der Website

• Metrik — Anteil aller <img>-Elemente der Website mit nicht leerem, nicht dekorativem alt-Attribut (nur Inhaltsbilder; dekorative Bilder sollten korrekt alt="" zeigen, was keine Lücke ist).
• Aussage — Ob Alt-Text eine einmalige Korrektur oder dauerhafte Gewohnheit ist. Da 80,4 % der Websites in Ahrefs Site-Audit-Studie mindestens ein fehlendes alt-Attribut haben, sinkt die Abdeckung bei neuen Inhalten ohne regelmäßige Prüfung häufig wieder.
• Abruf — Image SEO Checker für eine Seite, Images-Bericht von Ahrefs Site Audit für einen vollständigen Crawl oder Browser-Erweiterung für Stichproben.
• Benchmark / realistischer Bereich — Es gibt keinen universellen Zielwert. Eine Website mit vielen dekorativen Hintergrundbildern zeigt berechtigterweise häufiger alt="" als ein fotolastiger Blog. Ermitteln Sie zuerst Ihre eigene Basis und beobachten Sie, dass sie bei neuen Seiten nicht zurückgeht.
• Rhythmus — Vierteljährlich sowie unmittelbar nach Massenmigrationen oder CMS-/Theme-Änderungen an Bild-Uploads.

Leistung der Bildersuche (Impressionen/Klicks in Google Bilder)

• Metrik — Impressionen, Klicks und CTR Ihrer Website, gefiltert nach Ergebnissen der Bildersuche.
• Aussage — Ob Ihr Alt-Text tatsächlich Sichtbarkeit und Traffic in der Bildersuche erzeugt — laut Mueller seine Hauptaufgabe, im Gegensatz zu einer Steigerung des Web-Rankings.
• Abruf — Search Console → Performance → Search type: Image.
• Benchmark / realistischer Bereich — Hängt vollständig von Bildanteil und Thema der Website ab; es gibt keinen belastbaren universellen Wert. Ermitteln Sie Ihre Basis und verfolgen Sie nach Änderungen an Alt-Text oder Bildinhalt den Trend, statt externe Benchmarks zu vergleichen.
• Rhythmus — Monatlich; einige Wochen nach einer Massenumschreibung von Alt-Text genauer beobachten.

Tools zum Prüfen und Korrigieren von Alt-Text

• Image SEO Checker — prüft Bildsignale im rohen HTML, darunter alt-Attribute, Lazy-Loading-Hinweise und Bildformate. Schnellste Stichprobe zur Alt-Text-Abdeckung einer einzelnen Seite vor oder nach einer Korrektur.
• On-Page SEO Checker — priorisiertes On-Page-Memo und erweiterte Roh-HTML-Prüfungen für Bilder, Überschriften, Links und weitere Elemente; nützlich, wenn Alt-Text nur einer mehrerer Prüfpunkte ist.
• Ahrefs Site Audit — Images report — kennzeichnet Bilder mit fehlenden alt-Attributen in einem vollständigen Crawl (für verifizierte Websites kostenlos in Ahrefs Webmaster Tools). So wurde der Wert von 80,4 % in Ahrefs Site-Audit-Studie gemessen.
• Search Console — Performance, Search type: Image — maßgebliche Quelle dafür, ob Alt-Text Impressionen und Klicks in der Bildersuche erzielt.
• Browser-Erweiterungen für Barrierefreiheit / Element untersuchen — für manuelle Stichproben wichtiger Inhaltsbilder und zur Kontrolle der tatsächlichen Screenreader-Ausgabe.

Testen Sie sich selbst: Alt-Text

Fünf kurze Fragen dazu, was Alt-Text tatsächlich bewirkt und wie er geschrieben wird. Wählen Sie jeweils eine Antwort und prüfen Sie anschließend.

Änderungsprotokoll