Die meisten Online-Shops lassen Alt-Text leer, übernehmen den Dateinamen oder schreiben etwas Generisches wie „Produktbild". Bei einem Katalog mit 500 Artikeln und jeweils 5 Fotos sind das 2.500 verpasste Signale an Google – und 2.500 verpasste Einstiegspunkte über die Google Bildersuche. Alt-Text ist eine der günstigsten SEO-Maßnahmen für jeden Online-Shop. So schreibt man ihn richtig.
Was Alt-Text ist und warum er wichtig ist
Alt-Text (das alt-Attribut eines <img>-Tags) ist eine kurze Textbeschreibung des Bildinhalts. Er erfüllt zwei Zwecke, die für Online-Shops beide relevant sind.
Der erste ist Barrierefreiheit. Screenreader für sehbehinderte Nutzer lesen Alt-Text vor, wenn sie auf ein Bild stoßen. Ein blinder Kunde, der Ihre Produktseite durchsucht, sollte allein anhand des Alt-Texts verstehen können, was er sieht. Dies ist in vielen Ländern auch eine gesetzliche Anforderung.
Der zweite ist SEO. Suchmaschinen können Bilder nicht so sehen wie Menschen. Sie sind auf Alt-Text, Dateinamen, umgebenden Text und strukturierte Daten angewiesen, um den Inhalt eines Bildes zu verstehen. Google nutzt diese Informationen, um Bilder für die Google Bildersuche zu indexieren und Produkteinträge für Google Shopping zu validieren. Ein Bild ohne Alt-Text ist für Suchmaschinen praktisch unsichtbar.
Wie Alt-Text das E-Commerce-SEO beeinflusst
Die Google Bildersuche ist ein Kaufkanal, den die meisten Händler ignorieren. Ein Käufer, der in der Google Bildersuche nach „dunkelbraune Leder-Chelsea-Boot Herren" sucht, ist ein kaufbereiter Interessent. Wenn Ihr Produktbild dort mit einem präzisen Alt-Text rankt, landet dieser Klick direkt auf Ihrer Produktseite.
Der Traffic aus der Google Bildersuche ist oft qualifizierter als organischer Textsuche-Traffic, weil der Käufer das Produkt bereits visuell wahrgenommen hat, bevor er klickt. Absprungraten sind tendenziell niedriger, die Verweildauer höher.
Über die Bildersuche hinaus trägt Alt-Text zur allgemeinen Keyword-Relevanz Ihrer Produktseiten bei. Google bewertet jeden Inhalt auf einer Seite – einschließlich Bild-Attribute – bei der Bestimmung des Seitenthemas.
Für Google Shopping werden über Ihren Feed übermittelte Produktbilder zusammen mit den strukturierten Daten Ihrer Einträge bewertet. Der Alt-Text des entsprechenden Landingpage-Bildes liefert ein zusätzliches Referenzsignal.
Die Formel für guten Produkt-Alt-Text
Professioneller Alt-Text für E-Commerce-Produktbilder folgt einer einheitlichen Struktur:
[Marke] [Produktname] [Hauptmerkmal] [Farbe / Material / Größe wenn relevant] [Ansicht wenn relevant]
Angewendet auf ein Foto eines braunen Lederstiefels:
- Gut: „BLACKFOX DIGITAL bearbeiteter Herren-Leder-Chelsea-Boot dunkelbraun Seitenansicht"
- Zu kurz: „Schuh" — gibt Google kaum Informationen
- Nutzlos: „IMG_4521.jpg" — ein Kameradateiname ohne beschreibenden Wert
- Keyword-Stuffing: „billige Schuhe kaufen Lederschuhe Herrenschuhe Stiefel online" — ein Spam-Signal, keine Beschreibung
Halten Sie Alt-Text zwischen 5 und 15 Wörtern. Die obige Formel trifft diesen Bereich natürlich. Farbe und Material einbeziehen, da Käufer damit suchen. Den Winkel bei Nicht-Hauptbildern angeben, damit jeder Alt-Text in der Galerie einzigartig ist.
Was zu vermeiden ist
Mehrere verbreitete Muster schaden dem SEO aktiv oder bringen keinen Nutzen:
- Keyword-Stuffing: Google bestraft dieses Muster, und Screenreader lesen es wortwörtlich vor — eine schlechte Erfahrung für sehbehinderte Nutzer.
- Generische Beschreibungen: „Produktbild", „Foto", „Bild 1" liefern kein Keyword-Signal und keinen Mehrwert für die Barrierefreiheit.
- Leer lassen: Ein leeres alt-Attribut (alt="") ist nur für rein dekorative Bilder korrekt. Bei Produktfotos bedeutet es, dass Google kein Signal erhält.
- Dateinamen verwenden: Wenn Ihr Dateiname DSC_0042.jpg lautet, sagt das Google nichts. Überschreiben Sie automatisch befüllten Alt-Text immer manuell.
Alt-Text nach Bildtyp
Die meisten Produkteinträge verwenden mehrere Bilder. Jeder Bildtyp sollte Alt-Text haben, der dem tatsächlichen Bildinhalt entspricht.
Hauptproduktbild
Dieses Bild erscheint in Suchergebnissen und oben auf der Produktseite. Es sollte den vollständigsten Alt-Text tragen — Marke, vollständiger Produktname, Hauptmerkmale, Farbe und Material.
Ansichtsbilder
Vorder-, Rück-, Seiten- und Dreiviertelansichten zeigen jeweils andere Details. Geben Sie die Ansicht explizit an: „Herren-Leder-Chelsea-Boot dunkelbraun Rückansicht" versus „… Vorderansicht". Das hält jeden Alt-Text einzigartig.
Lifestyle-Bilder
Beschreiben Sie sowohl die Szene als auch das Produkt: „Frau trägt dunkelbraune Leder-Chelsea-Boots auf Kopfsteinpflaster Herbst". Diese Bilder können für Suchbegriffe ranken, die reine Produktfotos nicht erreichen.
Detail- und Nahaufnahmen
Beschreiben Sie das spezifische Detail: „Leder-Chelsea-Boot Doppelnaht-Rahmendetail dunkelbraun". Das hilft Nutzern von Screenreadern zu verstehen, was jede Nahaufnahme zeigt.
Plattformspezifische Hinweise
Wie Sie Alt-Text setzen, hängt von Ihrer Plattform ab.
Shopify
Shopify hat ein eigenes Alt-Text-Feld für jedes Produktbild. Öffnen Sie es im Produkteditor, indem Sie auf das Bild klicken und „Alt-Text bearbeiten" wählen. Shopify füllt dieses Feld nicht automatisch aus.
WooCommerce
WooCommerce speichert Alt-Text auf Medienbibliotheks-Ebene. Füllen Sie beim Upload das Feld „Alternativer Text" im Anhang-Details-Panel aus. Dieser Wert wird für alle Verwendungen des Bildes übernommen.
Amazon
Amazons Architektur unterscheidet sich von einem Standard-HTML-Shop. Traditioneller Alt-Text ist für Verkäufer nicht direkt steuerbar. Stattdessen werden Alt-Text-Äquivalente über A+ Content und Backend-Keyword-Felder gesetzt. Konzentrieren Sie sich auf Produkttitel, Bullet Points und Suchbegriffe.
Etsy
Etsy-Verkäufer sollten das Bildbeschreibungsfeld für jedes Listing-Bild ausfüllen. Das ist Etsys Equivalent zu Alt-Text und wird für Barrierefreiheit und den internen Suchalgorithmus genutzt.
Dateinamen spielen auch eine Rolle
Alt-Text und Dateinamen wirken zusammen. Google liest beide beim Indexieren eines Bildes. Benennen Sie Dateien vor dem Upload beschreibend um:
- Gut: herren-braun-leder-chelsea-boot-seite.jpg
- Schlecht: DSC_0042.jpg oder bild (3).jpg
Verwenden Sie Bindestriche als Trennzeichen (keine Unterstriche — Google behandelt Unterstriche als Verbinder). Benennen Sie Bilder vor dem Upload um, nicht danach.
Schnell-Audit: Fehlenden Alt-Text finden
Die schnellste Methode ist ein Site-Crawl mit Screaming Frog SEO Spider (kostenlos bis 500 URLs). Nach dem Crawl gehen Sie zum Tab Images und filtern nach „Missing Alt Text". Damit erhalten Sie eine Liste aller Bild-URLs ohne Alt-Attribut.
Ohne Screaming Frog können Sie einzelne Seiten manuell inspizieren: Rechtsklick, „Seitenquelltext anzeigen", nach alt="" suchen. Fehlenden Alt-Text bei vorhandenen Produkten zu beheben ist eine der schnellsten SEO-Verbesserungen für jeden Online-Shop.
Alt-Text in einem großen Katalog skalieren
Alt-Text für 500 oder mehr SKUs einzeln zu verfassen ist aufwändig, aber mit einer Batch-Strategie wird es handhabbar. Der Schlüssel liegt darin, jeden Alt-Text nicht von Grund auf neu zu schreiben. Gruppieren Sie stattdessen Ihre Produkte nach Kategorien und erstellen Sie für jede Kategorie eine Vorlage, in die Sie die Variablen für jedes einzelne Produkt eintragen.
Eine Vorlage für Schuhe könnte lauten: [Marke] [Geschlecht] [Stil] [Material] [Farbe] [Ansicht]. Diese Vorlage auf 50 Stiefel anzuwenden, erfordert nur einen Bruchteil des Aufwands, den 50 individuelle Beschreibungen von Grund auf benötigen würden. Die daraus resultierenden Alt-Texte sind konsistent, korrekt strukturiert und voneinander unterscheidbar, weil sich die Variablenwerte ändern.
Ein Spreadsheet-Workflow macht dies skalierbar: Spalte A enthält die Bild-URL, Spalte B den nach der Vorlage erstellten Alt-Text-Entwurf, und Spalte C markiert, ob er geprüft und genehmigt wurde. Das ergibt einen vollständigen Prüfpfad und eine Datei, die Sie an ein Teammitglied übergeben oder per CSV-Import auf Ihrer Plattform massenimportieren können. Importieren Sie den Screaming-Frog-Export als Ausgangspunkt und füllen Sie Spalte B für jede Zeile mit fehlendem oder schwachem Alt-Text.
Wann strukturierte Daten neben Alt-Text eingesetzt werden
Alt-Text und Schema-Auszeichnung dienen komplementären Zwecken — sie sind keine Entweder-oder-Entscheidung. Alt-Text beschreibt, was ein Mensch im Bild sieht; strukturierte Daten beschreiben, was das Produkt für eine Maschine ist. Beide Signale erreichen Google über verschiedene Kanäle und verstärken sich gegenseitig.
Der Typ schema.org/Product enthält eine image-Eigenschaft, die Google das Produktbild in maschinenlesbarem Format übermittelt. Damit erfahren Crawler nicht nur, dass ein Bild existiert, sondern dass es die maßgebliche visuelle Darstellung eines bestimmten Produkts ist. Die Kombination mit einem gut formulierten Alt-Text auf demselben Bild erzeugt zwei unabhängige Signale, die sich gegenseitig bestätigen.
Der Schema-Typ ImageObject geht noch weiter und ermöglicht die Angabe von name, description und contentUrl für das Bild selbst — eine strukturierte Datenschicht, die alles verstärkt, was Ihr Alt-Text bereits auf der Seite kommuniziert. Für Google Shopping korroboriert ein starker Alt-Text auf der Landingpage das zugehörige Rich Result. Die praktische Regel lautet: nicht duplizieren — Alt-Text beschreibt das Visuelle, Schema-Auszeichnung beschreibt das Produkt.
Wie BLACKFOX DIGITAL Alt-Text handhabt
Wenn Sie Produktfotobearbeitung bei BLACKFOX DIGITAL beauftragen, erhalten Sie Bilder, die nicht nur visuell, sondern auch technisch bereit zum Einsatz sind. Auf Wunsch fügen wir vorgeschlagenen Alt-Text für jedes gelieferte Bild in die Liefernotizen ein, verfasst nach der oben beschriebenen Formel.
Das bedeutet: Sie erhalten bearbeitete Bilder und den dazugehörigen SEO-Text in einer einzigen Lieferung. Testen Sie unsere Qualität mit unserer kostenlosen Testbestellung — ohne Verpflichtung.
