Wichtige Erkenntnisse
- Für Produktbilder: Produkte > Produkt auswählen > auf das Bild klicken > Alt-Text bearbeiten.
- Für Theme-Bilder: Theme-Editor > Bild-Block anklicken > Alt-Text-Feld in den Einstellungen.
- Alt-Texte verbessern das Ranking in der Google Bildersuche und sind für die Barrierefreiheit erforderlich.
- Halten Sie Alt-Texte beschreibend und spezifisch – nennen Sie Produktname, Farbe und wichtige Details.
Der Alt-Text ist die schriftliche Beschreibung, die einem Bild beigefügt ist. Er dient zwei Zwecken: Er sagt Suchmaschinen, was auf dem Bild zu sehen ist, und er bietet eine Textalternative für Nutzer, die das Bild nicht sehen können. Beides ist für einen Shopify-Store entscheidend.
Warum Sie uns vertrauen können
Wir haben hunderte Shopify-Storefronts erstellt und angepasst. Außerdem haben wir Fudge entwickelt – einen KI-Storefront-Editor mit einer 5.0-Bewertung im Shopify App Store.
So fügen Sie Alt-Texte zu Produktbildern hinzu
Schritt 1. Gehen Sie in Ihren Shopify-Adminbereich zu Produkte.
Schritt 2. Klicken Sie auf das Produkt, das Sie aktualisieren möchten.
Schritt 3. Klicken Sie im Bereich Medien auf das Bild, das Sie bearbeiten möchten.
Schritt 4. Es öffnet sich rechts ein Panel (oder ein Modal, abhängig von Ihrer Shopify-Version). Dort finden Sie ein Feld für den Alt-Text.
Schritt 5. Geben Sie Ihren Alt-Text ein und klicken Sie auf Speichern.
Wiederholen Sie dies für jedes Bild des Produkts. Jedes Bild sollte einen eigenen, individuellen Alt-Text haben, der beschreibt, was genau auf diesem Bild zu sehen ist.
So fügen Sie Alt-Texte zu Theme-Bildern hinzu
Bei Theme-Bildern – wie Bannern, Hero-Bildern oder Hintergrundbildern, die über den Theme-Editor hinzugefügt wurden – wird der Alt-Text anders eingestellt.
Schritt 1. Gehen Sie zu Onlineshop > Themes > Customizer (Anpassen).
Schritt 2. Klicken Sie auf den Abschnitt oder Block, der das Bild enthält.
Schritt 3. Suchen Sie im Einstellungs-Panel auf der linken Seite die Bildauswahl. Darunter finden Sie normalerweise ein Feld für Alt-Text oder Bild-Alt-Text.
Schritt 4. Geben Sie Ihren Alt-Text ein und speichern Sie.
Falls Sie im Theme-Editor kein Alt-Text-Feld für ein bestimmtes Bild sehen, bietet dieser Abschnitt das Feld eventuell nicht zur Bearbeitung an. In diesem Fall müsste der Alt-Text direkt im Theme-Code festgelegt werden.
So fügen Sie Alt-Texte zu Blog- und Seitenbildern hinzu
Für Bilder, die über den Rich-Text-Editor in Blogposts oder Seiten eingefügt wurden:
Schritt 1. Klicken Sie im Editor der Seite oder des Blogposts auf das Bild.
Schritt 2. Klicken Sie auf das erscheinende Bild bearbeiten-Icon (Bleistift-Symbol).
Schritt 3. Geben Sie den Alt-Text in das vorgesehene Feld ein.
Schritt 4. Speichern Sie.
So schreiben Sie gute Alt-Texte für Shopify
Seien Sie spezifisch. „Weiße Keramiktasse“ ist besser als „Tasse“. „Damen-Laufshorts in Navyblau – Vorderansicht“ ist besser als „Shorts“.
Nennen Sie den Produktnamen. Fügen Sie bei Produktbildern immer den Produktnamen so ein, wie er in Ihrem Shop erscheint. Dies hilft Google zu verstehen, was Sie verkaufen, und verbessert das Ranking bei produktspezifischen Suchanfragen.
Beschreiben Sie, was wirklich zu sehen ist. Handelt es sich um ein Lifestyle-Foto, auf dem das Produkt in Gebrauch ist, beschreiben Sie die Szene: „Person trägt rote Wanderjacke auf einem Bergpfad.“ Wenn nur das Produkt zu sehen ist, beschreiben Sie das Produkt.
Kein Keyword-Stuffing. Alt-Texte sollten natürlich klingen. „Weiße Tasse weiße Tasse Keramiktasse Geschenktasse“ ist ein schlechter Alt-Text und kann von Google als Spam eingestuft werden.
Vermeiden Sie „Bild von“ oder „Foto von“. Suchmaschinen wissen bereits, dass es sich um ein Bild handelt. Beschreiben Sie den Inhalt direkt.
Warum Alt-Texte für SEO wichtig sind
Produktbilder können in der Google Bildersuche ranken und zusätzlichen Traffic generieren. Bilder mit relevanten Alt-Texten haben eine deutlich höhere Chance, für passende Suchanfragen oben zu erscheinen, als Bilder mit leeren oder generischen Alt-Texten.
Shopifys eigene Meta-Tags für Produkte verwenden in manchen Kontexten den Alt-Text des Vorschaubildes. Dies für Ihre Top-Produkte richtig zu machen, ist die 30 Sekunden pro Bild absolut wert.
Warum Alt-Texte für die Barrierefreiheit wichtig sind
Alt-Texte sind eine Kernanforderung der WCAG-Standards für Barrierefreiheit. Screenreader, die von sehbehinderten Menschen genutzt werden, lesen den Alt-Text laut vor, wenn sie auf ein Bild stoßen. Ohne diesen Text hören sie nur „Bild“ oder gar nichts – was Ihre Produktinformationen unzugänglich macht.
Im E-Commerce ist Barrierefreiheit sowohl ethisch als auch rechtlich relevant. Mehrere große Einzelhändler mussten bereits mit Klagen (z. B. ADA in den USA) wegen unzugänglicher Websites rechnen.
Wie füge ich Text über einem Bild in Shopify hinzu?
Text über ein Bild zu legen (ein Overlay), ist etwas anderes als ein Alt-Text. Der Alt-Text ist unsichtbare Metadaten für SEO und Screenreader. Sichtbarer Text auf einem Bild wird im Theme-Editor erstellt – nutzen Sie dazu Abschnitte wie „Bild-Banner“ oder „Bild mit Text-Overlay“, die einen integrierten Textblock haben. Sie können die Textposition, Farbe und Hintergrundtransparenz in den Abschnittseinstellungen steuern. Beachten Sie, dass Text auf Bildern die Barrierefreiheit einschränken kann, wenn der Kontrast zu gering ist. Prüfen Sie daher immer die Lesbarkeit.
