Skip to main content

Alt-Tag (Alt-Attribut)

Was ist der Alt-Tag?

Der ALT-Tag beschreibt ein Bild auf einer Webseite (ALT = Abkürzung für “Alternative”, d.h. alternativer Text). Kann ein Bild oder eine Grafik z.B. bei technischen Problemen oder langen Ladezeiten nicht auf der Website angezeigt werden, erscheint dafür der im ALT-Tag hinterlegte Text. Anhand des alternativen Textes können Nutzer sich vorstellen, welches Bild auf der Webseite angezeigt werden sollte. Der ALT-Tag (auch ALT-Attribut oder ALT-Element genannt) sollte daher bei jeder Bilddatei einer Webseite hinterlegt werden. Gleichzeitig trägt der ALT-Tag zur Barrierefreiheit im WWW bei: Für sehbehinderte Nutzer sind Grafiken nicht zugänglich. In diesem Fall kann der ALT-Tag über einen Screenreader vorgelesen werden.

Welche Bedeutung hat der alt-Tag für die Suchmaschinenoptimierung?

Für die Webseiten-Optimierung ist der ALT-Tag ebenfalls von Relevanz. Der ALT-Tag gibt Suchmaschinen einen Hinweis zum Bildinhalt und Content auf der Webseite. Google arbeitet bereits an einer Bilderkennung, bis jedoch Bilder von Suchmaschinen so identifiziert werden können, wie von einem menschlichen Nutzer, hilft der ALT-Tag Suchmaschinen dabei mehr über den Inhalt des Bildes und dessen Kontext zu erfahren. Dies ist wichtig, damit Bilder in der Bildersuche zu bestimmten Suchanfragen erscheinen können. Werden ALT-Tags genutzt, steigen zudem die Chancen, bessere Rankings in den Google Suchergebnissen zu erzielen.

Was ist aus SEO-Sicht zu beachten?

  • Der ALT Tag sollte präzise den Bildinhalt beschreiben.
  • Die Suchanfrage/das Hauptkeyword sollte nach Möglichkeit im ALT-Tag hinterlegt werden.
  • Eine Aneinanderreihung von Keywords (=Keyword-Stuffing) ist zu vermeiden.
  • Bei verlinkten Bildern nimmt der ALT-Tag zusätzlich die Stelle des verlinkten Textes ein.

Beispiel:
Ladezeiten optimieren: Google PageSpeed Insights
Der Screenhot zu Google Page Speed Insights ist wie folgt im Quellcode hinterlegt:

<img src="onlinesolutionsgroup.de/blog/wp-content/uploads/2017/01/Ladezeiten-optimieren-Google-PageSpeed-Insights.png" alt="Ladezeiten optimieren: Google PageSpeed Insights" />

ALT-Tag Aufbau

Der Alt-Tag wird im Quellcode bei dem entsprechendem Bild hinterlegt:

<img src="media/bild.jpg" alt="kurze und prägnante Beschreibung des Bildes" />

Tipp

Bei sehr umfangreiches Websiten, wie z.B. großen Onlineshops kann es mühsam sein alle alt-tags manuell zu pflegen. Hier empfiehlt sich eine Automatik zu programmieren. Beispielsweise kann der Produktname automatisch als Alt-Tag beim entsprechenden Produktbild hinterlegt werden

Was ist der Unterschied zwischen einem Alt-Tag und einem title-Tag?

Der ALT-Tag hilft Suchmaschinen, den Bildinhalt und den Kontext des Bildes zu identifizieren und wird im Quellcode einer Webseite angezeigt. Der TITLE-Tag zeigt hingegen dem Besucher auf der Webseite weitere Informationen zu einem Bild an. Nähere Informationen zu Title-Tag und seiner Relevanz für SEO finden Sie hier.

Sie haben noch Fragen?

Kontaktieren Sie uns

Alt-Tag (Alt-Attribut)
4.8 (96.15%) 26 votes