Was ist ein Alt-Text?
Bei einem Alt-Text handelt es sich um eine Bildbeschreibung eines Bildes auf einer Website. Der Alt-Text ist im HTML-Code und nicht auf der Seite zu sehen.
Warum ist der Alt-Text wichtig?
Welche 3 Gründe den Alt-Text so relevant machen, veranschaulicht unsere Infografik:
1. Der Alt-Text hilft bei Barrierefreiheit
Alt-Texte ermöglichen Sehbehinderte, Inhalte online zu konsumieren. Sie benutzen ein Programm (sog. Screenreader), bei den Abbildungen in ein Audioformat umgewandelt werden. Gibt es für ein Bild keinen Alt-Text, kann der Screenreader dieses Bild dem Sehbehinderten nicht kommunizieren.
2. Der Alt-Text erhöht die „thematische Relevanz“
Um Inhalte zu verstehen, analysiert Google alle Wörter einer Seite.
Wenn eine Seite zum Beispiel Küchen, Betten und Vasen erwähnt, weiß Google dass es sich dabei um Möbel oder einen Möbelhersteller handelt.
3. Der Alt-Text fungiert als Anchor-Text
Man sollte nach Möglichkeit versuchen, alle wichtigen Bilder mit einem Alt-Attribut auszustatten. Google kann mehr über die Seite erfahren, zu der verlinkt wird, wenn ein Alt-Text eingebaut wird.
Wie füge ich Alt-Texte zu meinen Bildern hinzu?
Füge einfach ein Alt-Attribut zum
<img>-Tag im HTML-Code.
Bild mit Alt-Tag:
<img src=“Hirsch.jpg” alt=“Berg mit Hirsch”>
Wenn du ein modernes CMS nutzt, sollte es möglich sein, den Alt-Text hinzuzufügen, ohne dazu den HTML-Code zu durchsuchen.
WordPress beispielsweise bietet ein Feld für den Alt-Text an, wenn ein Bild zu einer Seite oder einem Beitrag hinzugefügt wird.
Braucht jedes Bild einen Alt-Text?
Nein! Wenn das Bild nur aus optischen Gründen verwendet wird, kann auf einen Alt-Text verzichtet werden.
So gelingt ein Alt-Text
Folgst du diesen fünf Schritten, wird dein nächster Alt-Text ein voller Erfolg:
- Statt auszuschweifen ist es besser, den Alt-Text kurz zu halten.
- Beschreibe sehr genau, was auf dem Bild zu sehen ist.
- Bitte vermeide Keyword-Stuffing!
- Verzichte auf überflüssige Informationen oder Wiederholungen, die bereits im Kontext des Bildes existieren.
Beispiel für gute und schlechte Alt-Texte
Welche Alt-Texte funktionieren und welche nicht? Das lässt sich ganz einfach anhand eines Beispiels verdeutlichen:
So nicht: <img src=“Hirsch.png” alt=“Foto eines Hirsches”>
Okay: <img src=“Hirsch.png” alt=“Hirsch”>
Schon besser: <img src=“Hirsch.png” alt=“Hirsch auf Wiese>
Top: <img src=“Hirsch.png” alt=“Schwarzer Hirsch steht auf einer Weise vor Berglandschaft”>
Brauchst du Hilfe rund um die Themen Alt-Text, SEO oder in anderen Bereichen des Online Marketings? Dann kontaktiere uns jetzt unverbindlich!
Ähnliche Einträge