Headless-Commerce-Plattformen

Ein plattformweiser SEO-Vergleich der wichtigsten Headless-Commerce-Systeme – Shopify Hydrogen, BigCommerce Catalyst, commercetools, Salesforce PWA Kit, Medusa, Saleor und Elastic Path – mit Metadaten, Sitemaps, Weiterleitungen, Preview-Sicherheit und Auswahlkriterien.

Erstveröffentlicht: 3. Juli 2026 · Zuletzt aktualisiert: 13. Aug. 2026 · Fortgeschritten
Sprachen

Jede Headless-Commerce-Plattform wirbt mit sofort einsatzbereiter SEO, doch tatsächlich reicht das Spektrum von umfangreichen Hilfen bis zu reinen Commerce-APIs. Shopify Hydrogen liefert mit getSeoMeta, Sitemap-Routen, robots.txt und automatischer Crawler-Sperre für Preview-Deployments die meisten SEO-Bausteine. BigCommerce Catalyst reicht die BigCommerce-Sitemap durch und nutzt die Metadatenkonventionen des Next.js App Routers. commercetools Frontend und Salesforce PWA Kit stellen SDK-Hilfen bereit, aber keine fertigen Routen. Bei Medusa, Saleor und Elastic Path übernimmt das Frontend die gesamte SEO-Schicht. Die Plattformwahl bestimmt daher den geerbten Funktionsumfang, nicht die Crawlability; diese hängt weiterhin vom Rendering ab. Besonders einzuplanen sind indexierbare Preview-Umgebungen und manuell zu erstellende Weiterleitungspläne bei Migrationen.

TL;DR — Headless-Commerce-Plattformen reichen von umfangreichen SEO-Bausteinen bis zur vollständigen Eigenverantwortung. Shopify Hydrogen bietet mit getSeoMeta, Sitemap-Routen, robots.txt und der automatischen Crawler-Sperre von Oxygen den größten fertigen Umfang. BigCommerce Catalyst reicht den BigCommerce-Sitemap-Index durch und nutzt generateMetadata des Next.js App Routers. commercetools Frontend und Salesforce PWA Kit liefern SDK- beziehungsweise API-Hilfen, aber keine fertigen Routen. Medusa, Saleor und Elastic Path überlassen die gesamte SEO-Schicht dem Frontend. Plattformabhängig sind vor allem ungewollt indexierbare Preview-Umgebungen und Weiterleitungspläne. Die Plattform bestimmt die mitgelieferten Bausteine; die Crawlability bleibt eine Frage des Renderings.

Evidence for this claim Choosing a commerce API does not itself determine search rendering; the storefront must produce discoverable content, links, status codes, and metadata. Scope: Google requirements for JavaScript storefronts. Confidence: high · Verified: Google Search Central: JavaScript SEO basics Evidence for this claim Shopify describes Hydrogen as its React-based framework for custom storefronts and Oxygen as its deployment platform. Scope: Shopify-specific platform capability, not Google guidance. Confidence: high · Verified: Shopify Developers: Hydrogen

Plattformwahl und Rendering sind getrennte Entscheidungen

Ob Googlebot vollständiges HTML oder nur eine leere Hülle erhält, entscheidet das Rendering-Modell des Frontends: serverseitiges Rendering (SSR), statische Generierung (SSG) oder clientseitiges Rendering (CSR). Diese Aufgabe gehört zum Frontend-Framework und wird im Hub zu Headless-Ecommerce-SEO ausführlich behandelt. SSR und CSR werden hier daher nicht erneut erklärt.

Die Commerce-Plattform entscheidet dagegen über den geerbten SEO-Unterbau: Sitemap, Metadatenlogik, robots.txt und die Behandlung von Preview-Umgebungen. Auch ein sauberes SSR-Setup auf Medusa hat keine Sitemap, bis Sie eine erstellen. Umgekehrt kann ein CSR-Fehler in Hydrogen eine Produktseite unbrauchbar machen, obwohl alle übrigen Bausteine vorhanden sind. Halten Sie beide Achsen getrennt: Rendering = Crawlability; Plattform = SEO-Unterbau.

Das Spektrum der SEO-Tools

So ordnen sich die sieben Plattformen ein:

Fertige Werkzeuge und ein angebundenes Referenz-Storefront: Shopify Hydrogen, BigCommerce Catalyst.

SDK-Hilfen statt fertiger Routen; die Sitemap wird selbst zusammengesetzt: commercetools Frontend, Salesforce PWA Kit.

Keine SEO-spezifischen Bausteine; das Frontend übernimmt alles: Medusa, Saleor, Elastic Path.

Diese Einordnung bildet den Rahmen für die folgenden Plattformdetails.

Shopify Hydrogen (Storefront API)

Hydrogen ist Shopifys Headless-Framework und bietet den vollständigsten SEO-Unterbau der hier untersuchten Plattformen. Eine wichtige Korrektur: Hydrogen basiert nicht mehr auf Remix. Laut npm-Register verwendet @shopify/hydrogen 2026.4.4 react-router ~7.16.0 als Peer-Abhängigkeit und besitzt keine Remix-Abhängigkeit; @shopify/remix-oxygen trägt inzwischen einen formellen Veraltungshinweis und verweist auf Importe aus react-router. Shopifys SEO-Dokumentation hinkt den Paketmetadaten hinterher und enthält weiterhin den exakten Satz “Hydrogen uses Remix’s built-in meta features for SEO tags” (Übersetzung) „Hydrogen verwendet die integrierten meta-Funktionen von Remix für SEO-Tags.“ Prüfen Sie bei einem neuen Projekt deshalb package.json statt nur den Fließtext.

Metadaten – eine eigens entwickelte Hilfe. Unabhängig von der Router-Bezeichnung liefert Hydrogen getSeoMeta, um SEO-Metadaten konsistent zu rendern. Die Hilfe deckt Titel, Beschreibungen, Bilder, Canonical-URLs und JSON-LD ab und ist damit eine echte Abstraktion statt einer bloßen Aufforderung, einen eigenen <head> zu bauen. Shopify merkt außerdem an: “By default Hydrogen removes query parameters from canonical URLs” (Übersetzung) „Standardmäßig entfernt Hydrogen Abfrageparameter aus Canonical-URLs.“ Diesen sinnvollen Standard können Sie in den Meta-Exports überschreiben.

Sitemap – mitgeliefert und selbstaktualisierend. Das Hydrogen-Grundgerüst enthält sitemap.xml und typspezifische Sitemap-Routen. getSitemap erzeugt Sitemaps je Ressourcentyp einschließlich Sprachalternativen. Die Dateien werden 24 Stunden zwischengespeichert; veröffentlichte oder entfernte Produkte erscheinen innerhalb dieses Fensters automatisch, ohne dass Sie einen geplanten Auftrag betreuen müssen.

robots.txt – mit Preview-Schutz. Das Template enthält eine robots.txt-Route. Shopify beschreibt den Unterschied so: “If you make a non-production deployment accessible with a shareable link or an auth bypass token, then Oxygen overrides the deployment’s robots.txt file with a disallow rule for all bots and crawlers.” (Übersetzung) „Wenn ein Nicht-Produktions-Deployment über einen teilbaren Link oder ein Token zur Umgehung der Authentifizierung erreichbar wird, überschreibt Oxygen dessen robots.txt mit einer Sperrregel für alle Bots und Crawler.“ Oxygen blockiert Crawler auf solchen Deployments automatisch und verhindert damit die Indexierung doppelter Staging-Inhalte, die bei anderen Plattformen manuell unterbunden werden muss.

Was bei Ihnen bleibt: Prüfen Sie, dass keine Produkt- oder Kategorieroute versehentlich als Resource-Route ohne SSR angelegt wurde. Der Framework-Modus von React Router verwendet dasselbe Server-Loader-Muster wie Remix vor der Hydrogen-Migration. Konfigurieren Sie außerdem das Oxygen-Caching; die fortgeschrittene Hub-Linse behandelt veraltete Caches.

Headless-BigCommerce (Catalyst)

Catalyst ist das Referenz-Storefront von BigCommerce für den Next.js App Router. Sein SEO-Unterbau ist real, architektonisch jedoch anders als bei Hydrogen.

Sitemap – durchgereicht statt generiert. Laut Catalyst-Dokumentation gilt: “Catalyst acts as an intermediary when handling requests to /sitemap.xml.” (Übersetzung) „Catalyst fungiert bei Anfragen an /sitemap.xml als Vermittler.“ Catalyst ruft den Sitemap-Index anhand der Canonical-URL des Kanals aus BigCommerce ab und gibt das XML zurück. Die Sitemap scheint vom Storefront zu kommen, ihre Daten liegen jedoch in BigCommerce – anders als bei Hydrogen, wo die Route Teil der App ist. BigCommerce warnt außerdem: “If your storefront also uses third-party systems that generate content with different URLs, you will need to submit multiple sitemaps to cover the URLs from various sources,” (Übersetzung) „Wenn Ihr Storefront zusätzlich Drittsysteme verwendet, die Inhalte unter anderen URLs erzeugen, müssen Sie mehrere Sitemaps für die verschiedenen Quellen einreichen.“ Sitemaps “don’t need to reside on the same domain as the website they represent” (Übersetzung) „müssen nicht auf derselben Domain liegen wie die Website, die sie abbilden“. Das ist für mehrere Kanäle flexibel, aber riskant, wenn deren Canonical-Domains falsch konfiguriert sind.

Metadaten – Next.js-Konventionen. Catalyst befüllt generateMetadata und alternates.canonical je Route serverseitig aus GraphQL-Daten der Storefront API. Das entspricht dem Standardmuster des App Routers, das der Next.js-SEO-Artikel erläutert.

Migrationswarnung. Beim Wechsel vom älteren Stencil-Theme zu Catalyst ist URL-Parität entscheidend. Dan Kogan von 1Digital Agency formuliert es im Catalyst-SEO-Leitfaden so: “Do not change established URLs on a Stencil-to-Catalyst migration. Every product, category, and content URL should match the legacy structure exactly, or you need a complete 301 redirect map.” (Übersetzung) „Ändern Sie bei einer Migration von Stencil zu Catalyst keine etablierten URLs. Jede Produkt-, Kategorie- und Inhalts-URL sollte der bisherigen Struktur exakt entsprechen; andernfalls benötigen Sie eine vollständige 301-Weiterleitungsmap.“ Er nennt außerdem wiederkehrende Catalyst-Regressionen: generateMetadata fällt wegen einer in eine Client-Komponente verschobenen GraphQL-Abfrage auf einen reinen Client-Fallback zurück, Canonicals fehlen in paginierten Listen oder Product-JSON-LD wird doppelt ausgegeben. Prüfen Sie all das vor dem Start.

commercetools (Frontend / composable storefronts)

commercetools ist die Composable-/MACH-Option für Unternehmen. Der SEO-Unterbau fällt schlanker aus: Sie erhalten SDK-Hilfsmethoden, aber keine fertigen Routen.

Laut Frontend-Dokumentation verwendet commercetools drei getrennte Sitemaps für statische Seiten, Produktseiten und Kategorieseiten, die in einem Sitemap-Index zusammenlaufen. Statische Seiten stammen aus sdk.page.getPages(), Produkte aus extensions.product.query() und Kategorien aus extensions.product.queryCategories(). Die Einrichtung erfolgt nicht automatisch: Sie benötigt das Frontend Add-On und drei manuell angelegte Next.js-Route-Handler (sitemap-static.xml/route.tsx, sitemap-products.xml/route.tsx, sitemap-categories.xml/route.tsx) sowie ein Postbuild-Skript für die endgültige /sitemap.xml. Produkt- und Kategorieabfragen sind cursorbasiert paginiert und auf 500 Elemente pro Anfrage begrenzt. Große Kataloge benötigen daher Paginierungslogik innerhalb des Sitemap-Generators. Unter den Unternehmensplattformen verlangt commercetools bei Sitemaps den größten Eigenbau, passend zum bewusst unvoreingenommenen Frontend-Ansatz.

Headless Salesforce Commerce Cloud (PWA Kit / Composable Storefront)

Unter den Plattformen mit offiziellem Referenz-Storefront ist das SEO-Werkzeugangebot von PWA Kit am stärksten fragmentiert und am manuellsten.

Sitemap – der Pfad verzweigt sich. Laut Salesforce erstellen Sie die Sitemap im Business Manager, wenn dort auch die Routen konfiguriert sind. Liegen die Routen außerhalb davon, etwa in einem eigenen PWA-Kit-Routing, bauen oder ergänzen Sie die Sitemap über einen API-Endpunkt. Es gibt keinen einheitlichen automatischen Weg. Für PWA-Kit-Deployments umfassen die manuellen Schritte einen Pfad in der ssr.js-Konfiguration, eine Aktualisierung von ssrShared, ein erneutes Deployment und die Prüfung der Erreichbarkeit. Salesforce empfiehlt einen geplanten Auftrag, der die Sitemap aktuell hält; anders als bei Hydrogens 24-Stunden-Aktualisierung reagieren Katalogänderungen nicht automatisch. Die integrierte Sitemap-Verarbeitung wurde im PWA-Kit-Repository als weiterhin manueller Bereich angefragt. Das ist ein Community-Signal für eine bekannte Lücke, keine offizielle Aussage.

Metadaten – an Page Designer gebunden. Der Hook usePage() aus @salesforce/commerce-sdk-react und die Komponente <Page> stellen Seitenname, Beschreibung und Route für SEO-Metadaten bereit. Die Felder hängen jedoch am CMS-ähnlichen Inhaltsmodell von Salesforce Page Designer und nicht an einer eigens entwickelten SEO-Hilfe wie Hydrogens getSeoMeta.

Medusa, Saleor und Elastic Path – reine APIs

Diese drei Plattformen überlassen die SEO-Schicht vollständig dem implementierenden Team.

Medusa ist ein reines Commerce-Backend ohne Vorgaben zum Frontend-Rendering und daher ohne eigene SEO-Dokumentation. Das Next.js-Starter-Storefront unterstützt den App Router mit React Server Components und damit SSR. Metadaten, Sitemap und Canonicals folgen jedoch vollständig Ihrer Next.js-Implementierung. Der Next.js-SEO-Artikel ist deshalb die relevante Referenz.

Saleor folgt demselben Muster: eine GraphQL-first Headless-API auf Python/Django mit Next.js-Storefront-Templates aus Community und Vercel. SEO hängt zu 100% vom gewählten Frontend ab und liegt damit in derselben Kategorie wie Medusa.

Elastic Path ist API-first und stellt Metadaten als Rohfelder bereit, die Sie selbst verdrahten. Produkt- und Kategorieentitäten unterstützen benutzerdefinierte SEO-Felder, die laut Elastic Path “accessed via APIs just like the content that you render to your customers” (Übersetzung) „genau wie die für Kunden gerenderten Inhalte über APIs abgerufen werden können“. Das ist ein Muster für ein eigenes Schema, keine fertige Hilfe. Die Slug-Ressource wird als “lower case, uri friendly string” (Übersetzung) „kleingeschriebene, URI-freundliche Zeichenfolge“ beschrieben. Der herstellereigene SEO-Beitrag zu Headless Commerce von Kirsten Aebersold sagt: “If you are dynamically building a page with a JavaScript framework alone, you might want to look into serving up cached versions of the pages to the bots.” (Übersetzung) „Wenn Sie eine Seite allein dynamisch mit einem JavaScript-Framework erstellen, sollten Sie erwägen, Bots zwischengespeicherte Versionen der Seiten auszuliefern.“ Sitemaps, Canonicals, Weiterleitungen und Preview-Umgebungen bleiben unerwähnt. „Sofort SEO-optimiert“ ist deshalb eine weitreichende Behauptung.

Keine dieser drei Plattformen ist grundsätzlich schlecht für SEO; es gibt keine plattformbedingte Obergrenze. Es gibt aber auch keinen mitgelieferten Unterbau. Das Ergebnis hängt vollständig vom entwickelten Frontend ab.

Preview- und Staging-Lecks – das plattformabhängige Risiko

Hier bewirkt die Plattformwahl einen konkreten, messbaren SEO-Unterschied.

Hydrogen/Oxygen sperrt alle Crawler automatisch auf Preview- und teilbaren Link- Deployments. Dieser integrierte Schutz verhindert, dass eine Staging-Website indexiert wird und als doppelter Inhalt mit der Produktion konkurriert. Für Catalyst, commercetools und PWA Kit ist keine gleichwertige automatische Garantie dokumentiert. 1Digital Agency nennt von Googlebot indexierte Preview-Deployments als wiederkehrenden Fehler bei Catalyst- Migrationen. Das ist eine einzelne Praktikerquelle, keine offizielle Plattformfeststellung. Die allgemeine Regel bleibt: Wenn die Plattform Preview-Crawler nicht automatisch blockiert, tun Sie es selbst – mit Authentifizierung sowie ergänzend robots.txt oder einem noindex-Header für jede Nicht-Produktionsumgebung.

Weiterleitungen – Migrationsthema statt Plattformfunktion

Keine geprüfte Plattform liefert ein automatisches Weiterleitungssystem. Jede Headless- Migration – von Stencil zu Catalyst, vom Monolithen zu Headless oder zwischen Commerce- Engines – benötigt eine ausdrückliche 301-Zuordnung alter zu neuer URLs. Berichte zu Migrationen führen Fehlschläge immer wieder auf fehlende Weiterleitungen, geänderte URL-Strukturen und Lücken bei strukturierten Daten zurück. Starten Sie nie ohne geprüfte 301-Map. Die vollständige Checkliste steht im Artikel zu Website-Migrationen. Für diese Plattformen gilt: Gehen Sie nicht davon aus, dass eine der Engines Weiterleitungen für Sie verwaltet.

Portabilität ist der unterschätzte Vorteil

Ein Plattformwechsel bedeutet nicht, SEO von Grund auf neu zu bauen. Die Rendering- Schicht – Ihr Next.js- oder React-Router-Storefront – bestimmt die Crawlability und lässt sich weitgehend zwischen Commerce-Backends übertragen. Ein Next.js-Storefront kann mit vorwiegend auf die Datenschicht begrenzten Änderungen auf BigCommerce, Medusa, Saleor oder commercetools zugreifen. Beim Plattformwechsel ändert sich der Unterbau: Herkunft der Sitemap-Daten, vorhandene Metadatenhilfen sowie die Verwaltung von Weiterleitungen und Previews. Das ist eine bedeutsame Neuverdrahtung, aber kein kompletter Neustart.

Bewerten Sie auch die API-Qualität nicht übermäßig als SEO-Signal. Eine GraphQL- oder REST- API bestimmt lediglich, welche Daten für Metadaten und Sitemaps verfügbar sind. Ob diese Daten Google tatsächlich serverseitig erreichen, entscheidet das Frontend-Rendering.

Wie es weitergeht

  • Headless-Ecommerce-SEO – der Hub zur Wahl zwischen SSR, SSG und CSR, zu strukturierten Daten (Product, ProductGroup/hasVariant) und zur Unabhängigkeit des GMC-Feeds vom Rendering.
  • Next.js-SEO – die technische Referenz zu generateMetadata und sitemap.ts für Catalyst-, commercetools-, Medusa- und Saleor-Storefronts.
  • JavaScript-SEO – allgemeine Fehlerbilder des JS-Renderings für jedes stark JavaScript-basierte Storefront.

Add an expert note

Pin an expert quote

New person? Create their unclaimed profile at /admin/experts/ → Pin a quote first.