Was ist ein ALT-Text?
Der ALT-Text (Alternativtext) ist ein Attribut des HTML-Elements <img> und beschreibt den Inhalt eines Bildes in Textform. Er wird sichtbar, wenn das Bild nicht geladen werden kann, und er wird von Screenreadern vorgelesen – Hilfsprogrammen, die blinden oder sehbeeinträchtigten Menschen Webinhalte zugänglich machen. Gleichzeitig ist der ALT-Text ein wichtiges Signal für Suchmaschinen, da diese Bildinhalte nicht visuell erfassen können. Ein Bild ohne ALT-Text ist für Suchmaschinen und Screenreader nahezu unsichtbar.
Was bedeutet das für Ihre Website?
In WordPress tragen Sie den ALT-Text beim Upload eines Bildes in der Mediathek im Feld „Alternativtext“ ein. Dieser Wert wird automatisch als alt-Attribut im <img>-Tag verwendet, sobald Sie das Bild in eine Seite oder einen Beitrag einfügen. Bilder, die bereits ohne ALT-Text auf Seiten eingebunden sind, lassen sich nachträglich über die Mediathek oder direkt im Block-Editor bearbeiten.
Für SEO gilt: Sucht jemand nach einem Bild über die Google-Bildersuche, berücksichtigt Google den ALT-Text als wesentlichen Ranking-Faktor. Beschreiben Sie Bilder daher präzise und natürlich. Verwenden Sie das Haupt-Keyword der Seite, wenn es zum Bildinhalt passt – aber schreiben Sie primär für Menschen, nicht für Suchmaschinen. Keyword-Stuffing im ALT-Text, also das mechanische Wiederholen von Suchbegriffen, ist kontraproduktiv und kann als Spam gewertet werden.
Für WooCommerce-Produktbilder ist ein guter ALT-Text besonders wichtig. Produktfotos mit präzisem ALT-Text tauchen in der Google-Bildersuche auf und bringen qualifizierten Traffic direkt auf die Produktseite. Außerdem erfüllen Sie damit die Anforderungen der BITV (Barrierefreie-Informationstechnik-Verordnung) und der EU-Norm EN 301 549, die für öffentliche Stellen und zunehmend auch für gewerbliche Websites gelten.
Tipp: Dekorative Bilder mit leerem ALT-Text auszeichnen
Nicht jedes Bild muss einen beschreibenden ALT-Text erhalten. Rein dekorative Grafiken, die keinen inhaltlichen Mehrwert bieten, sollten mit einem leeren ALT-Attribut (alt="") ausgezeichnet werden. Das signalisiert Screenreadern, das Bild zu überspringen, und verhindert, dass bedeutungslose Beschreibungen den Lesefluss blinder Nutzer unterbrechen. Fehlt das ALT-Attribut vollständig, liest der Screenreader stattdessen oft den Dateinamen vor – was selten hilfreich ist.
Verwandte Begriffe
SEO |
Meta-Description |
WordPress-Mediathek |
Canonical-Tag (SEO) |
HTML