Alt-Text

Aus Social Media Manager
Version vom 22. Juli 2022, 15:10 Uhr von Crispin (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „'''Definition''' Unter dem sogenannten Alt-Text (kurz für: Alternativtext - auch Alt-Attribut oder Alt-Tag genannt) versteht man eine kurze, rein textliche Beschreibung eines Bildes auf einer Webseite. Dieser wird als Alternative angezeigt, wenn das entsprechende Bild nicht sichtbar ist und dient zudem der besseren Analyse durch Suchmaschinen. Der Alt-Text sollte kurz, jedoch beschreibend sein und den Inhalt des Bildes bestenfalls in einen Kontext setze…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Zur Navigation springen Zur Suche springen

Definition

Unter dem sogenannten Alt-Text (kurz für: Alternativtext - auch Alt-Attribut oder Alt-Tag genannt) versteht man eine kurze, rein textliche Beschreibung eines Bildes auf einer Webseite. Dieser wird als Alternative angezeigt, wenn das entsprechende Bild nicht sichtbar ist und dient zudem der besseren Analyse durch Suchmaschinen. Der Alt-Text sollte kurz, jedoch beschreibend sein und den Inhalt des Bildes bestenfalls in einen Kontext setzen. Dient das Bild rein dekorativen Zwecken, kann der Alt-Text leer bleiben.


Nutzen

Der Alt-Text ist in folgenden Fällen von Bedeutung:

  • Sehbehinderten Menschen wird von Bildschirmlese-Programmen anstelle des Bildes der beschreibende Alternativtext vorgelesen. Damit spielt der Alt-Text eine wichtige Rolle in Bezug auf die Barrierefreiheit im Internet.
  • Wird die Grafikanzeige im Browser zur Beschleunigung der Ladezeit ausgeschaltet, ist anstelle des Bildes der Alt-Text zu sehen.
  • Auch wenn es Server-Probleme gibt oder die Bild-Links fehlerhaft sind, wird der Alt-Text angezeigt.
  • Schließlich dient der Alt-Text der Suchmaschinenoptimierung. Suchmaschinen lesen keine Bilder. Durch den Alt-Text sind sie jedoch in der Lage die Inhalte des Bildes einzuordnen und zu interpretieren und somit in ihr Ranking einzubeziehen.


HTML

Der HTML-Code für einen Alt-Text ist folgendermaßen gestaltet:

<img src=“Bezeichnung des Bildes.jpeg“ alt=“Beschreibung des Bildes“ />.

Stellt ein Bild beispielsweise den Kölner Dom bei Nacht dar, könnte der der HTML-Code für den Alt-Text so aussehen:

<img src=“koelner-dom-bei-nacht.jpeg“ alt=“Der angestrahlte Kölner Dom bei sternenklarer Nacht“ />


Quellen

https://www.searchmetrics.com/de/glossar/alt-attribut/; https://imageseo.io/de/alt-text-seo/; https://www.seobility.net/de/wiki/ALT_Attribute