GlossarTechnik
Der Alt-Text ist der alternative Textbaustein eines Bildes, der es für Screenreader und Suchmaschinen beschreibt.
Der Alt-Text, kurz für alternativer Text, beschreibt in wenigen Worten, was auf einem Bild zu sehen ist. Er wird im Code hinterlegt und normalerweise nicht angezeigt, erfüllt aber gleich mehrere wichtige Aufgaben. Kann ein Bild nicht geladen werden, erscheint an seiner Stelle der Alt-Text, und für viele Menschen sowie für Suchmaschinen ist er die einzige Möglichkeit, den Bildinhalt zu erfassen.
Der Alt-Text wirkt auf zwei Ebenen. Zum einen macht er eine Website barrierefrei, denn Screenreader lesen ihn Menschen mit Sehbehinderung vor und vermitteln so den Bildinhalt. Zum anderen können Suchmaschinen Bilder nicht wie Menschen sehen und sind auf die textliche Beschreibung angewiesen, um sie einzuordnen. Ein guter Alt-Text hilft damit zugleich der Bildersuche und dem Verständnis der Seite beim Crawling.
Ein gelungener Alt-Text ist kurz, treffend und beschreibt, worauf es beim Bild ankommt. Diese Grundsätze helfen.
Vom Aneinanderreihen vieler Keywords sollten Sie absehen, denn das schadet der Verständlichkeit und wirkt schnell unnatürlich. Der Alt-Text steht in einer ähnlichen Rolle wie der Title-Tag: Beide beschreiben einen Inhalt knapp und präzise für Menschen wie Maschinen.
Häufig wird der Alt-Text mit dem Dateinamen oder dem Titel eines Bildes verwechselt. Zwar hilft auch ein sprechender Dateiname beim Einordnen, doch der Alt-Text erfüllt eine eigene Aufgabe und ist für die Barrierefreiheit unverzichtbar. Wer beim Einpflegen von Bildern jeweils wenige Sekunden in eine treffende Beschreibung investiert, verbessert die Zugänglichkeit seiner Website spürbar und verschenkt zugleich kein Potenzial in der Bildersuche. Nebenbei zahlt eine bewusste Bildpflege auf die Ladezeit ein, denn passend dimensionierte Bilder unterstützen gute Core Web Vitals.