Produktdaten richtig darstellen ist ein Verständnisproblem, kein Layoutproblem. Das Baymard Institute hat 344 führende E-Commerce-Sites untersucht und festgestellt, dass 82 % davon schwerwiegende Usability-Probleme auf der Produktseite haben. Der Datenbereich ist dabei die Stelle, an der der Schaden leise bleibt: Niemand schreibt Ihnen eine E-Mail, dass Ihre Datentabelle unlesbar war. Man kauft einfach bei dem Angebot, das die Frage schneller beantwortet hat.
Kurz gesagt: Eine Datentabelle und ein beschriftetes Bild erfüllen zwei verschiedene Aufgaben, und ein Angebot, das verkauft, braucht beides. Nachfolgend die sechs Fragen, die entscheiden, welche Zahl wohin gehört — beantwortet mit der Forschung und mit dem, was auf Exportangeboten tatsächlich passiert.
Es gibt keinen einzigen richtigen Weg, technische Daten für jede Warengruppe darzustellen. Es gibt eine richtige Arbeitsteilung zwischen Text und Bild, und fast jedes unterdurchschnittliche Angebot teilt diese Arbeit in dieselbe falsche Richtung auf.
Gehören technische Daten in eine Tabelle oder auf das Bild?
Beides — und die Aufteilung ist keine Geschmacksfrage.
Eine Datentabelle ist maschinenlesbarer Text. Suchmaschinen indexieren ihn, Marktplatzfilter lesen ihn, Übersetzungswerkzeuge konvertieren ihn, Screenreader sprechen ihn vor, und KI-Einkaufsassistenten extrahieren ihn. Ein beschriftetes Bild ist dagegen ein Verständnishilfsmittel: Es zeigt dem Käufer, wie 42 cm neben einer Tür, einer Hand oder einer Palette aussehen. Der Text trägt die Zahl; das Bild trägt die Bedeutung der Zahl.
Ein maßstabsgetreues Bild ist ein Produktfoto, das eine Referenz enthält, deren Größe der Käufer bereits kennt — eine Person, eine Tür, eine Hand, eine Standardpalette —, sodass die Größe gelesen statt berechnet wird. Baymards Tests ergaben, dass 42 % der Nutzer den Gesamtmaßstab und die Größe eines Produkts anhand der Bilder einzuschätzen versuchen und dass 28 % der untersuchten Sites überhaupt kein maßstabsgetreues Bild bereitstellen. Das ist ein großer Anteil an Käufern, die nach einer Information suchen, die ein Viertel der Sites nie liefert.
| Datentabelle | Beschriftetes / maßstabsgetreues Bild | |
|---|---|---|
| Hauptaufgabe | Präzision und Vergleich | Verständnis und Maßstab |
| Maschinenlesbar | Ja | Nein |
| Übersteht Übersetzung | Ja | Nur bei erneutem Export je Sprache |
| Beantwortet „Passt es?“ | Langsam | Sofort |
| Beantwortet „Wie groß ist die Toleranz genau?“ | Ja | Nein |
| Wohin Käufer zuerst schauen | Nach der Galerie | In der Galerie |
Geben Sie derselben Angabe beide Behandlungen, wenn sie die Kaufentscheidung bestimmt. Die Gesamtbreite gehört in die Tabelle und auf das Bild. Die Gewindesteigung gehört nur in die Tabelle.
Welche Produktdaten prüfen Käufer zuerst?
Sie lesen nicht von oben nach unten. Im Sourcing von Möbeln, Industriegütern und Baustoffen scannen Käufer eine kleine Auswahl von Feldern, bestätigen diese und lesen erst danach den Rest. Diese Reihenfolge ist Praxiserfahrung und keine Plattformregel, aber sie ist über die Warengruppen hinweg bemerkenswert konstant.
| Stufe | Felder | Warum sie zuerst geprüft wird |
|---|---|---|
| 1 | Außenmaße, Gewicht, Tragfähigkeit | Entscheidet über Passung, Fracht und ob die Anfrage weitergeht |
| 2 | Werkstoff, Oberfläche, Güte | Entscheidet über Qualitätsstufe und Preisband |
| 3 | Kompatibilität und Passung (Gewinde, VESA, Ausschnitt, Rohbaumaß) | Entscheidet, ob es mit dem Bestand funktioniert |
| 4 | Verpackungsdaten (Kartonmaße, CBM, Stk./Karton) | Entscheidet über die Landed Costs |
| 5 | Zertifizierung, Prüfnorm, Gewährleistung | Entscheidet, ob es die Compliance-Prüfung besteht |
Dieselbe Prioritätenfolge gilt, wenn Sie das Download-Dokument aufbauen: Die Feldreihenfolge für ein Produktdatenblatt erstellen, das Käufer lesen spiegelt genau das, was Käufer auf der Seite scannen.
Wie viele technische Daten, bevor Käufer aufhören zu lesen?
Das Problem sind selten zu wenige Daten. Es ist ein undifferenzierter Block davon.
Baymards Untersuchung zu Datenblättern beziffert das: 50 % der Sites haben Datenblatt-Designs, die für Nutzer schwer zu scannen sind, 23 % gruppieren die Daten nicht in thematische Unterabschnitte mit Titeln, nur 3 % nutzen eine Zusammenfassung, um die kritischen Daten hervorzuheben, 23 % setzen keinerlei visuelle Gestaltung zur Unterstützung des Scannens ein, und 20 % zwingen Nutzer durch ein mehrspaltiges Layout. Weitere 52 % bereiten die vom Lieferanten gelieferten Daten nicht nach, sodass zwei Produkte desselben Typs unterschiedliche Feldnamen und unterschiedliche Einheiten tragen.
Letzteres ist der spezifische Exportkiller. Wenn eine SKU „Breite 600 mm“ angibt und die nächste „B: 23.6 in“, verliert der Käufer das Vertrauen in beide.
Was stattdessen zu tun ist, nach Wirkung sortiert:
- Beginnen Sie mit einer Kurzübersicht der wichtigsten Daten in fünf bis sieben Zeilen — den Feldern der Stufe 1, sonst nichts. Nur 3 % der Sites tun das, es ist also nahezu kostenlose Differenzierung.
- Gliedern Sie die vollständige Tabelle in betitelte Unterabschnitte: Maße, Werkstoffe, Verpackung, Konformität.
- Verwenden Sie ein Einheitensystem als führendes und setzen Sie die Umrechnung in dieselbe Zelle, nicht in eine eigene Spalte.
- Halten Sie die Feldnamen über jede SKU einer Warengruppe hinweg identisch, auch wenn das Werksdatenblatt das nicht tut.
Wohin gehören Maße auf einer Produktseite?
An drei Stellen, in dieser Reihenfolge.
- Auf das Bild. Gesamtbreite, -tiefe und -höhe, eingezeichnet am Produkt genau dort, wo das Maß tatsächlich verläuft. Das ist die einzige Fassung, die die meisten Käufer lesen werden.
- In die Kurzübersicht. Dieselben drei Zahlen als Text, mit ausgeschriebener Einheit.
- In die vollständige Tabelle und in die strukturierten Daten. Das ist es, was Marktplatzfilter und KI-Antwortmaschinen auswerten; siehe strukturierte Daten für Produktmaße für die Felder, die meist leer bleiben.
An Schritt 1 scheitern die meisten Angebote still, und der Grund sind in der Regel Produktionskosten und keine Meinungsverschiedenheit. Maßlinien von Hand exakt auf ein Foto zu zeichnen ist langsam, und es geht auf eine ganz bestimmte Art schief: Ein nach Augenmaß gezogener Pfeil landet einige Millimeter neben der echten Kante, und die daneben gedruckte Zahl passt nicht mehr zum Produkt. Die Lösung heißt nicht „machen Sie bessere Fotos“. Sie heißt Software, die das gemessene Maß auf dem Bild fixiert: das Maß an der Produktkante einrasten lassen, den echten Wert einmal eintippen, dann in der Bildgröße jeder Plattform exportieren. Werkzeuge, die eine plausibel aussehende Größengrafik erzeugen, ohne etwas zu messen, liefern eine Zahl, die überzeugend wirkt und falsch ist — schlimmer als gar keine Zahl: Ein falsches Maß auf dem Hauptbild ist eine Reklamation wegen Abweichung von der Beschreibung, die nur darauf wartet, eingereicht zu werden.
Dieselbe Datei speist in der Regel Katalog und Angebot, weshalb Exporteure sie einmal als Ergebnis eines Generators für Produktdatenblätter aufbauen statt zweimal.
Was bricht, wenn die technischen Daten nur im Bild stehen?
Alles, was hinter dem Pixel kommt.
- Suche und Filter. Ein Marktplatz kann nicht nach einer Zahl filtern, die er nicht lesen kann. Text in einem Bild ist unsichtbar für den Filter, der überhaupt erst darüber entscheidet, ob Sie erscheinen.
- Barrierefreiheit. Die WCAG-Vorgaben des W3C zu Schriftgrafiken existieren, weil in ein Bild eingebrannter Text nicht skaliert, nicht umgestaltet und von assistiver Technologie nicht zuverlässig gelesen werden kann.
- Übersetzung. Ihre 11 Sprachversionen erben die Tabelle kostenlos. Das Bild muss je Sprache neu exportiert werden — genau deshalb müssen die kritischen Zahlen auch als Text existieren.
- KI-Antwortmaschinen. Wenn ein Einkaufsassistent Ihr Produkt zusammenfasst, liest er den Text. Eine Angabe, die nur als Pixel existiert, schafft es nicht in die Antwort.
- Vorschaubilder. Text, der für die Vollbildansicht dimensioniert ist, verschwindet im Galeriestreifen; die Regeln zur Schriftgröße auf Produktbildern entscheiden, ob die Beschriftung in Kachelgröße überlebt.
Daraus folgt die Regel: Jede Zahl, nach der ein Käufer filtern könnte, die er vergleichen oder in ein Angebot übernehmen könnte, muss irgendwo auf der Seite als Text vorliegen — auch dann, wenn sie zusätzlich ins Bild gezeichnet ist.
Ändert sich daran auf dem Smartphone etwas?
Die Reihenfolge der Schritte ändert sich. Wie Sie technische Daten auf einem Telefon darstellen, entscheidet die Galerie, denn mobil ist die Galerie die Seite, und die Datentabelle liegt einen Scroll entfernt, oft hinter einem Tipp.
Zwei Baymard-Befunde zählen hier: 25 % der E-Commerce-Sites haben keine Produktbilder mit ausreichender Auflösung oder Zoomstufe, und 76 % der mobilen Sites nutzen keine Vorschaubilder für zusätzliche Produktbilder, sodass Käufer gar nicht sehen, dass ein Maßbild existiert. Zusammen beschreiben sie den üblichen Fehlschlag: Der Verkäufer hat eine gute Maßzeichnung erstellt, und auf dem Telefon hat sie niemand gefunden oder lesen können.
Praktische Konsequenzen:
- Setzen Sie das Maßbild auf Position 2 oder 3 in der Galerie, nicht auf Position 7.
- Gestalten Sie die Beschriftung so, dass sie eine erste Ansicht in Kachelgröße übersteht, und belohnen Sie den Zoom anschließend mit Details.
- Halten Sie die Kurzübersicht mobil im sofort sichtbaren Bereich, nicht unterhalb eines Bewertungsblocks.
Produktdaten richtig darstellen: ein Audit in 10 Zeilen
Prüfen Sie damit ein einzelnes Angebot, bevor Sie Änderungen über den ganzen Katalog ausrollen.
- Die Galerie enthält mindestens ein maßstabsgetreues Bild mit einem vertrauten Referenzobjekt
- Die Außenmaße erscheinen auf einem Bild, in einer Kurzübersicht und in der vollständigen Tabelle
- Die Kurzübersicht umfasst fünf bis sieben Zeilen und steht über der vollständigen Tabelle
- Die vollständige Tabelle ist in betitelte Unterabschnitte gegliedert
- Feldnamen und Einheiten sind über jede SKU der Warengruppe hinweg identisch
- Führende Einheit und Umrechnung stehen in derselben Zelle
- Keine kritische Zahl existiert ausschließlich als Pixel
- Das Maßbild steht auf Galerieposition 2 oder 3
- Die Beschriftung ist in Vorschaubildgröße lesbar
- Die strukturierten Daten führen Breite, Höhe, Tiefe und Gewicht
Kurzreferenz
| Frage des Käufers | Wohin die Antwort gehört | Format |
|---|---|---|
| Wie groß ist es wirklich? | Galeriebild, Position 2-3 | Maßstabsgetreues Foto mit Maßlinien |
| Passt es in meinen Raum? | Bild plus Kurzübersicht | Beschriftetes Gesamtmaß B x T x H |
| Woraus besteht es? | Kurzübersicht | Text, eine Zeile |
| Passt es zu meinem vorhandenen Gerät? | Vollständige Tabelle, Abschnitt Kompatibilität | Text plus Toleranz |
| Was kostet mich der Versand eines Kartons? | Vollständige Tabelle, Abschnitt Verpackung | Text, Kartonmaße und CBM |
| Ist es für meinen Markt zertifiziert? | Vollständige Tabelle, Abschnitt Konformität | Nummer der Norm, kein Logo |
Häufige Fragen
Sollte ich technische Daten in einer Tabelle oder in der Beschreibung darstellen?
In einer Tabelle. Fließtextbeschreibungen verstecken Zahlen in Sätzen, was langsam zu scannen und für Filter und KI-Assistenten schwer zu extrahieren ist. Behalten Sie die Beschreibung für den Kontext — Einsatzfälle, Oberflächenvarianten, Lieferzeit — und verschieben Sie jede messbare Angabe in eine gruppierte Tabelle.
Wo sollten Maße in einem Produktangebot erscheinen?
Zuerst auf dem Bild, dann in einer Kurzübersicht mit fünf bis sieben Zeilen, dann in der vollständigen Datentabelle und in den strukturierten Daten. Käufer lesen das Bild; Maschinen lesen den Text; Sie brauchen beides, um zu konvertieren und gefunden zu werden.
Wie viele Produktdaten sollte ein Angebot zeigen?
Alle, aber nicht alle auf einmal. Beginnen Sie mit den fünf bis sieben Feldern, die über den Kauf entscheiden, und geben Sie darunter den vollständigen Satz in einer gruppierten Tabelle. Baymard fand, dass nur 3 % der Sites eine Kurzübersicht der wichtigsten Daten verwenden — deshalb wirken die wenigen, die es tun, spürbar leichter lesbar.
Lesen Käufer Datenblätter tatsächlich auf dem Smartphone?
Sie lesen mobil die Galerie und am Desktop die Tabelle, weshalb die kritischen Maße an beiden Orten existieren müssen. Da 76 % der mobilen Sites keine Vorschaubilder für zusätzliche Bilder zeigen, existiert eine Maßzeichnung, die auf Galerieposition 7 vergraben ist, auf dem Telefon faktisch nicht.
Kann ich einfach alle technischen Daten ins Produktbild schreiben?
Nein. In ein Bild eingebrannter Text lässt sich nicht filtern, nicht übersetzen, nicht skalieren und nicht von assistiver Technologie lesen, und er verschwindet in Vorschaubildgröße. Zeichnen Sie die zwei oder drei Zahlen ins Bild, die über die Passung entscheiden, und halten Sie zugleich jede Zahl als Text vor. Wenn das exakte Zeichnen von Maßlinien der Engpass ist, dann ist das ein Produktionsproblem, das man besser mit messungsbasierter Beschriftung löst als durch Weglassen des Bildes.
Quellen und Referenzen
- Baymard Institute — Usability der Produktseite: 82 % der Sites haben schwerwiegende UX-Probleme, Benchmark von 344 führenden Sites
- Baymard Institute — Produktdatenblätter: 50 % der Sites scheitern an der Scanbarkeit, dazu die Befunde zu Gruppierung, Zusammenfassung, Gestaltung und Spalten
- Baymard Institute — Mindestens ein maßstabsgetreues Bild bereitstellen: 28 % der Sites tun das nicht, und 42 % der Nutzer schätzen den Maßstab anhand der Bilder ein
- W3C — Erläuterung zum WCAG-Erfolgskriterium 1.4.5 Bilder eines Textes
- Schema.org — Product: die Eigenschaften width, height, depth und weight für strukturierte Produktdaten
- GS1 — Standard Mobile Ready Hero Images: Lesbarkeit von Produktinformationen in Kachelgröße
