GS-WEB-DESIGN Köln · Bergisch Gladbach

Lexikon · A

Alt-Attribut

Das Alt-Attribut ist ein HTML-Attribut, das jedem Bild-Element einen alternativen Text zuweist. Der Text wird angezeigt, wenn das Bild nicht geladen werden kann (langsame Verbindung, Server-Fehler) und vor allem von Screenreadern für blinde Nutzer vorgelesen. Außerdem nutzen Suchmaschinen das Alt-Attribut, um den Inhalt eines Bildes zu verstehen — relevant für Bildersuche und Page-Ranking.

Korrekte Verwendung

Ein gutes Alt-Attribut beschreibt, was auf dem Bild zu sehen ist und welche Funktion es im Kontext der Seite hat. Beispiel: für ein Foto eines Behandlungsraums in einer Physiopraxis-Webseite ist alt="Behandlungsraum mit Therapie-Liege und Übungs-Geräten" hilfreich, alt="Bild" nutzlos. Bei rein dekorativen Bildern ohne Informations-Wert wird das Alt-Attribut leer gelassen (alt="") — nicht weggelassen.

SEO-Effekt

Suchmaschinen können Bild-Inhalte heute zwar visuell analysieren, das Alt-Attribut bleibt aber ein wichtiges Klassifikations-Signal. Ein Bild mit präzise gepflegtem Alt-Text erscheint deutlich häufiger in der Google-Bildersuche und kann bei thematisch relevanten Keywords eigene Traffic-Quellen erschließen — bei Praxis- oder Handwerks-Webseiten oft 5–15 Prozent des organischen Traffics.

Drei häufige Fehler

Erstens: jedes Bild bekommt denselben generischen Alt-Text wie „Praxis Logo" oder „Header-Bild" — nutzlos und SEO-schädlich. Zweitens: Keyword-Stuffing im Alt-Text — wirkt spammy und wird von Google abgewertet. Drittens: das Alt-Attribut wird vom CMS automatisch mit dem Datei-Namen befüllt (alt="IMG_2384.jpg") — keine Information, irritiert Screenreader-Nutzer.

Verwandte Begriffe: Accessibility, Auflösung.