Alt-Text: Barrierefreiheit und SEO-Power für Ihre Bilder

Jan Rolfsmeyer

Dezember 15, 2024

1 Min. Lesezeit

Alt-Text

Der Alt-Text ist eine kurze Beschreibung, die du einem Bild mitgibst. Sie sagt, was auf dem Bild zu sehen ist, für Google und für Menschen, die das Bild nicht sehen können.

Zwei Gründe, warum das zählt. Erstens: Google kann Bilder nicht anschauen, es liest den Alt-Text. So versteht die Suchmaschine, dass auf dem Foto eine verlegte Terrasse aus Lärche zu sehen ist, und kann dein Bild in der Bildersuche zeigen. Zweitens: Wer schlecht sieht und einen Vorleser nutzt, bekommt den Alt-Text vorgelesen. Ohne ihn bleibt das Bild eine Leerstelle.

Für dich heißt das: Beschreib deine Projektfotos knapp und ehrlich. Nicht „IMG_2843“, sondern „Neu gedecktes Satteldach mit anthrazitfarbenen Ziegeln in Herford“. Das kostet ein paar Sekunden pro Bild und bringt dir Sichtbarkeit in der Bildersuche und eine Website, die für alle funktioniert.

Funktion und Bedeutung des Alt-Texts

Barrierefreiheit:
Sehbehinderte oder blinde Nutzer, die Screenreader verwenden, können durch den Alt-Text erfahren, was auf einem Bild dargestellt ist. Ohne Alt-Text würden sie wichtige Informationen verpassen. Ein aussagekräftiger Alt-Text trägt somit zu einer inklusiven User Experience bei.
SEO-Vorteile:
Suchmaschinen können Bilder nicht wie Menschen „sehen“, sondern sind auf beschreibende Texte angewiesen. Ein informativer Alt-Text hilft Suchmaschinen dabei, den Inhalt des Bildes zu verstehen, wodurch Bilder über die Bildersuche auffindbar werden. Dies kann für mehr Traffic auf die Website sorgen.
Fallback-Lösung bei Ladeproblemen:
Wenn aus technischen Gründen ein Bild nicht geladen werden kann (z. B. aufgrund einer langsamen Internetverbindung oder eines Serverproblems), erscheint an seiner Stelle der Alt-Text. Dieser verhindert, dass Nutzer ganz ohne Informationen dastehen.

Best Practices für Alt-Texte

Kurze, prägnante Beschreibungen:
Ein Alt-Text sollte knapp und genau sein. Idealerweise beschreibt er, was auf dem Bild zu sehen ist, ohne unnötig lange Umschreibungen.
Relevante Keywords einbinden:
Wenn es thematisch passt, kann ein passendes Keyword in den Alt-Text eingefügt werden. Dies sollte aber nur dann erfolgen, wenn es natürlich wirkt und dem Nutzer einen Mehrwert bietet.
Auf unnötige Floskeln verzichten:
Formulierungen wie „Bild von…“ oder „Foto von…“ sind überflüssig, da Screenreader bereits erkennen, dass es sich um ein Bild handelt. Stattdessen direkt zum Inhalt übergehen.
Kontext berücksichtigen:
Der Alt-Text sollte sich auf die Funktion des Bildes im Kontext der Seite beziehen. Ein Bild, das als dekoratives Element ohne Informationsgehalt dient, kann auch mit einem leeren Alt-Attribut (alt=““) versehen werden, um Screenreader-Nutzern unnötige Informationen zu ersparen.

Beispiele für Alt-Texte

Produktfoto:
Ein Bild von einem roten Laufschuh kann beispielsweise den Alt-Text „Roter Laufschuh mit weißer Sohle und Markenlogo auf der Seite“ tragen.
Infografik:
Eine Infografik, die die Umsatzentwicklung zeigt, könnte den Alt-Text „Infografik zeigt steigende Umsatzzahlen von 2019 bis 2023“ erhalten.
Dekoratives Bild:
Ein rein dekoratives Musterbild, das keinen informativen Wert hat, könnte ein leeres alt=““ verwenden, um Screenreader-Nutzer nicht mit irrelevanten Informationen abzulenken.

So nutzt du das im Betrieb

Geh deine wichtigsten Projektfotos durch und gib jedem einen Alt-Text, der beschreibt, was drauf ist und wo. Bei WordPress steht das Feld direkt in der Mediathek neben dem Bild. Gerade deine besten Referenzbilder sollten ihn haben, damit sie bei Google gefunden werden.

Häufige Fragen

Muss wirklich jedes Bild einen Alt-Text haben?
Jedes inhaltlich wichtige Bild ja, vor allem Projektfotos. Rein dekorative Bilder ohne Aussage darf man auch leer lassen. Wichtig ist, dass die Bilder mit Inhalt beschrieben sind.

Bringt der Alt-Text wirklich mehr Besucher?
Über die Google-Bildersuche kann er das, gerade im Handwerk, wo Leute nach „so soll es aussehen“ suchen. Und er macht deine Seite barrierefreier, was Google zusätzlich positiv bewertet.

Wir richten deine Bilder und Seite für Google sauber ein: WordPress-SEO-Service von Signo Media

KI-Hinweis: Dieser Beitrag wurde ganz oder teilweise mithilfe künstlicher Intelligenz erstellt und vor der Veröffentlichung redaktionell geprüft.

Fazit

Der Alt-Text ist ein wesentliches Element, um Bilder für alle Nutzer zugänglich zu machen und Suchmaschinen dabei zu unterstützen, den visuellen Inhalt einer Seite zu interpretieren. Mit kurzen, präzisen und kontextrelevanten Alternativtexten wird sowohl die Nutzererfahrung als auch die SEO-Leistung einer Website verbessert.