ALT-Attribut: Was ist ein ALT-Tag?

Logo 3S+WebDesign
Info auf die Schnelle

Was ist ein Alt Attribut

Das ALT-Attribut oder Alt-Text wird genutzt, um Bildinhalte in Textform wiederzugeben. Es spielt eine besondere Rolle in der Suchmaschinenoptimierung und der barrierefreien Gestaltung von Websites. Alle Infos zu Verwendung, Optimierung und Bedeutung des ALT-Tags findest du hier im ?berblick.



Der ALT-Tag, auch ALT-Attribut oder ALT-Text genannt, wird genutzt, um Bilder im Quelltext einer Website auszuzeichnen. Die Abk?rzung „ALT“ steht hierbei f?r „Alternative“ (englisch: „alternative“). Der Wortteil „Tag“ stammt vom englischen „to tag“, was mit „markieren“ ?bersetzt werden kann.

Als Alternativtext f?r Bilder erscheint der ALT-Tag immer dann, wenn diese aus technischen Gr?nden nicht angezeigt werden k?nnen und beschreibt den Inhalt eines Bildes. Normalerweise sind ALT-Attribute nicht sichtbar f?r Besucher einer Website. ALT-Tags sind relevant im Bereich der Suchmaschinenoptimierung sowie f?r die barrierefreie Nutzung von Websites, da Screenreader ALT-Tags vorlesen k?nnen. Dies erm?glicht beispielsweise Menschen mit einer Sehbehinderung Bilder zu verstehen, auch wenn sie diese nicht oder nur teilweise sehen k?nnen.



ALT-Tags sind hilfreich f?r Suchmaschinen, da sie diese dabei unterst?tzen, Bildinhalte zu verstehen und zu interpretieren. Dies ist eine Grundvoraussetzung, damit Suchmaschinen Bilder als Ergebnisse f?r passende Suchanfragen ausspielen k?nnen. Aktuell ist die Bilderkennung von Suchmaschinen noch nicht ausgereift genug, weshalb sie auf Hinweise in Textform zur?ckgreifen m?ssen, um Bilder vollst?ndig verstehen zu k?nnen.

Google empfiehlt die Verwendung von ALT-Tags, nicht nur aus SEO-Gr?nden, sondern vor allem auch im Sinne der Barrierefreiheit. Bei der Interpretation von Bildern verlassen sich Suchmaschinen jedoch nicht nur auf ALT-Tags. So auch auf den bildumgebenden Text, Bildunterschriften oder den Title-Tag eines Bildes. Um erfolgreiches Bilder-SEO zu betreiben, sollten ALT-Tags also unbedingt verwendet werden, aber auch andere Optimierungsma?nahmen unterst?tzen den Erfolg.



Der perfekte ALT-Tag beschreibt den Inhalt eines Bildes so, dass die Kernaussage des Bildes nachvollziehbar ist, auch wenn es nicht sichtbar ist. Wichtig ist vor allem die Nennung des Hauptkeywords, f?r welches das Bild oder eventuell sogar die gesamte Seite ranken soll. Dennoch sollte das ALT-Attribut unbedingt zum Bildinhalt passen sowie kurz und aussagekr?ftig formuliert sein. Dabei ist Keywordstuffing unbedingt zu vermeiden, da Suchmaschinen diese Technik als Spam einstufen und somit die Chance auf Rankings f?r ein Keyword eher gef?hrdet als st?rkt..

Zusammenfassung Do’s und Don’ts bei der Erstellung eines ALT-Tags:

  • Hauptkeyword nennen
  • Kurz und aussagekr?ftig formulieren
  • Zwischen 40-60 Zeichen nutzen
  • Sollte zu Bildinhalt passen
  • Bildaussage muss erkennbar sein, auch in Abwesenheit des Bildes
  • Keywordstuffing vermeiden ( Mehr ?ber ?ber Keywordstuffing hier)


Angenommen, Sie betreiben eine Website ?ber Hunde und informieren Ihre Nutzer in einem Glossar ?ber die verschiedenen Hunderassen. Ein Artikel Ihres Glossars geht auf Dackel ein und in diesem Artikel verwenden sie ein Bild eines Dackels. So k?nnte ein sinnvoller ALT-Tag aussehen:

< img src=“dackel_beispielbild“ alt=“dackel“ >

Dabei kann es durchaus sinnvoll sein, zus?tzlich zum Hauptkeyword auch Nebenkeywords und verwandte Begriffe im ALT-Tag zu verwenden. Auch hier gilt: Keywordstuffing vermeiden und eine aussagekr?ftige, alternative Bildbeschreibung w?hlen.

Bild eines Kurzhaardackels. Dies ist ein Beispielbild f?r ein Alt-Tag und deren korrekte Verwendung!
Bild eines Dackels


Zus?tzlich zum ALT-Tag k?nnen auch weitere Bildauszeichnungen genutzt werden bei der Optimierung von Bildern. Der ALT-Tag sollte nicht mit dem Title-Tag verwechselt werden, der eine andere Funktion erf?llt: F?hrt ein Nutzer mit der Maus ?ber ein Bild, wird der Text angezeigt, der durch den Title-Tag definiert wurde.

< img src=“dackelfoto.jpg“ alt=“Dackel“ title=“Dackel sind besonders intelligente und freundliche Hunde.“ >

Dackelbild

Der Inhalt des Title-Tags ersetzt den Bildinhalt nicht, falls dieses nicht angezeigt werden kann. Er sollte also weniger den Inhalt des Bildes beschreiben als Zusatzinformationen liefern. Die Verwendung des Title-Tags zus?tzlich zum ALT-Attribut ist aus SEO-Sicht wichtig und empfehlenswert, da auch hier relevante Inhalte sowie Keywords platziert werden k?nnen.



Der ALT-Tag sollte nicht als alleinige M?glichkeit verstanden werden, Rankings positiv zu beeinflussen, sondern Teil einer ganzheitlichen Optimierungsstrategie sein. Sie sollten nicht auf die Verwendung von ALT-Attributen verzichten, zumal es in der Regel nur wenige Minuten in Anspruch nimmt, einen aussagekr?ftigen ALT-Tag zu formulieren. Auch wenn Suchmaschinen wie Google Fortschritte im Bereich der Bilderkennung machen, wird es auch zuk?nftig sinnvoll sein, Alternativtexte f?r Bilder zu formulieren, auch im Sinne der Barrierefreiheit.



Was ist Alt Attribute bei Bildern?

Das Alt Attribut oder Alt-Tag wird verwendet, um Bilder im Quelltext einer Website auszuzeichnen. Es ist im Rahmen Onpageoptimierung eine wichtige Stellschraube, um Suchmaschinenoptimierung f?r eine Webseite zu betreiben. Es beschreit, z.B, f?r Google oder Screenreader, was auf dem Bild dargestellt wird.

Was ist ein leeres ALT Attribut?

Wird das alt-Attribut nicht ausgef?llt, informiert dies den Screenreader, dass das entsprechende Bild unbedeutend und nur zur Dekoration dient. Der Reader ignoriert die Bilddatei und ?berliest diese quasi.

Bild von Nils Wiederer, der Autor und Betreiber von 3S+WebDesign. Freundlich l?chelnder Mann Mitte Drei?ig mit Brille, braunem Vollbart und braunem mittellangen Haaren, der vor einem B?cherregal sitzt.
Nils Wiederer, Autor und Betreiber von 3S+WebDesign.

Als SEO?Experte unterst?tze ich meine Kunden mit nachhaltiger Suchmaschinenoptimierung. Egal ob in der Umsetzung oder in der Konzeption. Das Ergebnis ist mehr Sichtbarkeit in den Rankings von Google und Co. Das bedeutet mehr Reichweite und mehr potenzielle Kunden.

Weitere Quellen zum Thema Alt-Attribut:
https://www.searchmetrics.com/de/glossar/alt-attribut/
https://de.wikipedia.org/wiki/Alt-Text

Nach oben scrollen