Content Management,  SEO

Was ein Alt-Tag ist und wie du ihn richtig nutzt

Immer wieder entdecke ich auf Webseiten Bilder ohne Alt-Tag. Oder ich stelle auf meiner eigenen Webseite fest, dass ich ihn vergessen habe. Dabei ist der Alt-Tag ein wichtiges Element, das bei der Pflege von Webseiten und der SEO-Optimierung nicht fehlen darf.

 

Was ist der Alt-Tag?

Der Alt-Tag beschreibt das Bild mit einem alternativen Text. Alt steht als Abkürzung für alternativ und Tag ist englisch für Markierung. Man sieht den Alt-Tag nur im HTML-Code der Bilder, aber niemals auf der Webseite. Verwechsel ihn nicht mit dem Titel-Tag von Bildern.

 

Wozu ist der Alt-Tag da?

  1. Ist dein Bild aus irgendeinem Grund nicht verfügbar (z.B. weil es verschoben oder gelöscht wurde), wird statt des Bildes der Alt-Text angezeigt.
  2. Screenreader lesen sehbehinderten Personen den alternativen Text vor. Du trägst damit also zur Barrierefreiheit im Netz bei. Google bewertet das als positiv und verbessert so dein Ranking.
  3. Außerdem finden Suchmaschinen die Bilder über den Alt-Tag. Da die Algorithmen keine Bilder erkennen und interpretieren können, greifen sie auf den Alt-Tag zurück. Dieses Video veranschaulicht das sehr schön:

 

 

Wie fügst du deinen Bildern den Alt-Tag hinzu?

Per HTML-Code fügst du den Alt-Tag folgendermaßen ein. Achte darauf, den Text in Anführungszeichen zu setzen:

 

<img src=“/ordner/bildquelle.jpg“ alt=“Hier steht der Alt-Text“>

 

In Content Management Systemen gibt es in der Bilderverwaltung in der Regel ein entsprechendes Feld, um den Alt-Tag einzupflegen.

So funktioniert es bei WordPress: Hier zu gehst du in die Medienverwaltung und klickst dann das entsprechende Bild an. Nachdem sich das Pop-Up mit dem Bild geöffnet hat, kannst du auf der rechten Seite verschiedene Angaben zum Bild machen. Nutze das Feld „Alternativtext“, um den Alt-Tag einzufügen.

 

Alt-Tag bei WordPress einfügen

 

Welchen Inhalt sollte ein Alt-Tag haben?

Wie im Video oben beschrieben, sollte der Alt-Tag in kurzen Worten erläutern, worum es im Bild geht. Für die Länge des Textes gibt es keine festgelegte Unter- oder Obergrenze. Halte den Text trotzdem so knapp wie nötig, denn Screenreader lesen diesen Text später vor. Da braucht es keine Romane.

 

Sinnvoll für Google ist, wenn der Alt-Tag auch das Fokus-Keyword der Seite enthält. Allerdings solltest du nicht wahllos alle Keywords nutzen, die dir zu deiner Webseite einfallen. Das könnte von den Suchmaschinen als Spamming gewertet und mit einem schlechteren Ranking abgestraft werden.

 

So findest du heraus, ob deinen Bildern Alt-Texte fehlen

Mit dem SEO-Tool Varvy kannst du ganz leicht herausfinden, ob Bilder auf deiner Webseite fehlende Alt-Tags haben. Gib die URL deiner Webseite in das Formular ein und klicke auf Test. Danach wird deine Webseite auf verschiedene Elemente untersucht. Unter dem Punkt Image Alt Tag wird dir angezeigt, welche Bilder keinen Alt-Tag haben. Die kannst du danach manuell ändern.

 

Screenshot: Fehlenden Alt-Tag mit Varvy SEO-Tool suchen

 

Verwechsle den Alt-Tag nicht mit dem Title-Tag

Der Text im Alt-Tag ist aus den oben genannten Gründen wichtig, man kann ihn auf der Webseite aber nirgends sehen. Fährst du mit der Maus über ein Bild, erscheint manchmal eine Beschreibung. Das erreichst du mit dem title. Dieses Attribut fügst du ebenfalls im CMS oder in den Code deiner Bilddatei ein:

 

<img src=“/ordner/bildquelle.jpg“ alt=“Hier steht der Alt-Text“ title=“Foto: Maxi Mustermann“>

 

Sind dir Fragen offen geblieben? Dann hinterlasse deine Frage in den Kommentaren!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.