Kontakt
Was interessiert Sie?
Alt-Text (Alternativtext).
Der Alt-Text ist eine Textbeschreibung, die im HTML einem Bild zugeordnet wird. Er hilft blinden Menschen über Screenreader, dient als Ersatz, wenn ein Bild nicht lädt, und gibt Suchmaschinen den Bildinhalt zu verstehen.
Alt-Text (Alternativtext) — ausführlich erklärt
Der Alt-Text (Attribut alt im <img>-Tag) beschreibt in Worten, was auf einem Bild zu sehen ist. Sein wichtigster Zweck ist die Barrierefreiheit: Screenreader lesen den Text blinden und sehbehinderten Menschen vor, sodass sie den Bildinhalt erfassen. Lädt ein Bild nicht, zeigt der Browser den Alt-Text als Ersatz an.
Für SEO ist der Alt-Text das zentrale Signal, mit dem Google den Inhalt eines Bildes einordnet — die Grundlage für Rankings in der Google-Bildersuche, einem oft unterschätzten Traffic-Kanal. Ein guter Alt-Text ist konkret und beschreibend: «Frau joggt bei Sonnenaufgang am Zürichsee» statt bloss «Bild» oder «IMG_2043».
Gute Praxis: kurz und präzise (meist unter 125 Zeichen), das relevante Keyword natürlich einbauen statt stumpf aneinanderreihen (Keyword-Stuffing schadet), und rein dekorative Bilder mit einem leeren alt=«» versehen, damit Screenreader sie überspringen. Text, der bereits im Bild steht, gehört sinngemäss in den Alt-Text.
Beispiel aus der Praxis: Ein Handwerksbetrieb, der jedes Referenzbild mit einem sauberen Alt-Text wie «Renovierte Altbauküche mit Eichenparkett in Winterthur» versieht, wird sowohl für Menschen mit Screenreader zugänglich als auch in der Bildersuche für lokale Anfragen auffindbar.
Weiterführende Seite
Digitale BarrierefreiheitHäufige Fragen zu Alt-Text (Alternativtext)
In der Regel unter 125 Zeichen, denn manche Screenreader schneiden längere Texte ab. Er sollte das Bild präzise beschreiben, ohne auszuufern. Wichtig ist der Kontext: Derselbe Sonnenuntergang kann auf einer Reiseseite anders beschrieben werden als in einem Artikel über Fotografie. Rein dekorative Bilder erhalten einen leeren Alt-Text.
Jedes inhaltlich relevante Bild ja — sowohl aus Gründen der Barrierefreiheit als auch fürs SEO. Rein dekorative Bilder (etwa Trennlinien oder Hintergrundmuster) erhalten hingegen bewusst ein leeres alt-Attribut (alt=«»), damit Screenreader sie überspringen und den Nutzer nicht mit belanglosen Beschreibungen aufhalten.
Weitere Begriffe mit „A“
Agent-Ready Website
Eine Agent-Ready Website ist so aufgebaut, dass KI-Agenten ihre Inhalte nicht nur lesen, sondern Akt...
ai.txt
ai.txt ist eine Textdatei im Stil von robots.txt, die speziell KI-Crawlern und Agenten signalisiert,...
AEO (Answer Engine Optimization)
AEO ist die Optimierung von Website-Inhalten, damit sie als direkte Antworten in KI-gestützten Suchs...
Bereit für Ihr Projekt?
Wenden Sie dieses Wissen auf Ihre Website an — DLM Digital hilft Ihnen dabei.