Alt-Text
Das Textattribut im <img>-Tag (alt="..."), das Bilder für Screenreader und Suchmaschinen beschreibt.
Alt-Text, kurz für "alternativer Text", ist der beschreibende Text, den Sie einem <img>-Tag in HTML mit dem alt-Attribut hinzufügen, geschrieben als alt="Ihre Beschreibung hier". Er erfüllt zwei gleichermaßen wichtige Zwecke: Barrierefreiheit und SEO.
Für die Barrierefreiheit wird Alt-Text von Screenreadern wie JAWS, NVDA und VoiceOver vorgelesen, sodass blinde und sehbehinderte Nutzer den Inhalt und Zweck von Bildern auf einer Seite verstehen können. Die Web Content Accessibility Guidelines (WCAG 2.2, Erfolgskriterium 1.1.1) des W3C verlangen, dass nicht-textuelle Inhalte eine Textalternative haben, was Alt-Text zu einer rechtlichen und ethischen Pflicht für öffentlich zugängliche Websites in den meisten Rechtsgebieten macht.
Für die SEO hilft Alt-Text Suchmaschinen zu verstehen, was ein Bild darstellt. Dies verbessert die Chancen der Seite, in Google Bildern zu ranken (die laut SparkToro 2024 etwa 22 % aller Websuchen ausmachen) und trägt zur thematischen Relevanz der Seite bei. Die Dokumentation von Google zur Bildersuche bestätigt ausdrücklich, dass guter Alt-Text ein wichtiger Rankingfaktor für Bildersuchergebnisse ist.
Best Practices: Schreiben Sie 5-125 Zeichen, beschreiben Sie den Zweck des Bildes im Kontext, vermeiden Sie Formulierungen wie "Bild von" oder "Foto von" (Screenreader kündigen es bereits als Bild an) und verwenden Sie alt="" (leerer String) für rein dekorative Bilder, um zu signalisieren: "Überspringen, es handelt sich um Schmuckelemente." Vermeiden Sie Keyword-Stuffing ("SEO SEO beste SEO-Praktiken") – Google hat überladenen Alt-Text seit dem Florida-Update 2007 abgestraft. Laut der WebAIM-Umfrage 2024 zu den Top-1-Million-Homepages haben 31,3 % der Bilder Probleme mit dem Alt-Text – entweder fehlt er, ist leer oder uninformativ.