Ein Bild sagt mehr als tausend Worte – aber nicht für Google. Und nicht für die ca. 300.000 Menschen in Österreich, die eine hochgradige Sehbehinderung haben. Für eine Suchmaschine und für einen blinden Nutzer ist ein Foto ohne Beschreibung zunächst nur eines: ein schwarzes Loch im Code.
Das Barrierefreiheitsstärkungsgesetz (BaFG) verlangt zwingend, dass grafische Inhalte eine Text-Alternative haben. Doch viele Unternehmer sehen das als reine Fleißaufgabe. Ein Fehler. Der sogenannte Alt-Text (Alternativtext) ist einer der unterschätztesten SEO-Hebel im E-Commerce. In diesem Artikel lernen Sie, wie Sie Alt-Texte schreiben, die sowohl rechtssicher sind als auch Ihre Sichtbarkeit in der Google-Bildersuche massiv erhöhen.
Was ist ein Alt-Text technisch gesehen?
Der Alt-Text ist ein kleines Schnipsel HTML-Code, das an jedem Bild klebt. Es sieht im Quelltext so aus: <img src="bild.jpg" alt="Hier steht die Beschreibung">
Dieser Text wird auf der Webseite selbst nicht angezeigt (außer das Bild lädt nicht). Aber er wird von Screenreadern vorgelesen und von Google indexiert.
Die SEO-Logik: Google ist ein blinder User
Google wird zwar immer besser in der Bilderkennung, verlässt sich aber primär auf Text. Wenn Sie einen "Roten Turnschuh" verkaufen, das Bild aber nur IMG_5922.jpg heißt und keinen Alt-Text hat, weiß Google nicht, was auf dem Bild zu sehen ist. Geben Sie dem Bild jedoch den Alt-Text: "Roter Herren-Laufschuh Modell X auf Asphalt, Seitenansicht", passiert Folgendes:
- Google versteht den Inhalt des Bildes.
- Ihr Bild taucht in der Google Bildersuche auf, wenn jemand nach "Roter Laufschuh" sucht.
- Die gesamte Seite wird thematisch relevanter eingestuft.
Die Praxis-Anleitung: Gut vs. Schlecht
Wie schreibt man einen guten Alt-Text? Die Kunst liegt in der Präzision. Nicht zu kurz, nicht zu lang (max. 125 Zeichen sind ein guter Richtwert), keine Füllwörter.
Beispiel: Ein Foto von einem glücklichen Paar, das in Ihrem Hotel frühstückt.
- ❌ Schlecht (Zu allgemein):
alt="Frühstück"(Sagt nichts aus. Könnte auch ein Spiegelei sein.) - ❌ Schlecht (Keyword-Stuffing - Achtung, Abstrafung!):
alt="Hotel Wien billig buchen Frühstück lecker Ei Kaffee Paar Urlaub"(Google erkennt das als Spam. Der Screenreader liest nur Kauderwelsch. Vermeiden Sie das!) - ❌ Schlecht (Redundant):
alt="Bild von einem Paar beim Frühstück"(Der Screenreader sagt ohnehin "Grafik...", Sie müssen "Bild von" nicht schreiben. Verschwendeter Platz.) - ✅ Perfekt (Beschreibend):
alt="Junges Paar genießt Frühstück mit Kaffee und Croissants auf der Sonnenterrasse mit Blick auf den Stephansdom"(Präzise. Enthält Keywords. Erzeugt Stimmung. Hilft dem blinden Nutzer.)
Sonderfall: Dekorative Bilder (Das Leere Attribut)
Nicht jedes Bild braucht einen Text. Eine Trennlinie, ein rein dekorativer Hintergrund-Schnörkel oder ein Icon, das nur optisches Beiwerk ist, sollte vom Screenreader ignoriert werden. Hierfür lassen Sie den Alt-Text leer (aber das Attribut muss da sein!): alt="". In Shopify und anderen Systemen gibt es oft ein Häkchen: "Bild ist rein dekorativ". Nutzen Sie das, um den Nutzer nicht mit unwichtigen Infos zu nerven.
Wo trage ich das ein?
Sie müssen nicht programmieren. Jedes moderne CMS (Shopify, WordPress) hat ein Feld dafür.
- In Shopify: Klicken Sie im Bereich "Dateien" oder direkt im Produkt auf das Bild. Dort finden Sie den Link "Alt-Text hinzufügen" oder "Bildtext bearbeiten".
- Wichtig: Ändern Sie dies bevor Sie den Artikel veröffentlichen. Nachträgliches Ändern ist mühsam.
Fazit: 10 Sekunden für doppelten Gewinn
Gewöhnen Sie sich an den Workflow: Bild hochladen -> Alt-Text schreiben -> Speichern. Es kostet Sie pro Bild nur 10 Sekunden. Aber diese 10 Sekunden machen Ihre Seite rechtssicher (BaFG) und bringen Ihnen dauerhaft kostenlosen Traffic über Google.
➔ Fehlen in Ihrem Shop tausende Alt-Texte? Wir scannen und optimieren Ihren Bestand automatisch.