Jedes Bild auf deiner Website sollte einen Alternativtext besitzen.
Ein Alternativtext, oder auch alt-tag genannt, beschreibt den Inhalt des Bildes und ist zudem eine wichtige Basic Einstellung für die SEO Suchmaschineneinstellung.
Die Funktion eines Alternativtextes, kommt aus der Zeit als das Internet noch nicht so schnell war. Kann ein Bild aufgrund zu langsamer Internetgeschwindigkeit nicht geladen werden, so wird anstatt des Bildes der Alt Tag angezeigt. Auch wenn das Bild gelöscht oder verschoben wurde, wird anstatt des Bildes ein Alternativer Text angezeigt.
Viel wichtiger ist, dass du durch setzen des Alt Attributs, wichtige Informationen an die Google Suchmaschine übermittelst. Dabei muss der auf dem Bild dargestellte Inhalt zum Alternativtext inhaltlich passten. Google „liest“ Bilder dank fortschrittlicher KI (Vision API) extrem genau aus – Suchmaschinen-Bots erkennen Objekte, Texte und Kontexte präzise, sodass dein Alt-Tag perfekt zum Bildinhalt passen muss.
In der Programmierung wird das Alt Atribut wird in einem Image Tag eingetragen und wird mit "alt" bezeichnet. Das ist in HTML immer gleich – auch in modernen Frameworks wie Next.js oder React ist das Vorgehen das gleiche.
Dabei muss das Attribut zwischen zwei Anführungszeichen " " stehen. Also zum Beispiel:
<img src="flugzeug-waldshut.jpeg" alt="Flugzeug fliegt über Waldshut"/>
Wenn du ein CMS verwendest wie Wordpress, könnt Ihr das ganze kinderleicht in der Mediathek einfügen. Einfach in der Mediathek das gewünschte Bild aussuchen und in der Zeile "Alternativer Text" dein Alt-Attribut eintragen.
Auf dem Beispielbild sieht man ein Segelflugzeug, dass über die Stadt Waldshut fliegt.
<img src="img-36.jpg" alt=""/>
Das Bild enthält keinen Alternativtext. Auch der Dateiname ist kryptisch.
<img src="flugzeug.jpg" alt=""/>
Das Bild enthält keinen Alternativtext.
<img src="flugzeug.jpg" alt="flugzeug"/>
Der Alternativtext enthält das Keyword „Flugzeug“
<img src="flugzeug-waldshut.jpg" alt="blaues Flugzeug mit Propellerantrieb das über die Stadt Waldshut fliegt"/>
Der Alternativtext des Bildes enthält neben dem Keyword „Flugzeug“ noch ein weiteres Keyword „Waldshut“. Zusätzlich wird das Bild sehr gut beschrieben mit Farbe und Flugzeug art. Das findet Google gut und erwartet das die Bilder sehr gut detailiert beschrieben sind.
Google und andere Suchmaschinen nutzen Alt-Tags, um den Inhalt eines Bildes besser zu verstehen. Aber auch barrierefreie Websites nutzen die Alt Tags zum vorlesen. Deshalb solltest du Bilder möglichst präzise, passend, detailliert und verständlich beschreiben. Einen passenden Hilfeartikel dazu findest du direkt bei Google.
Zum Magazin
Was kostet dein Projekt?
Finde mit unserem Preisrechner schnell raus was dein Projekt kostst.
Zum Preisrechner
Von der ersten Idee bis zur laufenden Betreuung: Hunderte Projekte zeigen, wie wir Kunden digital erfolgreicher machen – mit messbaren Ergebnissen und persönlichem Support.
Du interessiert dich für ein kostenloses Beratungsgespräch?
Vereinbare noch heute einen Termin, um alle deine Wünsche und Fragen ausführlich zu besprechen. Lass dich beraten. Wir machen dein Projekt erfolgreich und sichtbar.
*Antwort innerhalb 24 Stunden
Deine Werbeagentur aus Waldshut Tiengen, Schwarzwald.
Webdesign | Softwareentwicklung | Digital Marketing | E-Commerce | App Entwicklung | Suchmaschinenoptimierung SEO
