Das Wichtigste in Kürze
- Für Produktbilder: Produkte > Produkt auswählen > auf das Bild klicken > Alt-Text bearbeiten.
- Für Theme-Bilder: Theme-Editor > auf den Bild-Block klicken > Alt-Text-Feld im Einstellungsbereich.
- Alt-Texte verbessern das Ranking in der Google-Bildersuche und sind für die Barrierefreiheit erforderlich.
- Halte den Alt-Text beschreibend und spezifisch – füge den Produktnamen, die Farbe und wichtige Details hinzu.
Der Alt-Text (Alternativtext) ist die schriftliche Beschreibung, die einem Bild beigefügt ist. Er erfüllt zwei Zwecke: Er teilt Suchmaschinen mit, was auf dem Bild zu sehen ist, und bietet eine Textalternative für Nutzer, die das Bild nicht sehen können. Beides ist für einen Shopify-Store von großer Bedeutung.
Warum Sie uns vertrauen können
Wir haben Hunderte von Shopify-Storefronts erstellt und angepasst. Außerdem haben wir Fudge entwickelt – einen KI-Storefront-Editor mit einer Bewertung von 4.9 Sternen 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.
Verwandt: Add Structured Data in Shopify.
Verwandt: Update Product Images in Shopify.
So fügen Sie Alt-Texte zu Theme-Bildern hinzu
Theme-Bilder – Banner, Hero-Bilder, Hintergrundbilder, die über den Theme-Editor hinzugefügt werden – haben eine andere Einstellung für ihren Alt-Text.
Schritt 1. Gehen Sie zu Onlineshop > Themes > Anpassen.
Schritt 2. Klicken Sie auf den Abschnitt oder Block, der das Bild enthält.
Schritt 3. Suchen Sie im Einstellungsfeld 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.
Wenn Sie im Theme-Editor kein Alt-Text-Feld für ein bestimmtes Bild sehen, stellt dieser Abschnitt es möglicherweise nicht als bearbeitbares Feld zur Verfügung. In diesem Fall müsste der Alt-Text im Theme-Code festgelegt werden.
Verwandtes Thema: Bilder in Shopify komprimieren.
Verwandtes Thema: Alt-Text in Shopify hinzufügen.
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 ranken bei passenden Suchanfragen deutlich wahrscheinlicher als Bilder mit leeren oder generischen Alt-Texten.
Shopifys eigene Meta-Tags für Produkte verwenden in einigen Kontexten den Alt-Text des Hauptbildes (Featured Image). Es lohnt sich, die 30 Sekunden pro Bild zu investieren, um dies für deine Top-Produkte richtig zu machen.
Um zu sehen, wie vielen Produkten in deinem Katalog der Alt-Text noch fehlt, kannst du den kostenlosen Shopify Catalog Data Audit durchführen — der Alt-Text ist eines der Produktdatenfelder, die dabei bewertet werden.
Warum Alt-Texte für die Barrierefreiheit wichtig sind
Alt-Text ist eine grundlegende Anforderung der WCAG-Barrierefreiheitsstandards. Screenreader, die von sehbehinderten Nutzern verwendet werden, lesen den Alt-Text laut vor, wenn sie auf ein Bild stoßen. Ohne ihn hören sie “Bild” oder gar nichts – was Ihre Produktinformationen unzugänglich macht.
Im E-Commerce ist Barrierefreiheit sowohl aus ethischer als auch aus rechtlicher Sicht wichtig. Mehrere große Einzelhändler wurden in den USA bereits wegen nicht barrierefreier Websites mit ADA-Klagen konfrontiert.
Verwandtes Thema: Strukturierte Daten in Shopify hinzufügen.
Verwandtes Thema: Produktbilder in Shopify aktualisieren.
Wie füge ich Text über einem Bild in Shopify hinzu?
Das Hinzufügen von Text über einem Bild (ein Overlay) unterscheidet sich vom Alt-Text. Alt-Text besteht aus unsichtbaren Metadaten für SEO und Screenreader. Sichtbarer Text, der über ein Bild gelegt wird, wird im Theme-Editor hinzugefügt — nutze dafür einen Abschnitt wie “Bildbanner” oder “Bild mit Text-Overlay”. Diese haben einen integrierten Textblock, der über dem Bild angezeigt wird. In den Abschnittseinstellungen kannst du die Textposition, Farbe und Hintergrunddeckkraft steuern. Beachte, dass Text über Bildern die Barrierefreiheit (Accessibility) beeinträchtigen kann, wenn der Kontrast zu gering ist. Prüfe daher immer die Lesbarkeit.
FAQ
Ja. Mehrere SEO-Apps (TinyIMG, SEO Image Optimizer, AVADA SEO) bieten KI-generierte Alt-Texte durch Bilderkennung. Fudge macht das mit mehr Kontext: Es liest den Produkttitel, die Beschreibung und die Tags zusammen mit dem Bild und schreibt dann einen Alt-Text, der diese Details (Material, Modell, Anwendungsfall) einbezieht, anstatt nur etwas Generisches wie "blaues Hemd" auszugeben. Egal welchen Weg du wählst, überprüfe die Alt-Texte deiner Bestseller manuell — denn hier kostet dich generischer KI-Output am meisten.
Drei Dinge: Screenreader können sehbehinderten Käufern das Bild nicht beschreiben (mangelnde Barrierefreiheit, mögliches rechtliches Risiko), Google hat weniger Signale, um das Bild in der Bildersuche zu ranken, und Shopify weicht auf den Dateinamen im HTML-alt-Attribut aus - der für Suchmaschinen und unterstützende Technologien meistens bedeutungslos ist.
Nein - die Suchrankings werden nach Googles Crawling-Zeitplan aktualisiert, was bei Produktseiten in der Regel Tage bis Wochen dauert. Ergebnisse in der Bildersuche können noch länger dauern. Die Änderung wird sofort im HTML der Seite übernommen, das technische Update erfolgt also sofort; die Auswirkung auf das Ranking ist jedoch schrittweise.
Sparsam. Das erste Bild jedes Produkts (das Hauptbild) ist ein guter Ort für den Markennamen in Kombination mit dem Produktnamen. Wenn du die Marke jedoch auf jedem Galeriebild, Lifestyle-Foto und bei jeder Variante wiederholst, wird das für Screenreader-Nutzer zu einem störenden Rauschen, das sie immer wieder hören. Variiere die Beschreibungen, um dich darauf zu konzentrieren, was jedes Bild tatsächlich zeigt.
Der Alt-Text beschreibt ein einzelnes Bild und befindet sich im <img>-Element. Eine Meta Description beschreibt die gesamte Seite und steht im <head>. Alt-Texte wirken sich auf die Bildersuche und die Ausgabe von Screenreadern aus; Meta Descriptions beeinflussen, wie die Seite in den normalen Google-Suchergebnissen erscheint (das Snippet unter dem Titel). Sie dienen unterschiedlichen Bereichen und sollten nicht wiederverwendet werden.
