Nährwerttabellen in Shopify
Nährwerttabellen in Shopify
Warum Nährwerttabellen relevant sind
Für Food, Supplement und Health Brands sind Nährwertangaben regulatorisch verpflichtend und gleichzeitig kaufentscheidend. Kund:innen vergleichen Brennwert, Makronährstoffe oder Inhaltsstoffe häufig direkt zwischen Produkten.
Technisch betrachtet geht es dabei um strukturierte Produktdaten.
Wenn Nährwerte nur als Freitext in der Beschreibung gepflegt werden, entstehen mehrere Probleme:
- keine Wiederverwendbarkeit
- hoher Pflegeaufwand bei Rezepturänderungen
- inkonsistente Darstellung im Sortiment
Sobald ein Sortiment wächst oder sich Rezepturen regelmäßig ändern, wird die Frage relevant, wie diese Daten im System modelliert sind.
In Shopify existiert keine native Standardstruktur für Nährwerttabellen. Die Verantwortung für Datenmodell und Ausgabe liegt daher vollständig beim Shop.
App oder Custom Lösung
Grundsätzlich gibt es zwei Wege. Entweder über eine App oder über eine individuelle Custom Umsetzung. Aus unserer Erfahrung ist eine Custom Lösung langfristig fast immer die bessere Wahl.
Apps wirken auf den ersten Blick attraktiv. Sie lassen sich schnell installieren und versprechen eine einfache Pflege ohne Entwicklungsaufwand. Eine bekannte Lösung ist Nutri Label: Facts & Scores.
Die App ermöglicht das Erstellen von HTML basierten Nährwert-, Supplement und Arzneimittelinformationen. Die Inhalte sind indexierbar für Suchmaschinen, direkt auf der Produktseite sichtbar und ohne Programmierung nutzbar.
Technisch entstehen jedoch mehrere Abhängigkeiten:
- Daten liegen nicht als strukturierte Shopify Produktfelder vor
- Darstellung wird durch die App Logik gerendert
- Anpassungen sind abhängig von App Möglichkeiten
- laufende Kosten und Drittanbieter Bindung
Custom Umsetzung mit Metafeldern
Deshalb setzen wir Nährwerttabellen in Shopify bevorzugt individuell um. Der große Vorteil liegt in der Kontrolle. Aufbau, Design und Pflegeprozesse lassen sich exakt an die Anforderungen des Shops anpassen.
Für die Custom Umsetzung gibt es zwei bewährte Ansätze.
Variante 1: HTML Code im Metafield
Bei dieser Lösung wird die komplette Nährwerttabelle als HTML Code in einem Metafield gespeichert und im Produkt Template ausgegeben.
In unseren Projekten nutzen wir häufig ein einzelnes Metafeld, in dem die Nährwerte in einer definierten Struktur hinterlegt werden. Die Werte werden anschließend im Theme verarbeitet und als Tabelle ausgegeben. Dadurch bleibt die Pflege übersichtlich, ohne für jeden Nährwert ein eigenes Metafeld anlegen zu müssen.
Variante 2: Einzelne Metafelder pro Nährwert
Hier werden die einzelnen Angaben wie Brennwert, Fett, Kohlenhydrate oder Eiweiß jeweils in separaten Metafeldern gepflegt. Das Styling der Tabelle wird zentral im Code definiert.
Der Ansatz eignet sich vor allem für Shops mit wenigen Produkten. Bei größeren Sortimenten kann die Anzahl der Metafelder schnell unübersichtlich werden, da für jedes Produkt zahlreiche einzelne Werte gepflegt werden müssen.
Gleichzeitig bietet die strukturierte Speicherung einen interessanten Vorteil: Die einzelnen Nährwerte können auch für weitere Funktionen genutzt werden. So lassen sich Produkte beispielsweise nach ihrem Protein- oder Kohlenhydratgehalt filtern und miteinander vergleichen.
Variante 3: Pflege über CSV Daten
Bei größeren Sortimenten kann es sinnvoll sein, Nährwertdaten zentral in einer CSV Datei zu verwalten und automatisiert in Shopify zu importieren.
Dieser Ansatz eignet sich insbesondere für Brands mit vielen Produkten oder regelmäßigen Rezepturanpassungen. Die Datenpflege erfolgt außerhalb von Shopify, während die Darstellung weiterhin zentral über das Theme gesteuert wird.
Der zusätzliche Implementierungsaufwand ist höher, dafür lassen sich Änderungen effizient über viele Produkte hinweg ausrollen.
Unsere Best Practices
Lisas Kesselchips
Bei Lisas Kesselchips wurde eine optimierte Nährwerttabelle umgesetzt, die auf eine bessere Lesbarkeit und eine klare Darstellung der Informationen ausgerichtet ist.
Die Tabelle wird über Metafelder gesteuert und an das moderne Design des Shops angepasst. So können die Nährwertangaben flexibel aktualisiert werden, ohne die Darstellung im Theme verändern zu müssen.
Kund:innen erhalten dadurch eine übersichtliche Darstellung der Inhaltsstoffe und Nährwerte auf einen Blick.
Offset Nutrition
Auch bei Offset Nutrition wird die Nährwerttabelle über eine strukturierte Metafield Lösung gepflegt. Die einzelnen Informationen werden im Shopify Backend hinterlegt und anschließend über das Theme entsprechend ausgegeben und gestaltet.
So bleibt die Darstellung konsistent und kann an das Design des Shops angepasst werden.
AlpenPower
Bei AlpenPower werden die Nährwerttabellen zentral als Pages gepflegt und direkt mit den jeweiligen Produkten verknüpft. Dadurch können die Inhalte unabhängig von der Produktbeschreibung verwaltet und bei Bedarf flexibel aktualisiert werden.
Der Ansatz ist ähnlich wie die HTML Lösung über ein Metafield. Statt die Tabelle direkt im Produkt Metafield zu hinterlegen, liegt sie zentral auf einer Page und wird mit den entsprechenden Produkten verknüpft.
So lässt sich die Nährwerttabelle ohne zusätzliche App umsetzen und gleichzeitig zentral verwalten.
Wann Apps sinnvoll sein können
Apps können sinnvoll sein, wenn eine Lösung schnell umgesetzt werden soll und die Anforderungen an Datenstruktur, Designanpassungen oder langfristige Wartbarkeit gering sind.
Sobald Design, Datenqualität und Skalierbarkeit eine größere Rolle spielen, stößt dieser Ansatz jedoch schnell an seine Grenzen.
Fazit: saubere Nährwerttabellen als Qualitätsmerkmal
Nährwerttabellen sind mehr als ein Pflichtfeld. Sie sind ein Vertrauenselement und Teil der Produkt Experience. Eine saubere, gut strukturierte und CI konforme Darstellung wirkt professionell und stärkt die Kaufentscheidung.
Custom Lösungen über Metafelder bieten dafür die beste Grundlage. Sie sind stabil, flexibel und langfristig wartungsarm. Besonders für ambitionierte Food und Supplement Brands lohnt sich dieser Ansatz deutlich mehr als eine App Lösung.
Du möchtest Nährwerttabellen in Shopify umsetzen?
