Das Wichtigste in Kürze
- Produktbilder: Gehe zu „Produkte“ → wähle ein Produkt aus → klicke auf das Bild → bearbeite den Alt-Text im Seitenbereich.
- Theme-Bilder: Theme-Editor → wähle den Bildblock aus → Alt-Text-Feld in den Einstellungen.
- Ein guter Alt-Text beschreibt, was auf dem Bild zu sehen ist, und bindet relevante Keywords ganz natürlich ein.
- Fehlender Alt-Text ist eine verpasste SEO-Chance und ein Mangel bei der Barrierefreiheit.
Alt-Texte erfüllen in Shopify zwei Zwecke: Sie helfen Suchmaschinen zu verstehen, was deine Bilder zeigen (was mehr Traffic über die Bildersuche bringen kann), und sie bieten eine Textbeschreibung für Screenreader, die von Käufern mit Sehbehinderung genutzt werden. Es lohnt sich also, 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
Führe ein Audit deines Shops durch, indem du Plug In SEO installierst (kostenlose Version verfügbar) – das Tool markiert dir alle Bilder, denen ein Alt-Text fehlt. Die Google Search Console kann außerdem Probleme bei der Bildindexierung aufzeigen, die durch schlechten Alt-Text verursacht werden. Mehr Details dazu, wie du jedem Bildtyp einen Alt-Text hinzufügst, findest du unter Wie man in Shopify Alt-Texte zu Bildern hinzufügt.
FAQ
Nein. Shopify nutzt den Dateinamen nur als Fallback, falls kein Alt-Text festgelegt ist. Google hat zudem klargemacht, dass Dateinamen deutlich schwächere Signale sind als explizite Alt-Texte. Schreibe am besten immer vernünftige Alt-Texte – Dateinamen wie IMG_4592.jpg bringen Suchmaschinen und Screenreadern absolut nichts.
Ziele auf 50–125 Zeichen ab. Die meisten Screenreader brechen nach etwa 125 Zeichen ab und auch Google achtet in erster Linie auf den vorderen Teil. Alles, was länger ist, ist Verschwendung; alles, was kürzer ist, bedeutet meist, dass du wichtige beschreibende Details weggelassen hast.
Nein. Dekorative Bilder (Hintergrundmuster, Trennlinien, Icons neben Texten) sollten leere Alt-Texte haben (alt=""), damit Screenreader sie überspringen. Funktionale Bilder (Produktfotos, Hero-Images, Infografiken – also alles, was eine Bedeutung transportiert) brauchen beschreibende Alt-Texte.
Der Alt-Text ist die Beschreibung, die von Screenreadern und Google für Barrierefreiheit und SEO genutzt wird. Der Bildtitel (das HTML-title-Attribut) wird als Tooltip beim Hovern angezeigt. Shopifys Editor für Produktbilder zeigt nur den Alt-Text an – Title-Attribute werden bei Produktbildern normalerweise nicht gesetzt und bringen für SEO keinen echten Vorteil.
Es hilft – nicht massiv, aber konstant. Der größte Hebel ist meist der Traffic über die Google-Bildersuche (was bei sehr visuellen Kategorien wie Mode oder Einrichtung einen ordentlichen Unterschied machen kann). Es wird deine Rankings für stark umkämpfte Keywords nicht im Alleingang nach oben katapultieren, aber im Zusammenspiel mit anderen On-Page-Signalen zahlt es sich aus. Um massenhaft zu überprüfen, bei welchen Produkten Alt-Texte fehlen, und sie direkt schreiben zu lassen, beschreibe einfach Fudge was du brauchst – es erkennt die Lücken und schreibt automatisch passende Alt-Texte für den jeweiligen Bildinhalt.
