Alt-Text
Auch: Alt-Attribut, Alternativtext, Bildbeschreibung
Der Alt-Text ist eine kurze Textbeschreibung eines Bildes im HTML-Code (alt-Attribut). Er wird von Screenreadern vorgelesen, erscheint, wenn ein Bild nicht lädt, und hilft Suchmaschinen, den Bildinhalt zu verstehen.
Was ist ein Alt-Text?
Im Code sieht ein Bild mit Alt-Text so aus: <img src="team.webp" alt="Das Revier59-Team im Büro in Hamm">. Der Text ist vor allem für Menschen gedacht, die das Bild nicht sehen können. Google nutzt ihn zusammen mit dem umgebenden Text, um zu verstehen, was das Bild zeigt – zum Beispiel für die Google Bildersuche.
Gute und schwache Alt-Texte
| Schwach | Besser |
|---|---|
| „bild1“ | „Wärmepumpe an der Außenwand eines Altbaus“ |
| „SEO Agentur Hamm SEO Hamm SEO“ | „Benjamin Kaim bei einem SEO-Workshop“ |
| leer bei einem Produktfoto | „Kunstrasen mit 40 mm Florhöhe, Nahaufnahme“ |
Tipps
- Beschreiben, was zu sehen ist – kurz und konkret.
- Keywords nur einbauen, wenn sie zum Bild passen. Google warnt vor Keyword-Häufung in Alt-Texten.
- Reine Schmuckgrafiken bekommen ein leeres Alt-Attribut (
alt=""). - Sprechende Dateinamen ergänzen den Alt-Text.
In WordPress tragen Sie den Alt-Text in der Mediathek ein, in Shopify per Klick auf das Bild und „Alt-Text bearbeiten“.
Häufige Fragen
Ist der Alt-Text Pflicht?
Für barrierefreie Websites ja. Für SEO ist er dringend empfohlen.
Wie lang sollte ein Alt-Text sein?
Meist reicht ein kurzer Satz. Längere Erklärungen gehören in den Text neben dem Bild.
Siehe auch: Onpage-SEO.