Alt-Text: gut für Barrierefreiheit, gut für SEO
Von The AsasWeb team 1 Min. Lesezeit
Guter Alt-Text beschreibt, was ein Bild in seinem Kontext bedeutet, in etwa einem natürlichen Satz, sodass Screenreader-Nutzer dieselbe Information erhalten wie sehende Besucher. Rein dekorative Bilder sollten leeren Alt-Text tragen, damit assistive Technologien sie überspringen. Stopft keine Keywords hinein und beginnt nicht mit der Formulierung Bild von, denn Screenreader kündigen Bilder ohnehin an. Dieselben Worte, die blinde Besucher einbeziehen, helfen euren Bildern auch beim Ranking in der Suche.
Alternativtext ist die kurze schriftliche Beschreibung eines Bildes. Screenreader-Nutzer hören ihn anstelle des Bildes, und Suchmaschinen lesen ihn, um zu verstehen, was das Bild zeigt. Eine kleine Gewohnheit dient beiden Zielgruppen, doch die meisten Websites machen es falsch.
Den Zweck beschreiben, nicht die Pixel
Guter Alt-Text vermittelt, was das Bild im Kontext bedeutet, keine wörtliche Pixel-für-Pixel-Schilderung. Bei einem Foto eines Produkts im Einsatz beschreibt das Produkt und was geschieht, nicht “Bild” oder den Dateinamen. Fragt euch: Wenn das Bild verschwände, welche Worte würden hier seine Aufgabe übernehmen?
Dekorative Bilder bekommen leeren Alt-Text
Nicht jedes Bild braucht eine Beschreibung. Rein dekorative Grafiken, die keine Information hinzufügen, sollten leeren Alt-Text haben, damit ein Screenreader sie überspringt, statt Lärm vorzulesen. Zu wissen, wann man nichts sagt, gehört dazu, das gut zu machen.
Knapp und natürlich halten
Ein Satz reicht meist völlig. Stopft keine Keywords hinein, und beginnt nicht mit “Bild von”, da assistive Technologien ohnehin ansagen, dass es ein Bild ist. Schreibt so, wie ihr das Bild jemandem am Telefon beschreiben würdet.
Es hilft, gefunden zu werden
Gut geschriebener Alt-Text ist ein stiller SEO-Gewinn. Er hilft euren Bildern in der Bildersuche zu erscheinen und gibt Suchmaschinen mehr Kontext zur Seite. Dieselben Worte, die einen blinden Besucher einschließen, helfen auch einer Suchmaschine, ein wiederkehrendes Thema in unserer Arbeit.
Jedes Bild auf dieser Website, einschließlich der Screenshots in unseren Arbeiten, trägt aussagekräftigen Alt-Text. Wenn eure Website voller unbeschriebener Bilder ist, startet ein Projekt und wir bringen das in Ordnung.