Der Alt-Text, auch als alternativer Text bezeichnet, ist ein kurzer Text, der einem Bild auf einer HTML-Seite zugeordnet wird. Er dient als alternative Darstellung des Bildes, wenn dieses aus irgendwelchen Gründen nicht angezeigt werden kann. Dies kann zum Beispiel der Fall sein, wenn das Bild nicht geladen werden kann, der Browser das Bild nicht unterstützt oder der Nutzer das Bild ausblendet.
Der Alt-Text ist auch für die Barrierefreiheit von Webseiten wichtig. Blinde oder sehbehinderte Nutzer, die eine Webseite mit einem Screenreader nutzen, können den Alt-Text hören, um zu erfahren, was auf dem Bild zu sehen ist.
Alt-Text SEO-Bedeutung
Der Alt-Text kann auch für die Suchmaschinenoptimierung von Webseiten wichtig sein. Suchmaschinen wie Google können den Alt-Text verwenden, um den Inhalt eines Bildes zu verstehen und zu bewerten. Wenn der Alt-Text relevante Keywords enthält, kann dies dazu beitragen, dass die Webseite in den Suchergebnissen für diese Keywords besser gerankt wird.
Wie schreibe ich einen guten Alt-Text?
Ein guter Alt-Text sollte kurz und prägnant sein. Er sollte die wichtigsten Informationen über das Bild enthalten, ohne zu ausführlich zu sein. Der Alt-Text sollte auch relevante Keywords enthalten, die für die Zielgruppe der Webseite relevant sind.
Bei der Erstellung eines Alt-Textes sollten Sie folgende Punkte beachten:
- Beschreiben Sie das Bild möglichst genau. Was ist auf dem Bild zu sehen? Welche Personen oder Objekte sind abgebildet? Was ist der Kontext des Bildes?
- Verwenden Sie relevante Keywords. Wenn das Bild für eine bestimmte Suchanfrage relevant ist, sollten Sie diese Keywords im Alt-Text verwenden.
- Achten Sie auf die Länge des Alt-Textes. Der Alt-Text sollte maximal 125 Zeichen lang sein.
Beispiele für gute Alt-Texte
Hier sind einige Beispiele für gute Alt-Texte:
- Ein Bild von einem Produkt: „Produktbild: Smartphone iPhone 15 Pro Max, silber“
- Ein Bild von einer Person: „Bild von Bundeskanzler Olaf Scholz“
- Ein Bild von einer Landschaft: „Panoramabild Hamburger Hafen“
Beispiele für schlechte Alt-Texte
Hier sind einige Beispiele für schlechte Alt-Texte:
- Ein leerer Alt-Text: „“
- Ein Alt-Text mit irrelevanten Keywords: „Bild: iPhone 14 Pro Max, schwarz, Smartphone, Apple“
- Ein Alt-Text, der zu lang ist: „Produktbild: Das iPhone 14 Pro Max ist das neue Flaggschiff von Apple. Es verfügt über einen 6,7-Zoll-Super-Retina-XDR-Display, einen A16 Bionic-Chip und eine Triple-Kamera mit 48 Megapixeln.“
Fazit
Der Alt-Text ist ein wichtiger Bestandteil von Webseiten. Er ist nicht nur für die Barrierefreiheit, sondern auch für die Suchmaschinenoptimierung wichtig. Wenn Sie Alt-Texte auf Ihren Webseiten verwenden, sollten Sie diese sorgfältig erstellen, um die bestmögliche Wirkung zu erzielen.
