Ein klassischer Onlineshop liefert Daten und Darstellung aus einem Guss. Das Shopsystem verwaltet Produkte und Bestellungen und erzeugt zugleich die Seiten, die Kunden sehen, meist über ein Theme. Bei Headless Commerce fehlt dieser "Kopf". Shopify fasst es so zusammen: Headless Commerce trennt das Frontend eines Shops von seinem Backend [1]. Die Oberfläche baust du selbst, und das Shopsystem stellt Produkte, Kollektionen, Kunden, Warenkorb, Checkout und internationale Preise über Schnittstellen bereit [1]. Was eine solche Schnittstelle ist, erklärt der Eintrag API.
Wie die Schnittstellen aussehen
Bei Shopify liefert die Storefront API Produkte, Kollektionen, Suche und Warenkorb und übergibt die Kunden an den Checkout, die Customer Account API kümmert sich um Anmeldung, Bestellungen und Adressen [1]. Mit Hydrogen bietet Shopify ein eigenes Werkzeug für das Frontend an, mit Oxygen das passende Hosting [1]. Shopware nennt seine Schnittstelle für diesen Zweck Store API. Sie ist die kundenseitige Oberfläche des Systems für Produktsuche, Warenkorb, Checkout und Kundenkonto und spricht JSON über HTTP [2]. Darauf baut Shopware mit Composable Frontends eine eigene Headless-Lösung auf [2]. Wie das bei Shopware im Detail läuft, beschreibt der Beitrag Headless und Composable Commerce mit Shopware.
Was du gewinnst und was du übernimmst
Shopify nennt als Einsatzfälle Oberflächen, die sich mit Themes kaum umsetzen lassen, den Verkauf über Kanäle, die das System von Haus aus nicht unterstützt, und die Anbindung anderer Systeme wie CMS, ERP oder Warenwirtschaft. Verkauft werden kann dann auch in Apps, Spielen, Livestreams oder auf Smart-Geräten [1]. Dem stehen Pflichten gegenüber, die Shopify offen benennt. Ein Headless-Shop kostet in Aufbau und Betrieb mehr als ein Theme, und es braucht Entwickler, die ihn nach dem Start pflegen [1]. Die Zugangsschlüssel der Schnittstellen musst du selbst verwalten, der private Schlüssel darf nie im Code landen, den der Browser lädt [1]. Haben Produktadressen eine andere Struktur als beim Standardshop, richtest du Weiterleitungen ein [1].
Noch eine Frage offen?
In der gratis Sprechstunde beantworten wir Fragen zu SEO live, jeden ersten Samstag im Monat um 18 Uhr. Oder du rufst einfach an.
Headless Commerce und SEO
Mit dem Theme fällt auch die SEO-Technik weg, die es mitbringt: Titel, Statuscodes, Weiterleitungen, Sitemaps und das Rendering der Seiten liegen beim eigenen Frontend. Google verarbeitet JavaScript-Seiten in drei Schritten, Crawling, Rendering und Indexierung [3]. Serverseitiges Rendering oder Pre-Rendering hält Google für eine sehr gute Option, weil die Seite für Nutzer und Crawler schneller wird und nicht alle Bots JavaScript ausführen können [3]. Für Frontends, die selbst navigieren, empfiehlt Google die History API mit echten Adressen statt Fragmenten mit Raute [3]. Fehlende Seiten sollen in solchen Anwendungen trotzdem als Fehler erkennbar sein, etwa über eine Weiterleitung auf eine Adresse, die der Server mit 404 beantwortet, oder ein per JavaScript gesetztes noindex [3]. Mehr dazu unter Server-Side Rendering und JavaScript-SEO. Für Inhaltsseiten ohne Shop gibt es den verwandten Begriff Headless CMS.
Über die Frage, ob dein Shop ein eigenes Frontend braucht oder mit einem Theme gut fährt, sprechen wir in der gratis Sprechstunde.
- Organisation About headless commerce. Shopify Developer Documentation. Stand ohne Datum. abgerufen am 31.10.2026
- Organisation Store API. Shopware Documentation. Stand ohne Datum. abgerufen am 31.10.2026
- Organisation Grundlagen von JavaScript-SEO. Google Search Central. Stand 04.03.2026. abgerufen am 31.10.2026
Häufige Fragen
Was ist der Unterschied zwischen Headless Commerce und einem normalen Onlineshop?
Im normalen Shop erzeugt das Shopsystem auch die Seiten, meist über ein Theme. Beim Headless-Shop liefert das System nur Daten und Funktionen über Schnittstellen, die Oberfläche ist ein eigenes Frontend.
Ist Headless Commerce teurer?
Shopify schreibt, dass ein Headless-Shop in Aufbau und Betrieb mehr kostet als ein Theme und Entwickler für die Pflege braucht. Wie groß der Unterschied ist, hängt vom Projekt ab.
Ist Headless Commerce schlecht für SEO?
Nicht von sich aus. Titel, Statuscodes, Weiterleitungen und Rendering liegen aber beim eigenen Frontend. Google empfiehlt serverseitiges Rendering oder Pre-Rendering und echte Adressen über die History API.
Welche Shopsysteme unterstützen Headless?
Shopify mit Storefront API und Hydrogen, Shopware mit der Store API und Composable Frontends sind zwei Beispiele mit eigener Dokumentation dafür.
Noch eine Frage offen?
In der gratis Sprechstunde beantworten wir Fragen zu SEO live, jeden ersten Samstag im Monat um 18 Uhr. Oder du rufst einfach an.
Zuletzt geprüft am 03.11.2026, nächste Prüfung spätestens im November 2027. Fehler entdeckt? Schreib uns.
