Was ist ein Alt Tag?

 

Die Abkürzung Alt Tag steht für Alter­native-Tag. Diese Meta-Angabe findet sich als Beschr­eibung von Bildern oder Grafiken im Quelltext einer Webseite. Sie hat für die Suchmaschinen­optimierung und die Bar­rie­re­freiheit im Internet Bedeutung.

 

Alt Tag und Alt Attribut - Was ist das?

Der Alt Tag wird auch als Alt Attribut bezeichnet. Er ist ein alter­na­tiver („alt“) Text, der im HTML Code für eine Bilddatei angegeben werden kann. Für die Web­sei­ten­be­sucher ist er im Nor­malfall nicht sichtbar.

 

 

Alt Tag HTML-Quellcode
Der Alt Tag im Quellcode einer Webseite.

Die Angabe eines Alt Attributs dient unter anderem der Bar­rie­re­freiheit einer Webseite. Nutzer mit Seh­be­hin­derung verwenden Screen­reader Softwares, die den Web-Content vorlesen. Abbil­dungen können von diesen Pro­grammen nicht aus­ge­lesen und beschrieben werden. Die geben statt­dessen den Text aus dem Alt Tag an. Diese Meta-Angabe trägt also deutlich zur Usability einer Seite bei.

Die Crawler und der Algo­rithmus der Such­ma­schine erkennen jedoch keine Bild­in­halte, sondern nur Text. Sie ziehen nur die Tags aus dem HTML Code heran. Darum ist es von großer Bedeutung, alle Abbil­dungen einer Seite mit einem beschrei­benden Alt Tag zu versehen. So kann das Bild oder die Grafik von Google besser ana­ly­siert und für die Bil­der­suche kate­go­ri­siert werden. Mehr dazu im Kapitel Bilder-SEO!

Es kann aber auch passieren, dass die Abbil­dungen einer Webseite nicht geladen werden können. Statt­dessen wird das broken image-Icon und der gesetzte Alt Tag angezeigt.

 

 

Wenn eine Abbildung nicht geladen werden kann, wird das Broken Image-Icon und der Alt Tag angezeigt.

 

Das passiert etwa, wenn man einem Browser verwendet, der durch fehlende Updates Schwie­rig­keiten mit der Dar­stellung mancher Medi­en­in­halte hat. Das Problem kann aber auch im Backend der Webseite liegen, wenn bei­spiels­weise Dateien nicht mehr abrufbar sind, weil sie ver­schoben oder umbenannt wurden. Außerdem wird einem User der Alt Tag angezeigt, wenn dieser die auto­ma­tische Bild­an­zeige im Internet deak­ti­viert hat.

Welchen Inhalt sollte der Alt Tag haben?

Grund­sätzlich gibt es für den Umfang des Alt Attributs keine Beschränkung. Keyword Stuffing, also die über­mäßige Ver­wendung eines Keywords, sollte auch in den Meta-Angaben und somit im Alt Tag vermieden werden. Dies führt zu einem Penalty von Google, die sich negativ auf das Ranking auswirkt.

In einem korrekten Alt Tag wird der Bild­inhalt kurz, präzise und sachlich wie­der­ge­geben. Im besten Fall enthält die Angabe das Haupt­keyword und etwa 1-5 zusätz­liche erläu­ternde Begriffe. Die Abbildung sowie ihr Zusam­menhang mit dem Text sollten auch allein durch das Alt Attribut erfassbar sein. Ist es nur schwer möglich, eine Ver­knüpfung zwischen Bild und Text zu schaffen, hilft eine Bild­un­ter­schrift weiter.

  • Haupt­keyword verwendet
  • Sachliche Beschr­eibung der Abbildung
  • Zusam­menhang mit dem Text auf­ge­zeigt bzw. erläu­ternde Bild­un­ter­schrift gesetzt
Do’s und Don’ts für den perfekten Alt Tag
  • Schlecht (fehlender Alter­na­tivtext):
<img src="kaktus.jpg"/>
  • Schlecht (Keyword-Stuffing):
<img src="kaktus.jpg" alt="Kaktus Kakteen Sukkulenten klein Kakteen groß Kaktus online Versand Kakteen winterhart Riesenkaktus blühende Kakteen Balkonpflanze Wüstenpflanze pflegeleicht Kaktus Pflege Kakteen Urlaub Kaktus gießen Wasserspeicher"/>

 

  • Besser:
<img src="kaktus.jpg" alt="kaktus.jpg" alt="Kaktus"/>
  • Am besten:
<img src="kaktus.jpg" alt="Kaktus im Saguaro National Park"/>

 

Wie ändert man den Alt Tag einer Abbildung?

In den meisten Content Management Systemen ist es möglich, das Alt Attribut auto­ma­tisch zu einem Bild oder einer Grafik hin­zu­zu­fügen. Bei WordPress kann der Alt Tag in der Mediathek nach Auswahl der jewei­ligen Abbildung verändert werden.

 

 

alt tag ändern wordpress
Beim Hin­zu­fügen einer Abbildung in die Mediathek des CMS WordPress kann der Alter­na­tivtext (Alt Tag) direkt angepasst werden.

Im HTML-Quelltext sieht der Code für den Alt Tag fol­gen­der­maßen aus:

<img src=”Grafik.jpg” alt=”Hauptkeyword und zusätzliche Erklärung”> 

Abbil­dungen ohne Beitrag zum Inhalt des Textes, etwa deko­rative Elemente wie Hin­ter­grund­bilder, Zier­gra­fiken, Rahmen oder Linien können mit einem leeren Alt Tag versehen werden, anstatt ihn weg­zu­lassen. Für ein leeres Alt Attribut setzt mal einfach zwei Anfüh­rungs­zeichen direkt nach­ein­ander:

<img src=”bildtitel.jpg” alt=””> 

 

Was ist der Unter­schied zwischen dem Alt Tag und dem Title Attribut?

Bilder und Grafiken sollten aus SEO-Sicht sowohl mit einem Alt Tag, als auch mit einem Title Attribut oder Bildtitel versehen werden. Aber was ist der genaue Unter­schied zwischen diesen Angaben? Alt und title sind Attribute, die einer Abbildung im Quelltext zuge­ordnet werden können:

<img src=”Bildtitel.jpg” alt=”Alt Tag” title=”Bildtitel”>

 

Wie wir bereits wissen, ist das Alt Attribut ein alter­na­tiver Text, der anstelle von Bild­da­teien angezeigt werden kann. Es ist im HTML Code nur auf den img-Tag anwendbar und für den User, bis auf wenige Ausnahmen nor­ma­ler­weise nicht sichtbar.

Das Title Attribut hingegen ist ein uni­ver­sales Attribut, das nicht nur von Abbil­dungen, sondern auch für Ver­lin­kungen im Text verwendet werden kann. Es wird für den Nutzer nach einer kurzen Ver­zö­gerung sichtbar, wenn er mit dem Cursor über Abbil­dungen streicht („Mouseover“). Das Title Attribut dient also neben der SEO auch der Usability, etwa, wenn keine Bild­un­ter­schrift vorhanden ist. Möglich ist auch, das Copyright, kurze Kom­mentare oder Erläu­te­rungen im Title Attribut eines Bildes zu vermerken.

Bei den folgenden beiden Abbil­dungen wird der Unter­schied mit und ohne Bildtitel deutlich:

 

 

Logo Fuseon SEO Agentur
Bei diesem Logo wurde kein Bildtitel hin­zu­gefügt.

 

 

 

Logo FUSEON SEO Agentur
Dieses Logo ist mit einem Bildtitel versehen. Zeigt man mit dem Cursor darauf, wird nach kurzer Zeit das Title Attribut sichtbar – Probier‘ es aus!

suchmaschinenoptimierung betreuung

Bilder-SEO: Relevanz von Alt Tags für die Suchmaschinen­optimierung

Die Crawler der Such­ma­schine Google sind nicht in der Lage, den Inhalt von Abbil­dungen und Grafiken zu erfassen. Sie ziehen darum den Alt Tag sowie andere Onpage-Signale heran, die in Zusam­menhang mit dem Bild gefunden werden. Auch der Text, der in der näheren Umgebung zu finden ist, wird für die Ermittlung der Relevanz für das jeweilige Keyword verwendet.

Google möchte auf diese Weise in den SERPs genau die Abbil­dungen an einer guten Position ranken, die für ein bestimmtes Keyword die höchste Bedeutung haben. Für die Bild-SEO bedeutet das, dass besonders das Alt Attribut sinnvoll gewählt werden muss. Um den optimalen Alt Tag zu ermitteln, ist etwa die Über­legung, für welches Keyword die Abbildung in der Bil­der­suche die höchste Relevanz hätte. Außerdem kann man sich die Frage stellen, welche Such­an­frage genau zu diesem Bild führen würde. Hier noch genaueres zum Aufbau eines Alt Tags.

  • Aus­sa­ge­kräftige Alt- und Title Tags dienen der gesamten SEO einer Webseite. Sie stärken die Relevanz zu einem bestimmten Keyword!
  • Der Alt Tag steht jedoch immer in Bezug auf die Abbildung und nicht auf den übrigen Inhalt der Webseite!

SEO Anleitung

 

Alt Tag
5 (100%) aus 3 Bewer­tungen