Kurz und knapp: Was ist ALT Text?
Der ALT Text (Alternative Text) ist das alt-Attribut im HTML--Tag und beschreibt den Inhalt eines Bildes in Worten. Er wird angezeigt, wenn das Bild nicht lädt, von Screenreadern vorgelesen und von Suchmaschinen wie Google genutzt, um Bilder zu verstehen und zu indexieren. Ein guter ALT Text ist kurz (max. 125 Zeichen), beschreibend und enthält relevante Keywords – ohne Stuffing. Der ALT Text ist entscheidend für SEO (Google Bildersuche, Rich Snippets), Barrierefreiheit (WCAG 2.2 AA) und User Experience. Fehlender oder schlechter ALT Text kostet Rankings, Klicks aus der Bildersuche und schließt sehbehinderte Nutzer aus. Richtig gemacht steigert er die Sichtbarkeit um bis zu 30 % in der Google Bildersuche und verbessert die Accessibility-Score.
Inhaltsverzeichnis
Warum ist ALT Text so wichtig für SEO?
ALT Text ist einer der wichtigsten Ranking-Faktoren in der Google Bildersuche – über 20 % des Traffics kommen bei vielen Sites aus Images. Google kann Bilder nicht „sehen“, sondern liest den ALT Text, Dateinamen und umliegenden Text, um den Kontext zu verstehen. Ein keywordoptimierter ALT Text hilft, in der Bildersuche zu ranken und Rich Snippets (z. B. Rezept-Bilder mit Sterne) zu bekommen. Studien von Ahrefs zeigen: Seiten mit vollständigen ALT Texten haben im Schnitt 15–25 % mehr organischen Traffic aus Bildern. Im Online-Marketing ist ALT Text essenziell für E-Commerce: Produktbilder mit „Rotes Nike Air Max 90 Sneaker Herren Gr. 43“ statt „img123.jpg“ konvertieren besser. Seit Core Web Vitals und Page Experience Update 2025 bewertet Google auch die Barrierefreiheit – fehlender ALT Text senkt den Accessibility-Score und damit indirekt das Ranking. Fazit: ALT Text ist kostenloser SEO-Turbo und Pflicht für professionelles Webdesign.
- Ranking in Google Bildersuche
- Rich Snippets & Featured Images
- Barrierefreiheit (WCAG-konform)
- Bessere User Experience bei Ladeproblemen
Kostenloses
Webdesign Beratungsgespräch
Wir gestalten deine Webseite so, wie du sie dir schon lange wünschst.
100 % Transparenz
Alle Leistungen und Preise sind von Anfang an transparent für dich einsehbar.
Langfristig an deiner Seite
Auf Wunsch übernehmen wir die fortlaufende Betreuung deiner Website und reagieren schnell auf Änderungen oder technische Fehler.
Google Bewertungen
Basierend auf 5 Bewertungen
Wie schreibt man guten ALT Text?
Ein guter ALT Text ist beschreibend, prägnant und kontextbezogen. Grundregeln:
- Beschreiben, was zu sehen ist – nicht nur „Bild von…“
- Keywords natürlich einbauen (primäres Keyword vorne)
- Max. 125 Zeichen (Google kürzt länger)
- Bei dekorativen Bildern: alt=““ (leer, aber vorhanden)
- Bei Logos: Firmenname + Claim
- Beispiele:
- Gut: alt=“Rotes Nike Air Max 90 Sneaker Herren seitlich auf weißem Hintergrund“
- Schlecht: alt=“schuhe.jpg“ oder alt=“klicken Sie hier“
- Gut für Infografik: alt=“Infografik: SEO-Entwicklung 2020–2025 mit Diagramm“
Für Online-Marketing: Nutzen Sie ALT Text, um den Nutzen zu kommunizieren („Webdesigner diskutiert SEO-Strategie mit Kunde“). Tools wie WAVE oder axe DevTools prüfen automatisch fehlende ALT Texte.
Welche häufigen Fehler gibt es beim ALT Text?
| Fehler | Problem | Richtige Lösung |
|---|---|---|
| ALT Text fehlt komplett | Google indexiert Bild nicht, Barrierefreiheit verletzt | Immer alt-Attribut setzen (auch leer bei Deko) |
| Keyword-Stuffing | Wirkt spammy, Google strafen möglich | Natürlich beschreiben, max. 1–2 Keywords |
| Nur „Bild von…“ | Kein Mehrwert für SEO oder Screenreader | Kontext einbauen („Team-Meeting im Büro“) |
| Zu lang (>150 Zeichen) | Screenreader brechen ab, Google kürzt | Max. 125 Zeichen |
| Gleicher ALT Text für verschiedene Bilder | Duplicate Content für Bilder | Jedes Bild individuell beschreiben |
Google ALT Text strenger auf Relevanz – irrelevante oder überoptimierte Texte können zu manuellen Maßnahmen führen.
Wie implementiert man ALT Text technisch korrekt?
Technisch ist das alt-Attribut Pflicht im <img>-Tag:
<img src="Bild.jpg" alt="Beschreibung". Bei SVG: <svg aria-label="Beschreibung". Für Barrierefreiheit zusätzlich aria-hidden=“true bei rein dekorativen Bildern. In WordPress/Divi automatisch über Mediathek setzen. Bei lazy loading (loading=“lazy“) bleibt ALT Text erhalten. Für Rich Snippets kombinieren mit Schema.org (ImageObject).
Technische Best Practices:
- Dateinamen vor Upload optimieren (seo-bild.jpg)
- ALT Text in CMS zentral verwalten
- Automatisierte Tools: Yoast/Rank Math prüfen ALT Text
- Bilder mit width/height für LCP optimieren
Google Crawler liest ALT Text, title-Attribut und umliegenden Text – ALT hat höchste Gewichtung. Mit Google Search Console „Bilder“-Report fehlende ALT Texte finden.
Fazit: Warum ist ALT Text wichtig?
ALT Text ist ein unterschätztes, aber mächtiges Werkzeug im Webdesign & Online-Marketing. Er verbessert SEO durch bessere Indexierung in der Bildersuche, steigert die Klickrate mit Rich Snippets und macht Ihre Website barrierefrei für Millionen Nutzer. Ein guter ALT Text kostet nur Sekunden, bringt aber langfristig mehr Traffic, Vertrauen und Conversion. Google belohnt vollständige, beschreibende ALT Texte – fehlende oder schlechte werden abgestraft. Mit den Best Practices aus diesem Guide (kurz, keywordreich, kontextbezogen) heben Sie sich von der Konkurrenz ab. ALT Text ist nicht nur „nice to have“ – er ist Pflicht für professionelle, nutzerfreundliche und suchmaschinenoptimierte Websites. Setzen Sie ihn konsequent ein – Ihre Rankings und Besucher werden es Ihnen danken!