Wichtige Erkenntnisse
- Produktbilder: Gehe zu Produkte → Produkt auswählen → Bild anklicken → Alt-Text im Seitenmenü bearbeiten.
- Theme-Bilder: Theme-Editor → Bildblock auswählen → Alt-Text-Feld in den Einstellungen.
- Guter Alt-Text beschreibt, was auf dem Bild zu sehen ist, und enthält relevante Keywords auf natürliche Weise.
- Leerer Alt-Text ist eine verpasste SEO-Chance und ein Mangel an Barrierefreiheit.
Alt-Text erfüllt bei Shopify zwei Zwecke: Er hilft Suchmaschinen zu verstehen, was deine Bilder zeigen (was den Traffic über die Bildersuche steigern kann), und er liefert eine Textbeschreibung für Screenreader, die von sehbehinderten Kunden genutzt werden. Es lohnt sich, beides richtig zu machen.
Wie füge ich Alt-Text in Shopify hinzu?
Der Ort variiert je nachdem, wo das Bild gespeichert ist.
Produktbilder
- Gehe in deinem Shopify-Adminbereich auf Produkte
- Wähle das Produkt aus
- Bewege den Mauszeiger über das Bild, das du bearbeiten möchtest – ein kleines Stiftsymbol erscheint
- Klicke auf das Stiftsymbol (oder klicke direkt auf das Bild)
- Das Feld Alt-Text erscheint im Seitenmenü
- Schreibe deinen Alt-Text und klicke auf Speichern
Wiederhole dies für jedes Bild des Produkts, einschließlich Variantenbildern und Galeriebildern.
Kategoriebilder (Collections)
- Produkte → Kategorien → Kategorie auswählen
- Klicke auf das Kategoriebild
- Bearbeite das Alt-Text-Feld und speichere
Seiten und Blogbeiträge (hochgeladene Bilder)
- Onlineshop → Seiten → Seite auswählen
- Klicke auf das Bild im Content-Editor
- Suche nach dem Alt-Text-Feld in der Symbolleiste zur Bildbearbeitung
Theme-Bilder (im Theme-Editor)
- Onlineshop → Themes → Anpassen
- Klicke auf den Abschnitt, der das Bild enthält
- Suche im rechten Einstellungsmenü den Bildblock
- Suche nach dem Feld Alt-Text – es befindet sich normalerweise direkt unter der Bildauswahl
Bilder im Bereich Dateien
Bilder, die direkt unter Einstellungen → Dateien hochgeladen werden, haben kein Feld für Alt-Texte. Wenn du diese Bilder in deinem Theme verwendest, muss der Alt-Text im Liquid-Template hinzugefügt werden, in dem das Bild gerendert wird.
Passend dazu: Strukturierte Daten in Shopify hinzufügen.
Wie füge ich Alt-Text ein?
Klicke auf ein beliebiges Bild im Shopify-Adminbereich und suche nach dem Alt-Text-Feld im Bearbeitungsmenü. Es ist ein reines Textfeld – tippe einfach deine Beschreibung ein und speichere. Es gibt keine Formatierungsoptionen.
Wie man guten Alt-Text schreibt
Beschreibe, was tatsächlich auf dem Bild zu sehen ist
Die erste Regel: Beschreibe, was du siehst. Wenn das Bild eine braune Lederbrieftasche zeigt, die geöffnet ist, um die Kartenfächer zu präsentieren, schreibe: „Braune zweiflügelige Lederbrieftasche, geöffnet, mit sechs Kartenfächern.“
Verwende keine allgemeinen Alt-Texte wie „Produktbild“ oder „Foto“ – das ist schlechter als gar kein Alt-Text, da es aktiv irreführend ist.
Relevante Keywords natürlich einbauen
Bei Produktbildern sollte das Keyword, für das du ranken möchtest, im Alt-Text erscheinen, sofern es das Gezeigte wirklich beschreibt. „Braune Lederbrieftasche für Herren mit RFID-Schutz“ ist präzise UND reich an Keywords.
Das Schlüsselwort ist hier „natürlich“. Betreibe kein Keyword-Stuffing: „Lederbrieftasche braun Herren RFID Geldbeutel online kaufen“ ist Keyword-Stuffing und bietet keinen Mehrwert.
Unter 125 Zeichen bleiben
Screenreader schneiden den Alt-Text oft ab etwa 125 Zeichen ab. Schreibe prägnant.
Nicht mit „Bild von“ oder „Foto von“ beginnen
Screenreader kündigen bereits an, dass es sich um ein Bild handelt. Der Anfang „Bild von…“ ist redundant. Gehe direkt zur Beschreibung über.
Dekorative Bilder können einen leeren Alt-Text haben
Rein dekorative Bilder – Hintergrundmuster, Trennlinien, Icons mit Textbeschriftung – sollten einen leeren Alt-Text haben (alt=""). Dies sagt dem Screenreader, dass er das Bild komplett überspringen soll. Füge dekorativen Bildern keinen Fülltext hinzu; das erzeugt nur unnötigen Lärm für Screenreader-Nutzer.
Bulk-Bearbeitung von Alt-Texten in Shopify
Bei großen Produktkatalogen ist es mühsam, den Alt-Text für jedes Produkt einzeln zu bearbeiten. Optionen:
Shopifys Sammeleditor. Produkte → Produkte auswählen → Produkte bearbeiten. Der Sammeleditor zeigt nativ derzeit keine Spalte für Alt-Texte an – du würdest eine App für die Massenbearbeitung von Alt-Texten benötigen.
SEO-Apps. Apps wie Plug In SEO, SEO Image Optimizer und TinyIMG bieten Funktionen zur Massenbearbeitung von Alt-Texten. Einige können Alt-Texte automatisch mithilfe von Templates wie [Produktname] - [Shop-Name] generieren.
CSV-Export/Import. Der Produkt-CSV-Export von Shopify enthält keine Spalte für den Alt-Text von Bildern. Für ein echtes Bulk-Management der Alt-Texte ist eine App oder die API erforderlich.
Passend dazu: Bilder in Shopify komprimieren.
Passend dazu: Meta-Beschreibungen in Shopify bearbeiten.
Hilft Alt-Text beim Shopify-SEO?
Ja, in mehrfacher Hinsicht:
Verwandt: Edit Meta Descriptions in Shopify.
Google Bildersuche. Gut geschriebener Alt-Text hilft deinen Produktbildern, in den Ergebnissen der Google Bildersuche zu erscheinen, was zusätzlichen Traffic generieren kann.
Keyword-Signale. Alt-Text ist eines von vielen On-Page-Signalen, die Google verwendet, um das Thema einer Seite zu verstehen. Er entscheidet allein nicht über das Ranking, aber konsistenter, präziser Alt-Text über alle Produktbilder hinweg unterstützt die Gesamtrelevanz deiner Seite.
Einhaltung der Barrierefreiheit. In einigen Ländern sind barrierefreie Websites für E-Commerce-Unternehmen gesetzlich vorgeschrieben. Fehlender Alt-Text ist einer der häufigsten Mängel bei der Barrierefreiheit.
Überprüfung deiner Alt-Text-Abdeckung
Nutze das integrierte Audit von Shopify, indem du Plug In SEO installierst (kostenlose Version verfügbar) – es markiert alle Bilder in deinem Shop, denen ein Alt-Text fehlt. Die Google Search Console kann ebenfalls Probleme bei der Bildindexierung aufzeigen, die mit schlechtem Alt-Text zusammenhängen. Weitere Details zum Hinzufügen von Alt-Text für jeden Bildtyp findest du unter So fügst du Alt-Text zu Bildern in Shopify hinzu.
Verwandt: Compress Images in Shopify.