Alt-Text
20. Februar 2026 · 6 Min. Lesezeit
Der Alt-Text (Alternativtext) ist eine Textbeschreibung, die einem Bild im HTML-Code zugewiesen wird. Er erscheint, wenn das Bild nicht geladen werden kann, wird von Screenreadern vorgelesen und hilft Suchmaschinen, den Bildinhalt zu verstehen.
Was ist ein Alt-Text?
Der Alt-Text wird im HTML-Code über das alt-Attribut des <img>-Tags definiert. Er dient drei Zwecken: Barrierefreiheit für sehbehinderte Nutzer, Fallback bei nicht ladbaren Bildern und SEO-Signal für die Google-Bildersuche.
Warum ist der Alt-Text wichtig für SEO?
Google kann Bilder nicht „sehen" wie Menschen. Der Alt-Text ist der primäre Weg, über den Suchmaschinen den Inhalt eines Bildes verstehen. Optimierte Alt-Texte verbessern die Sichtbarkeit in der Google-Bildersuche und tragen zum Gesamtranking der Seite bei.
Best Practices für Alt-Texte
- Beschreibend: Beschreiben Sie, was auf dem Bild zu sehen ist — konkret und präzise.
- Keywords natürlich einbauen: Relevante Keywords einfließen lassen, aber kein Keyword-Stuffing.
- Kurz halten: Idealerweise 5–15 Wörter. Nicht länger als 125 Zeichen.
- Dekorative Bilder: Rein dekorative Bilder bekommen ein leeres alt="" — so werden sie von Screenreadern ignoriert.
Häufige Fehler
| Fehler | Besser |
|---|---|
| alt="Bild" | alt="Team bespricht SEO-Strategie am Whiteboard" |
| alt="SEO SEO Agentur SEO Optimierung" | alt="SEO-Agentur analysiert Google-Rankings" |
| Kein alt-Attribut | Immer alt-Attribut setzen |
Häufige Fragen
Der Alt-Text (Alternativtext) ist eine HTML-Eigenschaft des img-Tags, die den Bildinhalt textlich beschreibt. Er wird angezeigt, wenn das Bild nicht laden kann, von Screenreadern für sehbehinderte Nutzer vorgelesen und von Suchmaschinen zur Bildindexierung genutzt.
Idealerweise 80-125 Zeichen. Beschreiben Sie den Bildinhalt präzise und natürlich, ohne Keyword-Stuffing. Vermeiden Sie Phrasen wie 'Bild von' oder 'Foto zeigt' — das ist redundant, da Screenreader bereits ankündigen, dass es sich um ein Bild handelt.
Rein dekorative Bilder (Trennlinien, Hintergrundmuster, Icons ohne Informationsgehalt) sollten ein leeres alt-Attribut haben: alt=''. So überspringen Screenreader das Bild. Ein fehlendes alt-Attribut ist schlechter als ein leeres, da Screenreader dann den Dateinamen vorlesen.
Professionelle SEO-Beratung
Wir analysieren Ihre Website und entwickeln eine individuelle Strategie für mehr Sichtbarkeit bei Google.
Alt-Text und Barrierefreiheit (WCAG)
Alt-Texte sind nicht nur ein SEO-Faktor, sondern gesetzlich relevant. Die Web Content Accessibility Guidelines (WCAG 2.1) schreiben vor, dass alle nicht-dekorativen Bilder einen beschreibenden Alternativtext haben müssen. In Deutschland gilt seit 2025 das Barrierefreiheitsstärkungsgesetz (BFSG), das auch für kommerzielle Websites Barrierefreiheit fordert.
Screenreader wie JAWS, NVDA oder VoiceOver lesen Alt-Texte vor, damit sehbehinderte Nutzer den Bildinhalt verstehen. Fehlt der Alt-Text, lesen Screenreader stattdessen den Dateinamen vor — oft kryptisch und nutzlos (z.B. „IMG_4521_final_v2.jpg").
Alt-Text für verschiedene Bildtypen
Nicht jedes Bild braucht denselben Typ von Alt-Text:
| Bildtyp | Alt-Text Strategie | Beispiel |
|---|---|---|
| Informatives Bild | Inhalt beschreiben | alt="Balkendiagramm zeigt 45% Traffic-Anstieg nach SEO-Optimierung" |
| Funktionales Bild (Button/Link) | Funktion beschreiben | alt="Kontaktformular absenden" |
| Dekoratives Bild | Leeres alt="" | alt="" (Trennlinie, Hintergrund) |
| Komplexes Bild (Infografik) | Kurzbeschreibung + Langtext | alt="SEO-Prozess in 5 Schritten" + figcaption |
| Logo | Firmenname | alt="SEO Agentur Neckaralb Logo" |
Alt-Text und Google Bildersuche
Die Google Bildersuche generiert erheblichen Traffic — laut Studien stammen bis zu 22% aller Google-Suchanfragen aus der Bildersuche. Der Alt-Text ist der primäre Ranking-Faktor für Bilder. Google nutzt ihn zusammen mit dem umgebenden Text, Dateinamen und der Seitenrelevanz, um Bilder zu indexieren und zu ranken.
Zusätzlich zum Alt-Text sollten Sie auch den Dateinamen optimieren. Statt DSC_0001.jpg verwenden Sie beschreibende Namen wie seo-audit-checkliste.jpg. In Kombination mit einem guten Alt-Text und einer schnellen Ladezeit (komprimierte Bilder, WebP-Format) maximieren Sie Ihre Chancen in der Bildersuche.
Alt-Text in der Praxis: WordPress, Shopify und HTML
In WordPress setzen Sie den Alt-Text in der Mediathek beim Hochladen oder über das Bildmenü im Editor. In Shopify finden Sie das Alt-Text-Feld bei jedem Produktbild unter „Alt-Text bearbeiten". In reinem HTML nutzen Sie das alt-Attribut: <img src="bild.jpg" alt="Beschreibung">.
Tipp: Nutzen Sie ein SEO-Plugin wie Rank Math oder Yoast, das Sie auf fehlende Alt-Texte hinweist. Für bestehende Websites mit vielen Bildern ohne Alt-Text gibt es auch Plugins, die Alt-Texte per KI automatisch generieren — prüfen Sie diese aber immer manuell nach.
Verwandte Begriffe
Bereit für mehr qualifizierte Kunden?
Lassen Sie uns darüber sprechen, wie wir Ihr Unternehmen digital sichtbar machen.
Kontakt
Felix Wilhelm
Ihr Ansprechpartner