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.
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 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-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?
Text über ein Bild zu legen (ein Overlay) ist etwas anderes als Alt-Text. Alt-Text sind unsichtbare Metadaten für SEO und Screenreader. Sichtbarer Text, der über ein Bild gelegt wird, wird im Theme Editor erstellt – nutze dafür einen Abschnitt wie „Image banner“ (Bildbanner) oder „Image with text overlay“ (Bild mit Text-Overlay), der einen integrierten Textblock hat, welcher direkt auf dem Bild angezeigt wird. In den Abschnittseinstellungen kannst du Textposition, Farbe und Hintergrundtransparenz anpassen. Bedenke, dass Text über Bildern die Barrierefreiheit einschränken kann, wenn der Kontrast zu gering ist. Achte also immer auf gute Lesbarkeit.
FAQ
Ja. Mehrere SEO-Apps (TinyIMG, SEO Image Optimizer, AVADA SEO) bieten KI-generierte Alt-Texte mittels Bilderkennung. Fudge macht das mit mehr Kontext: Es liest Produkttitel, Beschreibung und Tags zusätzlich zum Bild und schreibt dann einen Alt-Text, der spezifische Details (Material, Modell, Verwendungszweck) einbezieht, anstatt einfach nur generisch "blaues Hemd" auszugeben. Egal für welchen Weg du dich entscheidest, überprüfe die Alt-Texte deiner Bestseller-Produkte manuell – hier kostet dich generischer KI-Output am meisten.
Drei Dinge: Screenreader können das Bild sehbehinderten Käufern nicht beschreiben (mangelnde Barrierefreiheit, mögliches rechtliches Risiko), Google hat weniger Signale, um das Bild in der Bildersuche zu ranken, und Shopify greift auf den Dateinamen im HTML-alt-Attribut zurück – was für Suchmaschinen und Hilfstechnologien oft völlig bedeutungslos ist.
Nein – die Suchrankings aktualisieren sich nach Googles Recrawl-Zeitplan, was bei Produktseiten meist Tage bis Wochen dauern kann. Ergebnisse in der Bildersuche können noch länger dauern. Die Änderung wird sofort im HTML der Seite dokumentiert, das technische Update passiert also augenblicklich; die Auswirkung auf das Ranking erfolgt 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 auf jedem Galeriebild, Lifestyle-Foto und jeder Variante wiederholst, entsteht nur ein Rauschen, das Nutzer von Screenreadern immer und immer wieder hören müssen. Variiere die Beschreibungen, um dich darauf zu fokussieren, was jedes Bild tatsächlich zeigt.
Der Alt-Text beschreibt ein einzelnes Bild und gehört in das <img>-Element. Eine Meta-Description beschreibt die gesamte Seite und befindet sich im <head>. Alt-Text beeinflusst die Bildersuche und die Ausgabe von Screenreadern; Meta-Descriptions beeinflussen, wie die Seite in den normalen Google-Suchergebnissen (das Snippet unter dem Titel) erscheint. Sie bedienen unterschiedliche Bereiche und sollten nicht einfach recycelt werden.
