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
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, wenn kein Alt-Text festgelegt wurde. Zudem hat Google klargemacht, dass Dateinamen weitaus schwächere Signale sind als explizite Alt-Texte. Schreibe immer richtige Alt-Texte – Dateinamen wie IMG_4592.jpg bringen Suchmaschinen und Screenreadern rein gar nichts.
Peile etwa 50–125 Zeichen an. Die meisten Screenreader schneiden nach ca. 125 Zeichen ab, und Google beachtet in der Regel vor allem den ersten Teil. Alles was länger ist, ist verschwendet. Alles was kürzer ist, bedeutet meist, dass du nützliche, beschreibende Details weggelassen hast.
Nein. Dekorative Bilder (Hintergrundmuster, Trennlinien, Icons neben Texten) sollten einen leeren Alt-Text (alt="") haben, damit Screenreader sie überspringen. Funktionale Bilder (Produktfotos, Hero-Images, Infografiken – alles, was eine Bedeutung vermittelt) brauchen beschreibende Alt-Texte.
Der Alt-Text ist die Beschreibung, die von Screenreadern und Google für die Barrierefreiheit und für SEO genutzt wird. Der Bildtitel (HTML title-Attribut) wird als Tooltip angezeigt, wenn du mit der Maus darüberfährst (Hover). Shopifys Bildeditor für Produkte bietet nur den Alt-Text an – title-Attribute werden bei Produktbildern typischerweise nicht gesetzt und helfen im Bereich SEO auch nicht wirklich weiter.
Es hilft moderat, aber beständig. Der größte Gewinn ist meist der Traffic über die Google-Bildersuche (was bei sehr visuellen Produktkategorien wie Mode oder Wohnartikeln extrem nützlich sein kann). Es wird bei kompetitiven Keywords nicht im Alleingang deine Rankings nach oben katapultieren, aber im Zusammenspiel mit anderen On-Page-Signalen rechnet es sich. Um herauszufinden, bei welchen Produkten der Alt-Text fehlt, und massenhaft passende Texte dafür schreiben zu lassen, erkläre einfach Fudge, was du brauchst – das Tool erkennt die Lücken und schreibt Alt-Texte, die genau zum jeweiligen Bildinhalt passen.
