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 wurden, haben kein Alt-Text-Feld. Wenn du diese Bilder in deinem Theme verwendest, muss der Alt-Text im Liquid-Template hinzugefügt werden, in dem das Bild gerendert wird.
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 die Bearbeitung von Alt-Texten pro Produkt mühsam. Optionen:
Shopifys Bulk-Editor. Produkte → Produkte auswählen → Produkte bearbeiten. Der Bulk-Editor zeigt derzeit nativ keine Spalte für Alt-Texte an – hierfür würdest du eine App benötigen.
SEO-Apps. Apps wie Plug In SEO, SEO Image Optimizer und TinyIMG bieten eine Bulk-Bearbeitung von Alt-Texten an. Einige können Alt-Texte automatisch anhand von Vorlagen wie [Produkt-Titel] - [Shop-Name] generieren.
CSV-Export/Import. Der CSV-Export für Produkte von Shopify enthält keine Spalte für Bild-Alt-Texte. Für echtes Bulk-Management von Alt-Texten ist eine App oder die API erforderlich.
Hilft Alt-Text beim Shopify-SEO?
Ja, in mehrfacher Hinsicht:
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.
