Alt Text

Was ist eigentlich Alt Text?

Der „Alt Text“ (kurz für Alternativtext) ist ein oft unterschätztes, aber mächtiges Werkzeug in deinem digitalen Baukasten. Technisch gesehen handelt es sich um ein HTML-Attribut, das einem Bild zugewiesen wird. Da Suchmaschinen wie Google Bilder nicht „sehen“ können wie wir Menschen, benötigen sie diesen Text, um den Inhalt des Bildes zu verstehen.

Aber es geht nicht nur um Google. Ein sauber gepflegter Alt Text erfüllt drei wesentliche Funktionen für deine Website:

  • Barrierefreiheit: Für Menschen mit Sehbehinderungen, die Screenreader nutzen, wird dieser Text vorgelesen. Ohne Alt Text hören sie nur „Bild“ oder den Dateinamen (was oft kryptisch ist). Ein guter Alt Text macht deine Seite also zugänglich für alle.
  • SEO-Boost: Suchmaschinen nutzen den Alt Text, um den Kontext deiner Seite besser zu verstehen. Wenn du hier relevante Begriffe (ohne Spamming!) unterbringst, rutschen deine Bilder in der Google-Bildersuche nach oben, was wiederum Traffic auf deine Seite bringt.
  • Ausfallsicherheit: Sollte ein Bild wegen einer schlechten Internetverbindung oder einem Serverfehler mal nicht laden, wird stattdessen dieser Text angezeigt. Der Nutzer weiß also trotzdem, was dort zu sehen wäre.

So schreibst du den perfekten Alt Text in WordPress:

In WordPress (Gutenberg) findest du das Feld für den „Alternativen Text“ rechts in der Sidebar, sobald du ein Bild im Editor anklickst oder in der Mediathek auswählst.

  • Präzise beschreiben: Schreibe auf, was auf dem Bild passiert. Statt „Hund“ lieber „Golden Retriever spielt mit Ball im Garten“.
  • Kontext beachten: Der Text sollte zum restlichen Inhalt der Seite passen.
  • Keywords nutzen: Bringe dein Hauptkeyword unter, aber erzwinge es nicht. Es muss sich natürlich lesen.
  • Kurz halten: Versuche, unter 125Zeichen zu bleiben, damit Screenreader nicht abgeschnitten werden.
  • Dekorative Elemente: Wenn ein Bild rein dekorativ ist (z.B. eine Trennlinie oder ein Hintergrundmuster ohne inhaltlichen Mehrwert), solltest du das Alt-Attribut leer lassen. Screenreader überspringen es dann einfach.

Fazit: Der Alt Text ist kleiner Aufwand mit großer Wirkung. Er sorgt dafür, dass deine Seite technisch sauber läuft, von Google geliebt wird und niemanden ausschließt.