Alt-Text

Diese Begriffserklärung teilen
« Zurück zum Glossar IndexAlt-Text
Bild von Gerd Altmann auf Pixabay

Alt-Text (alternativer Text) ist ein HTML-Attribut, das in Bildern auf Webseiten verwendet wird, um eine Textbeschreibung des Bildes bereitzustellen. Der Alt-Text hilft Nutzern, die das Bild nicht sehen können – sei es aufgrund einer Sehbehinderung oder weil das Bild nicht geladen wird – den Inhalt und Kontext des Bildes zu verstehen. Der Alt-Text spielt auch eine Rolle in der Suchmaschinenoptimierung (SEO), da Suchmaschinen diesen Text verwenden, um den Inhalt von Bildern zu erkennen.

Funktionen des Alt-Texts:

  1. Barrierefreiheit:
  • Alt-Text ist entscheidend für Menschen mit Sehbehinderungen, die auf Screenreader angewiesen sind. Ein Screenreader liest den Alt-Text des Bildes vor, sodass die Nutzer den Inhalt des Bildes verstehen können, ohne es zu sehen.
  • Beispiel: Für ein Bild von einem Hund könnte der Alt-Text lauten: alt="brauner Hund läuft im Park". Ein Screenreader würde diesen Text vorlesen, damit die Nutzer wissen, was auf dem Bild zu sehen ist.
  1. SEO (Suchmaschinenoptimierung):
  • Alt-Text ist ein wichtiger Faktor für die Sichtbarkeit von Bildern in Suchmaschinen. Suchmaschinen wie Google können Bilder nicht direkt „sehen“, sondern verwenden den Alt-Text, um den Inhalt des Bildes zu interpretieren und die Relevanz für bestimmte Suchanfragen zu bestimmen.
  • Beispiel: Ein Alt-Text wie `alt=“rote Sportschuhe für Laufen“ kann dabei helfen, dass das Bild in Suchergebnissen für relevante Begriffe wie „rote Sportschuhe“ erscheint.
  1. Ladefehler:
  • Wenn das Bild aus irgendeinem Grund nicht geladen werden kann (z.B. bei einer schlechten Internetverbindung oder fehlerhaftem Link), zeigt der Browser den Alt-Text an, damit der Benutzer weiß, was an dieser Stelle angezeigt werden sollte.
  • Beispiel: Wenn das Bild eines Produkts nicht geladen wird, könnte der Alt-Text „grünes T-Shirt mit Logo“ angezeigt werden.

Vorteile des Alt-Texts:

  • Verbesserte Zugänglichkeit: Alt-Text ermöglicht es Menschen mit Sehbehinderungen, den Inhalt von Bildern zu verstehen und somit eine inklusivere Internetnutzung zu gewährleisten.
  • Bessere Auffindbarkeit: Alt-Text hilft dabei, dass Bilder und die zugehörigen Webseiten in Suchmaschinen besser indexiert werden, was die Chancen erhöht, in den Suchergebnissen angezeigt zu werden.
  • Fehlerfreie Darstellung: Wenn Bilder nicht geladen werden, sorgt der Alt-Text dafür, dass der Benutzer weiß, was eigentlich angezeigt werden sollte.

Best Practices für Alt-Text:

  1. Beschreibend, aber kurz:
  • Der Alt-Text sollte das Bild präzise beschreiben, aber nicht zu lang sein. Es ist ratsam, den Alt-Text auf etwa 125 Zeichen zu begrenzen.
  • Beispiel: alt="orangefarbenes Fahrrad auf einem sonnigen Radweg".
  1. Vermeidung von Keyword-Stuffing:
  • Der Alt-Text sollte keine übermäßigen Keywords enthalten, die nicht zum Bild passen. Er sollte natürlich und relevant zum Bildinhalt sein.
  • Beispiel: Statt alt="billige Fahrräder orange günstig kaufen", sollte der Text einfach und informativ sein, wie z.B. alt="orangefarbenes Fahrrad auf einem sonnigen Radweg".
  1. Dekorative Bilder:
  • Wenn ein Bild nur dekorativen Zwecken dient und keine wesentliche Information trägt, sollte der Alt-Text leer bleiben (alt=““). Dies verhindert, dass Screenreader unnötige Informationen vorlesen, die für den Benutzer nicht relevant sind.
  • Beispiel: Ein grafisches Element im Design einer Webseite, das keine zusätzliche Information bietet, sollte alt="" haben.

Beispiel:

<img src="hund.jpg" alt="brauner Hund läuft im Park">

In diesem Beispiel beschreibt der Alt-Text das Bild eines braunen Hundes, der im Park läuft.

Fazit:

Alt-Text ist ein wichtiges Element für die Barrierefreiheit und Suchmaschinenoptimierung einer Webseite. Er ermöglicht es Nutzern mit Sehbehinderungen, den Inhalt von Bildern zu verstehen und hilft Suchmaschinen, den Inhalt von Webseiten besser zu indexieren. Alt-Texte sollten präzise, natürlich und hilfreich sein, um den größtmöglichen Nutzen zu bieten.

Wir sind darum bemüht die angebotenen Informationen aktuell zu halten und diese in knapper und verständlicher Form darzustellen. Fehler und Irrtümer bleiben aber menschlich und darum vorbehalten. Bei Unstimmigkeiten zu einem Begriff, bitten wir darum dies per E-Mail mit uns zu diskutieren. Bitte nutze hierfür unsere E-Mail: info@jupiterexpress.de« Zurück zum Glossar Index