Wichtigste Erkenntnisse
- Produktbilder: Gehe zu Produkte → wähle ein Produkt aus → klicke auf das Bild → bearbeite den Alt-Text in der Seitenleiste.
- Theme-Bilder: Theme-Editor → wähle den Bild-Block aus → Alt-Text-Feld in den Einstellungen.
- Ein guter Alt-Text beschreibt, was auf dem Bild zu sehen ist, und bindet relevante Keywords auf natürliche Weise ein.
- Fehlender Alt-Text ist eine verpasste Chance für SEO und ein Fehler in Sachen Barrierefreiheit.
Alt-Text erfüllt in Shopify zwei Zwecke: Er hilft Suchmaschinen zu verstehen, was deine Bilder zeigen (was Traffic über die Bildersuche bringen kann), und er liefert eine Textbeschreibung für Screenreader, die von Käufern mit Sehbehinderung genutzt werden. Beides ist es wert, richtig gemacht zu werden.
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üfen deiner Alt-Text-Abdeckung
Nutze das integrierte Audit von Shopify, indem du Plug In SEO (kostenlose Version verfügbar) installierst – es markiert alle Bilder ohne Alt-Text in deinem gesamten Shop. Die Google Search Console kann ebenfalls Probleme bei der Bildindexierung aufzeigen, die mit schlechten Alt-Texten zusammenhängen. Weitere Details zum Hinzufügen von Alt-Texten zu jedem Bildtyp findest du unter So fügst du Alt-Text zu Bildern in Shopify hinzu.
FAQ
Nein. Shopify verwendet den Dateinamen nur als Fallback, wenn kein Alt-Text festgelegt ist, und Google hat erklärt, dass Dateinamen schwächere Signale sind als ein expliziter Alt-Text. Schreibe immer vernünftige Alt-Texte - Dateinamen wie IMG_4592.jpg bieten Suchmaschinen und Screenreadern absolut keinen Mehrwert.
Peile etwa 50–125 Zeichen an. Die meisten Screenreader schneiden den Text nach etwa 125 Zeichen ab, und Google beachtet meist nur den ersten Teil. Alles darüber hinaus ist verschenkt; alles, was zu kurz 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-Bilder, Infografiken, also alles, was Bedeutung vermittelt) benötigen einen beschreibenden Alt-Text.
Der Alt-Text ist die Beschreibung, die von Screenreadern und Google für Barrierefreiheit und SEO genutzt wird. Der Bildtitel (das HTML-Attribut title) wird beim Hovern als Tooltip angezeigt. Der Produktbild-Editor von Shopify bietet nur ein Feld für den Alt-Text – Title-Attribute werden für Produktbilder normalerweise nicht gesetzt und bringen SEO-technisch keinen großen Nutzen.
Es bringt einen kleinen, aber beständigen Vorteil. Der größte Gewinn ist normalerweise Traffic über die Google Bildersuche (was für visuelle Produktkategorien wie Mode oder Wohnartikel signifikant sein kann). Es wird die Rankings bei umkämpften Keywords nicht im Alleingang nach oben treiben, aber in Kombination mit anderen On-Page-Signalen macht es einen Unterschied. Um zu überprüfen, bei welchen Produkten der Alt-Text fehlt, und beschreibende Alt-Texte für sie im Bulk-Verfahren zu verfassen, beschreibe einfach in Fudge, was du brauchst – es identifiziert die Lücken und schreibt Alt-Texte, die dem tatsächlichen Inhalt jedes Bildes entsprechen.
