Jan Philipps Zusammenfassung lesen
Viele unterschätzen dieses kleine Feld. Der Alt Text ist ein kurzer Satz im Code eines Bildes. Auf der Seite siehst du ihn nicht, aber Google liest ihn, und Screenreader lesen ihn blinden Menschen vor.
Was Google dazu sagt
Google nennt den Alt Text das wichtigste Attribut, um ein Bild zu beschreiben. Google nutzt ihn zusammen mit Bilderkennung und dem Inhalt der Seite, um zu verstehen, was auf dem Bild ist. Ist ein Bild verlinkt, wirkt der Alt Text wie der Text eines Links. Gleichzeitig warnt Google: Wer das Feld mit Keywords vollstopft, riskiert, dass die Website als Spam eingestuft wird.
Ein Beispiel aus der Werkstatt
Im Beitrag zeige ich das an einer Fahrradwerkstatt mit einem Foto von einem grünen E-Bike. Kein Alt Text ist schlecht, eine Keyword-Liste auch. Nur E-Bike ist besser, aber dünn. Gut ist ein Satz wie: Grünes E-Bike mit Korb im Montageständer unserer Werkstatt. Der Ort gehört dagegen in den Text der Seite, nicht in den Alt Text.
So schreibst du ihn
- Erst klären, wozu das Bild da ist.
- Dann beschreiben, was zu sehen ist, ohne Bild von davor.
- Kurz bleiben, meist reicht ein Satz.
- Begriffe nur, wenn sie zum Bild passen.
- Bei verlinkten Bildern wie dem Logo das Ziel nennen.
Leer lassen, prüfen und was sonst zählt
Nicht jedes Bild braucht eine Beschreibung. Deko-Bilder wie Trennlinien bekommen ein leeres Alt-Attribut. Ganz weglassen solltest du es aber nicht, sonst lesen manche Screenreader den Dateinamen vor.
Fehlende Alt Texte findest du kostenlos mit dem Nu Html Checker vom W3C. Der zeigt dir genau, in welcher Zeile ein Bild ohne Alt-Attribut steht. Ob der Text gut ist, musst du allerdings selbst beurteilen.
Daneben zählen für Google auch ein sprechender Dateiname, passender Text in der Nähe und die normale Einbindung als Bild. Hintergrundbilder über CSS indexiert Google nicht.
Für Barrierefreiheit ist der Alt Text eine Grundregel der internationalen Richtlinien. Fehlende Alt Texte gehören aus meiner Sicht zu den Fehlern, die man am schnellsten behebt.
Inhaltsverzeichnis
- Die wichtigsten Begriffe, einfach erklärt
- Was ist ein Alt Text?
- Wofür Google den Alt Text nutzt
- Das Beispiel: Alt Text für eine Fahrradwerkstatt
- Alt Text schreiben: so gehst du vor
- Wann der Alt Text leer bleibt
- Alt Text prüfen: fehlende Alt Texte finden
- Dateiname und Umfeld: was neben dem Alt Text zählt
- Alt Text und Barrierefreiheit
- Alt Text und KI-Suche
- Häufige Fragen zum Alt Text
- Fazit
- Quellen
Eine Fahrradwerkstatt stellt ein neues Foto auf ihre Website: ein grünes E-Bike im Montageständer. Wer die Seite ansieht, versteht es sofort. Google und Menschen mit Screenreader sehen das Bild aber nicht, sie lesen nur, was im Code steht. Steht dort nichts, bleibt das Bild für sie stumm. Genau dafür gibt es den Alt Text. Hier zeige ich dir an diesem Beispiel, wie du ihn richtig schreibst, wann er leer bleiben darf und wie du fehlende Alt Texte findest.
Das Wichtigste in Kürze
Warum das wichtig ist
Der Alt Text ist laut Google das wichtigste Attribut, um ein Bild zu beschreiben. Er hilft Google, das Bild zu verstehen, und Menschen, die es nicht sehen können.
Darauf kommt es an
- Was er ist: eine kurze Beschreibung im Code des Bildes, sichtbar nur, wenn das Bild nicht angezeigt wird.
- Für Google: Google nutzt den Alt Text zusammen mit Bilderkennung und dem Seiteninhalt.
- Für Menschen: Screenreader lesen ihn vor, so wird das Bild für blinde Nutzer verständlich.
- Kurz und konkret: beschreiben, was zu sehen ist, ohne Keyword-Listen.
- Deko-Bilder: bekommen ein leeres Alt-Attribut, aber nie gar keins.
- Prüfen: fehlende Alt Texte zeigt ein kostenloser HTML-Prüfer sofort an.
Keine Rechtsberatung: Ich bin kein Anwalt. Ich kläre hier auf, was Alt Texte mit Barrierefreiheit zu tun haben. Ob deine Website unter das Barrierefreiheitsstärkungsgesetz fällt, klärt im Einzelfall ein Anwalt.
Die wichtigsten Begriffe, einfach erklärt
- Alt Text (Alternativtext): die Beschreibung eines Bildes, die im Code steht. Fachleute sagen auch Alt-Attribut, weil sie im Feld alt des Bildes steht.
- Screenreader: ein Programm, das blinden und sehbehinderten Menschen die Website vorliest, auch den Alt Text.
- Dateiname: der Name der Bilddatei, etwa e-bike-im-montagestaender.jpg statt IMG_4711.jpg.
- Bildunterschrift: der sichtbare Text unter dem Bild. Sie ist etwas anderes als der Alt Text.
- Deko-Bild: ein Bild ohne eigene Aussage, zum Beispiel eine Trennlinie oder ein Muster im Hintergrund.
Was ist ein Alt Text?
Der Alt Text ist ein kurzer Satz, der im Code eines Bildes steht. Auf der Seite siehst du ihn normalerweise nicht. Er erscheint nur, wenn das Bild nicht lädt, und er wird vorgelesen, wenn jemand einen Screenreader nutzt. Im Code sieht das so aus: <img src="e-bike-im-montagestaender.jpg" alt="Grünes E-Bike mit Korb im Montageständer unserer Werkstatt">.
In den meisten Website-Systemen musst du dafür keinen Code schreiben. Wenn du ein Bild in die Mediathek hochlädst, gibt es ein Feld mit dem Namen Alternativtext oder Alt-Text. Was du dort einträgst, landet automatisch im Code.
Einfach gesagt
Stell dir vor, du beschreibst das Bild am Telefon jemandem, der es nicht sehen kann. Ein Satz, der das Wichtige sagt. Genau das gehört in den Alt Text.
Wofür Google den Alt Text nutzt
Google schreibt in seinem Leitfaden zu Bildern in der Google Suche (Stand 4. März 2026): „Das wichtigste Attribut bei der Bereitstellung weiterer Metadaten für ein Bild ist der Alt-Text.“ Google verwendet ihn laut derselben Seite „zusammen mit Algorithmen für Computer Vision und dem Inhalt der Seite, um das Thema des Bildes zu verstehen“. Ist ein Bild verlinkt, dient der Alt Text außerdem als Linktext, also wie die Wörter eines normalen Links.
Ebenso deutlich ist die Warnung: Wer das Feld mit Keywords vollstopft, riskiert laut Google, dass die Website als Spam eingestuft wird. Google zeigt dazu selbst ein schlechtes Beispiel mit einer langen Liste aus Hunde-Begriffen und ein gutes mit einer kurzen Beschreibung.
Wichtig für die Erwartung: Ein guter Alt Text ist kein Wundermittel für Rankings. Er hilft Google, ein Bild richtig zuzuordnen, vor allem in der Bildersuche. Ob deine Seite oben steht, entscheiden aber Inhalt, Nutzen und viele weitere Dinge. Mehr dazu in meiner Onpage-Checkliste.
Das Beispiel: Alt Text für eine Fahrradwerkstatt
Nehmen wir die Werkstatt aus dem Anfang. Auf der Seite „E-Bike-Reparatur“ steht dieses Foto:
KI-generiertFür dieses Bild gibt es gute und schlechte Alt Texte. Die Tabelle zeigt vier Varianten, aufgebaut wie Googles eigene Beispiele mit dem Welpen:
Alt Text für das E-Bike-Foto: vier Varianten
Eigenes Beispiel, Bewertung nach dem Google-Leitfaden zu Bildern
| Alt Text | Bewertung | Warum |
|---|---|---|
| (kein Alt-Attribut) | schlecht | Google und Screenreader erfahren nichts über das Bild, manche Screenreader lesen dann den Dateinamen vor. |
| E-Bike Reparatur Köln E-Bike Werkstatt Fahrrad Service günstig | schlecht | Keyword-Liste statt Beschreibung, laut Google ein Spam-Risiko. |
| E-Bike | besser | stimmt, sagt aber wenig über das Bild. |
| Grünes E-Bike mit Korb im Montageständer unserer Werkstatt | gut | beschreibt kurz, was zu sehen ist, und passt zum Thema der Seite. |
Der Ort steht in der guten Variante übrigens nicht. Er gehört in Text, Überschrift und Title der Seite. Im Alt Text wäre „in Köln“ nur dann richtig, wenn man Köln auf dem Bild auch erkennt.
Alt Text schreiben: so gehst du vor
- 1
Frag dich, wozu das Bild da ist
Zeigt es etwas Wichtiges, ist es ein Link oder nur Schmuck? Davon hängt ab, was in den Alt Text gehört.
- 2
Beschreib, was zu sehen ist
Gegenstand, Farbe, Situation: „Grünes E-Bike mit Korb im Montageständer“. Nicht „Bild von“ oder „Foto von“ davorsetzen, der Screenreader sagt ohnehin, dass es ein Bild ist.
- 3
Bleib kurz
Ein Satz reicht meist. Was ausführlich erklärt werden muss, gehört in den Text neben dem Bild.
- 4
Begriffe nur, wenn sie passen
Kommt das Thema der Seite im Bild vor, darf das Wort auch in den Alt Text. Mehr nicht.
- 5
Verlinkte Bilder: das Ziel nennen
Ist das Logo mit der Startseite verlinkt, beschreibt der Alt Text das Ziel, zum Beispiel „Radwerkstatt Sommer, zur Startseite“.
Wann der Alt Text leer bleibt
Nicht jedes Bild braucht eine Beschreibung. Die W3C-Arbeitsgruppe für Barrierefreiheit (W3C ist das Gremium, das die Regeln für HTML und Barrierefreiheit im Web festlegt) unterscheidet in ihrem Entscheidungsbaum für Alt Texte mehrere Fälle. Ein leeres Alt-Attribut (alt="") ist richtig, wenn:
- das Bild reine Dekoration ist, etwa eine Trennlinie, ein Rahmen oder ein Muster,
- das Bild nur wiederholt, was direkt daneben schon als Text steht,
- der Text im Bild auch als echter Text auf der Seite steht.
Ganz weglassen solltest du das Attribut aber nicht. Laut W3C lesen manche Screenreader sonst den Dateinamen vor, also zum Beispiel „IMG Unterstrich 4711 Punkt jpg“. Ein leeres alt="" sagt dagegen: Dieses Bild kannst du überspringen.
Häufiger Fehler
Bilder mit Text, etwa ein Aktionsbanner mit Preis, verlieren ihre Aussage, wenn der Alt Text fehlt. Steht der Preis nur im Bild, gehört er in den Alt Text oder besser zusätzlich als echter Text auf die Seite.
Alt Text prüfen: fehlende Alt Texte finden
Ob ein Bild einen Alt Text hat, siehst du der Seite nicht an. Ein kostenloser Weg ist der Nu Html Checker des W3C. Wähle bei „Check by“ entweder „address“ für die Adresse deiner Seite oder „text input“ für ein Stück Code und klick auf „Check“. Ich habe die Seite der Beispiel-Werkstatt einmal mit und einmal ohne Alt Text eingefügt.
Die Meldung lautet sinngemäß: Ein img-Element muss ein alt-Attribut haben. Unter „From line 6“ steht, in welcher Zeile das Bild sitzt. Nach dem Ergänzen sieht derselbe Test so aus:
Der Prüfer sagt dir nur, ob ein Alt Text fehlt. Ob er gut ist, musst du selbst beurteilen. Bei großen Websites lohnt sich deshalb einmal eine Liste aller Bilder mit ihren Alt Texten, die man in Ruhe durchgeht.
Dateiname und Umfeld: was neben dem Alt Text zählt
Google schaut nicht nur auf den Alt Text. Laut dem Leitfaden zu Bildern zählen auch diese Punkte:
- Dateiname: kurz und aussagekräftig. Google nennt als Beispiel my-new-black-kitten.jpg als besser gegenüber IMG00023.JPG. Umlaute schreibe ich im Dateinamen aus (ae statt ä), damit es keine Probleme mit der Adresse gibt.
- Umfeld: Bilder sollten in der Nähe von passendem Text stehen. Google liest auch Bildunterschriften und Überschriften.
- Einbindung: Google findet Bilder im normalen img-Element. Bilder, die nur als Hintergrund über CSS eingebunden sind, indexiert Google laut Leitfaden nicht.
- Format: unterstützt werden BMP, GIF, JPEG, PNG, WebP, SVG und AVIF.
Wie du Bilder klein und schnell machst, steht im Beitrag zu den Core Web Vitals. Und wenn du mit KI-Bildern arbeitest: Was dabei für Google gilt, habe ich unter KI-Bilder auf der Website zusammengefasst.
Alt Text und Barrierefreiheit
Für Barrierefreiheit ist der Alt Text eine Grundregel. Die internationalen Richtlinien für barrierefreie Websites (WCAG) verlangen in Punkt 1.1.1, Stufe A, also der untersten Stufe: Alle Inhalte, die keine Texte sind, brauchen eine Textalternative mit demselben Zweck. Ausgenommen ist reine Dekoration, die so eingebunden sein muss, dass Hilfsprogramme sie überspringen können (WCAG 2.2, Erläuterung zu 1.1.1).
KI-generiertSeit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz (BFSG) für bestimmte Angebote, zum Beispiel Onlineshops. Wer betroffen ist und was gilt, erkläre ich im Beitrag Barrierefreiheit im Webdesign. Aus meiner Sicht sind fehlende Alt Texte einer der Fehler, die man am schnellsten beheben kann, egal ob das Gesetz für dich gilt.
Alt Text und KI-Suche
Für die KI-Funktionen der Google Suche, also Übersichten mit KI und den KI-Modus, nennt Google keine besonderen Anforderungen. Es gelten dieselben Grundlagen wie für die normale Suche. Meine Einschätzung aus der Arbeit an Websites: Was im Alt Text sauber beschrieben ist, kann jede Maschine lesen, die den Code liest, auch eine KI, die Seiten zusammenfasst. Ein Ersatz für guten Text auf der Seite ist der Alt Text aber nicht. Wie man in KI-Antworten genannt wird, beschreibe ich auf meiner Seite zur GEO-Optimierung.
Häufige Fragen zum Alt Text
Wie lang darf ein Alt Text sein?
Google nennt keine feste Grenze. Die W3C-Anleitung empfiehlt für einfache Bilder eine kurze Beschreibung. Meine Faustregel, als Einschätzung: ein Satz, selten mehr als 15 Wörter. Braucht ein Bild mehr Erklärung, etwa ein Diagramm, gehört der Inhalt in den Text daneben.
Gehört das Keyword in den Alt Text?
Nur, wenn es das Bild beschreibt. Google nennt als Ziel „nützliche, informative Inhalte mit passenden Keywords“ und warnt vor dem Überladen. Ein Begriff, der zum Bild passt, ist in Ordnung, eine Liste nicht.
Ist der Title eines Bildes dasselbe wie der Alt Text?
Nein. Das Title-Attribut erscheint als kleiner Hinweis, wenn man mit der Maus über das Bild fährt. Laut der MDN-Dokumentation zum img-Element (die Entwickler-Dokumentation von Mozilla) ist es kein Ersatz für den Alt Text.
Braucht wirklich jedes Bild einen Alt Text?
Jedes Bild braucht das Alt-Attribut. Ob darin eine Beschreibung steht, hängt vom Zweck ab: Bilder mit Aussage bekommen eine, Deko-Bilder ein leeres alt="".
Fazit
Der Alt Text ist eine kleine Arbeit mit doppeltem Nutzen: Google versteht deine Bilder besser, und Menschen mit Screenreader verstehen deine Seite. Beschreib kurz, was zu sehen ist, lass Deko-Bilder leer und prüf einmal mit dem HTML-Prüfer, ob irgendwo ein Alt-Attribut fehlt. Wenn du willst, dass ich mir die Bilder und die übrige Technik deiner Website ansehe, findest du hier, wie ich als SEO Freelancer arbeite.
Quellen
- Google Search Central: Best Practices für Bilder in der Google Suche (zuletzt aktualisiert am 4. März 2026, abgerufen am 9. November 2026)
- Google Search Central: KI-Funktionen und deine Website
- W3C WAI: An alt Decision Tree (Stand 13. Mai 2024)
- W3C WAI: Decorative Images
- W3C: Understanding WCAG 2.2, Success Criterion 1.1.1 Non-text Content (Stand 6. September 2026)
- MDN Web Docs: Das img-Element
- W3C Nu Html Checker
