Die wichtigsten Erkenntnisse
- 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 Alt-Texte beschreibend und spezifisch - füge den Produktnamen, die Farbe und wichtige Details hinzu.
Um Bildern in Shopify einen Alt-Text hinzuzufügen, öffne das Produkt, klicke im Bereich Medien auf das Bild und gib eine Beschreibung in das Feld Alt-Text ein. Theme- und Blog-Bilder haben ihre eigenen Felder, die unten behandelt werden. Der Alt-Text teilt Suchmaschinen mit, was das Bild zeigt, und bietet Nutzern, die es nicht sehen können, eine Textalternative.
Warum du uns vertrauen kannst
Wir haben Hunderte von Shopify-Storefronts erstellt und angepasst. Außerdem haben wir Fudge entwickelt, den KI-Operator für Shopify-Shops, mit einer 4.9-Bewertung im Shopify App Store.
So fügst du Alt-Texte zu Produktbildern hinzu
Schritt 1. Gehe in deinen Shopify-Adminbereich > Produkte.
Schritt 2. Klicke auf das Produkt, das du aktualisieren willst.
Schritt 3. Klicke im Bereich Medien auf das Bild, das du bearbeiten möchtest.
Schritt 4. Rechts öffnet sich ein Panel (oder ein Modal, je nach Shopify-Version). Dort siehst du ein Feld für den Alt-Text.
Schritt 5. Schreibe deinen Alt-Text und klicke auf Speichern.
Wiederhole das für jedes Bild des Produkts. Jedes Bild sollte einen eigenen, einzigartigen Alt-Text haben, der genau beschreibt, was darauf zu sehen ist.
So fügst du Alt-Texte zu Theme-Bildern hinzu
Theme-Bilder – Banner, Hero-Bilder, Hintergrundbilder, die über den Theme-Editor hinzugefügt wurden – bekommen ihren Alt-Text auf andere Weise.
Schritt 1. Gehe zu Onlineshop > Themes > Anpassen.
Schritt 2. Klicke auf den Abschnitt oder Block, der das Bild enthält.
Schritt 3. Finde im Einstellungsfeld rechts die Bildauswahl. Darunter siehst du normalerweise ein Feld für Alt-Text oder Bild-Alt-Text.
Schritt 4. Gib deinen Alt-Text ein und speichere.
Wenn du im Theme-Editor für ein bestimmtes Bild kein Alt-Text-Feld siehst, wird es von diesem Abschnitt möglicherweise nicht als bearbeitbares Feld bereitgestellt. In diesem Fall müsste der Alt-Text im Theme-Code festgelegt werden.
Für die Massenbearbeitung erfährst du unten wie man Alt-Texte in großen Mengen hinzufügt.
So fügst du Alt-Texte zu Blog- und Seitenbildern hinzu
Für Bilder, die du über den Rich-Text-Editor zu Blog-Posts oder Seiten hinzufügst:
Schritt 1. Klicke im Editor der Seite oder des Blog-Posts auf das Bild.
Schritt 2. Klicke auf das Bild bearbeiten-Icon (Stift-Symbol), das erscheint.
Schritt 3. Gib den Alt-Text in das dafür vorgesehene Feld ein.
Schritt 4. Speichern.
Wie man Alt-Text zu Kategorie-Bildern und Dateien hinzufügt
Kategorie-Bilder. Gehe zu Produkte → Kategorien, wähle die Kategorie aus, klicke auf das Kategorie-Bild, bearbeite das Alt-Text-Feld und speichere.
Dateien. Bilder unter Inhalt → Dateien haben ihr eigenes Alt-Text-Feld. Klicke auf die Datei, um es zu bearbeiten.
Wie man Alt-Texte in großen Mengen hinzufügt
Den Alt-Text Produkt für Produkt zu bearbeiten, ist bei einem großen Katalog langsam. Es gibt drei Möglichkeiten, das im großen Stil zu machen:
Fudge fragen. Fudge liest jedes Bild zusammen mit dem Titel, der Beschreibung und den Tags des Produkts und schreibt dann in einem Durchgang spezifische Alt-Texte für jedes Produktbild in deinem Katalog. Zum Beispiel: „Schreibe einen Alt-Text für jedes Produktbild, bei dem er fehlt, und beschreibe, was auf jedem Bild zu sehen ist.“ Du überprüfst die Änderungen, bevor sie live gehen.
CSV-Export und -Import. Exportiere deine Produkte als CSV, fülle die Spalte Image Alt Text aus und importiere sie wieder. Das ist der kostenlose Weg, aber du musst jede Zeile selbst schreiben.
SEO-Apps. Apps wie TinyIMG und der SEO Image Optimizer enthalten Tools für Massen-Alt-Texte, die meist auf Vorlagen wie [Product Title] - [Store Name] basieren.
Wie man guten Alt-Text für Shopify schreibt
Sei spezifisch. „Weiße Keramiktasse“ ist besser als „Tasse“. „Marineblaue Laufshorts für Damen – Vorderansicht“ ist besser als „Shorts“.
Schließe den Produktnamen ein. Füge bei Produktbildern immer den Produktnamen hinzu, wie er in deinem Shop steht. Das hilft Google zu verstehen, was du verkaufst, und verbessert das Ranking bei produktspezifischen Suchanfragen.
Beschreibe, was tatsächlich zu sehen ist. Wenn es sich um ein Lifestyle-Bild mit dem Produkt in Aktion handelt, beschreibe die Szene: „Person trägt rote Wanderjacke auf einem Bergpfad.“ Wenn nur das Produkt zu sehen ist, beschreibe das Produkt.
Vermeide Keyword-Stuffing. Ein Alt-Text sollte sich natürlich lesen. „Weiße Tasse weiße Tasse Keramiktasse Geschenktasse“ ist ein schlechter Alt-Text und wird von Google möglicherweise als Spam markiert.
Fange nicht mit „Bild von“ oder „Foto von“ an. Suchmaschinen wissen bereits, dass es sich um ein Bild handelt. Beschreibe den Inhalt einfach direkt.
Fasse dich kurz. Ein klarer Satz reicht meist aus. Wenn ein Bild eine längere Erklärung braucht, wie etwa eine Größentabelle, schreibe die Details in den Seitentext.
Lass dekorative Bilder leer. Hintergrundmuster, Trennlinien und Icons, die neben einem Text-Label stehen, sollten einen leeren Alt-Text (alt="") haben, damit Screenreader sie überspringen.
Warum Alt-Texte für SEO wichtig sind
Produktbilder können in der Google Bildersuche ranken und zusätzlichen Traffic bringen. Relevante Alt-Texte helfen Bildern dabei, für relevante Suchanfragen zu ranken.
Um zu sehen, wie viel von deinem Katalog noch keinen hat, mach den kostenlosen Shopify-Katalogdaten-Audit – der Alt-Text ist eines der Produktdaten-Felder, die dabei bewertet werden.
Warum Alt-Texte für die Barrierefreiheit wichtig sind
Alt-Texte sind eine zentrale Anforderung der WCAG-Standards zur Barrierefreiheit. 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 deine Produktinformationen unzugänglich macht.
Im E-Commerce ist Barrierefreiheit sowohl ethisch als auch rechtlich wichtig. In den USA sahen sich mehrere große Einzelhändler mit ADA-Klagen wegen nicht barrierefreier Websites konfrontiert.
Um die Bilder selbst zu ändern, sieh dir Produktbilder in Shopify aktualisieren an.
Wie füge ich in Shopify Text über ein Bild ein?
Sichtbarer Text über einem Bild ist etwas anderes als ein Alt-Text; dafür sieh dir Das Hero-Bild in Shopify ändern an.
FAQ
Kann ich KI verwenden, um Alt-Texte für meine Shopify-Bilder automatisch zu generieren?
Ja. Mehrere SEO-Apps (TinyIMG, SEO Image Optimizer, AVADA SEO) bieten KI-generierten Alt-Text mittels Bilderkennung an. Fudge, der KI-Operator für Shopify-Stores, macht das mit mehr Kontext: Er liest neben dem Bild auch den Produkttitel, die Beschreibung und die Tags und entwirft dann einen Alt-Text, der die Besonderheiten (Stoff, Modell, Verwendungszweck) einbezieht, statt eines generischen "blaues Hemd"-Ergebnisses. Ein SEO-Audit, den du über Fudge ausführen kannst, findet außerdem gleich die Bilder, bei denen der Text fehlt. Egal für welchen Weg du dich entscheidest, überprüfe die Alt-Texte deiner Bestseller-Produkte manuell – denn da kosten generische KI-Ergebnisse am meisten.
Was passiert, wenn ich meinen Shopify-Produktbildern keinen Alt-Text hinzufüge?
Drei Dinge: Screenreader können das Bild für sehbehinderte Käufer nicht beschreiben (mangelnde Barrierefreiheit, potenzielles rechtliches Risiko), Google hat weniger Signale, um das Bild in der Bildersuche zu ranken, und die meisten Themes fallen auf den Produkttitel zurück, der selten das spezifische Bild beschreibt.
Wirken sich Änderungen am Alt-Text sofort auf die Shopify-SEO aus?
Nein – die Suchrankings werden nach dem Crawling-Zeitplan von Google aktualisiert, was bei Produktseiten typischerweise Tage bis Wochen dauern kann. Die Ergebnisse in der Bildersuche können noch länger dauern. Die Änderung wird sofort im HTML der Seite erfasst, das technische Update erfolgt also sofort; die Auswirkung auf das Ranking passiert schrittweise.
Brauchen alle Bilder einen Alt-Text?
Nein. Dekorative Bilder (Hintergrundmuster, Trennlinien, Icons neben Text-Labels) sollten einen leeren Alt-Text (alt="") haben, damit Screenreader sie überspringen. Funktionale Bilder (Produktfotos, Hero-Bilder, Infografiken, alles, was eine Bedeutung vermittelt) benötigen einen beschreibenden Alt-Text.
Sollte ich meinen Markennamen in den Alt-Text aufnehmen?
Sparsam. Das erste Bild bei jedem Produkt (das Hauptbild) ist ein guter Platz für den Markennamen kombiniert mit dem Produktnamen. Wenn du die Marke in jedem Galeriebild, Lifestyle-Foto und bei jeder Variante wiederholst, wird das zu Lärm, den sich Screenreader-Nutzer immer und immer wieder anhören müssen. Variiere die Beschreibungen, um dich darauf zu konzentrieren, was jedes Bild tatsächlich zeigt.
Wie unterscheidet sich der Alt-Text von einer Meta-Description?
Ein Alt-Text beschreibt ein einzelnes Bild und befindet sich im <img>-Element. Eine Meta-Description beschreibt die gesamte Seite und befindet sich im <head>. Der 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 dienen unterschiedlichen Bereichen und sollten nicht wiederverwendet werden.
