Skip to main content

Alt-Attribut / Alt-Text (oft auch Alt-Tag bezeichnet)

Beim Alt-Attribut (auch Alt-Text; Umgangssprachlich auch oft Alt-Tag genannt) handelt es sich um ein Attribut des Img-Tags (Grafik) innerhalb eines HTML-Dokuments. Das Alt-Attribut wird dazu verwendet, eine alternative Darstellung der Grafik in Textform bereit zu stellen.

Beispiel Verwendung des Alt-Attributs:

[box]

<img=“allianz-arena.jpg“ height=“500″ width=“800″ alt=“Die ausverkaufte Allianz-Arena im Münchener Abendlicht.“ />

[/box]

Bedeutung des Alt-Attributs für die Usability

Das Alt-Attribut kommt zum Einsatz, falls die jeweilige Grafik nicht geladen werden kann oder das Format vom Browser nicht unterstützt wird. Außerdem stellt das Attribut in Gewissem Maße eine Barrierefreiheit der verwendeten Grafik sicher. So haben sehbehinderte Menschen die Möglichkeit sich Grafiken alternativ vorlesen zu lassen. Für detailliert Beschreibungen eignet sich außerdem der Einsatz des Longdesc-attributs. Dies kommt in der Praxis allerdings selten zum Einsatz.

Oft verwechselt mit dem Title-Attribut und dem Longdesc-Attribut

Während es sich beim Alt-Text um eine alternative Beschreibung in Textform handelt, stellt das Title-Attribut den Titel der Grafik dar. Dieser wird angezeigt, wenn man mit der Maus über das Bild fährt und dort einige Sekunden verweilt. Im Gegensatz zum Alt-Attribut kann das Title-Attribut ruhig so kurz wie möglich gehalten werden. In der Praxis kommt es häufig vor, dass beide Attribute den gleichen Inhalt verwenden. Das ist legitim, wenn auch nicht optimal.

Bedeutung des Alt-Attributs für die Suchmaschinenoptimierung

Oftmals wird die Wichtigkeit des Alt-Attributs im Bezug auf SEO unterschätzt. Jedoch ist es so, dass die Algorithmen der Suchmaschinen, trotz rasantem Fortschritt in den letzten Jahren, noch immer Schwierigkeiten dabei haben, grafische Inhalte zu interpretieren.

So besteht durch Verwendung eines Alt-Texts die Möglichkeit explizit zu kommunizieren worum es bei der verwendeten Grafik geht. Dies macht in vielen Hinsichten Sinn. Zum einen werten im Fließtext verwendete themenrelevante Grafiken die Qualität des Textes auf und zum anderen kann man das Alt-Attribut nutzen, um seine Platzierungen bei der Google-Bildersuche zu verbessern und somit zusätzliches Trafficpotenzial freizuschalten.