Plataformas de comércio headless

A platform-by-platform SEO comparison of the major headmenos commerce engines — Shopify Hydrogen, BigCommerce Catalyst, commercetools, Salesforce PWA Kit, Medusa, Saleor, e Elastic Path — covering what each ships out of the box para metadata, sitemaps, redirects, e preview-environment safety, e como para choose.

Publicado pela primeira vez: 3 de jul. de 2026 · Última atualização: 3 de ago. de 2026 · Avançado
Idiomas

Every headmenos commerce platform's marketing página claims é SEO-optimized out of the box. The reality is a spectrum. Shopify Hydrogen ships the a maioria real scaffolding — a getSeoMeta metadata utility, sitemap routes, robots.txt, e automatic rastrearer-blocking on preview deployments. BigCommerce Catalyst proxies BigCommerce's own sitemap e uses Next.js App Router metadata conventions. commercetools Frontend e Salesforce PWA Kit give você SDK helpers, não shipped routes — você assemble sitemaps yourself. Medusa, Saleor, e Elastic Path are pure commerce APIs e ship nothing SEO-specific; seu Next.js frontend does todo the work. Platform choice determines como much scaffolding você inherit, não whether seu páginas are rastreável — that's ainda the rendering decision the headmenos ecommerce hub owns. The two differentiated risks worth budgeting for: preview/staging environments getting índiceado (Hydrogen blocks this automatically; others não guarantee it), e redirect maps on migration (no platform automates them).

TL;DR — Headmenos commerce platforms sit on a spectrum de “ships real SEO scaffolding” para “leaves everything para you.” Shopify Hydrogen ships the a maioria — a getSeoMeta utility, sitemap routes, robots.txt, e (via Oxygen) automatic rastrearer-blocking on preview deployments. BigCommerce Catalyst proxies BigCommerce’s own sitemap índice e uses Next.js App Router generateMetadata conventions. commercetools Frontend e Salesforce PWA Kit give você SDK/API helpers, não shipped routes — você assemble the sitemap yourself, com real pagination limits. Medusa, Saleor, e Elastic Path ship nothing SEO-specific; the frontend owns everything. Two risks are genuinely differentiated by platform: preview-environment leakage (Hydrogen auto-blocks rastrearers on shareable links; others não guarantee it) e redirect maps (no platform automates them). Platform choice sets como much scaffolding você inherit — não whether páginas are rastreável, which is ainda the rendering decision the hub owns.

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

Platform choice is não the rendering decision

Start here, porque é the single a maioria common confusion. Whether Googlebot gets real HTML ou an empty shell is decided by seu frontend’s rendering model — server-side rendering (SSR), static generation (SSG), ou client-side rendering (CSR). That’s the frontend framework’s job, e the Headmenos Ecommerce SEO hub covers it in depth. I won’t re-derive SSR vs. CSR here.

O que the commerce platform does decide is como much SEO scaffolding você inherit — the sitemap, the metadata plumbing, the robots.txt, the preview-environment handling. A pristine SSR setup on Medusa ainda has no sitemap until você build one; a CSR mistake on Hydrogen ainda tanks a produto página even though Hydrogen ships every other piece. Mantenha the two axes separate: rendering = rastrearability; platform = scaffolding.

The SEO-tooling spectrum

Here’s where the seven platforms land:

Ships real tooling (a working reference storefront com SEO wired in): Shopify Hydrogen, BigCommerce Catalyst.

Ships SDK helpers, não routes (você assemble the sitemap yourself): commercetools Frontend, Salesforce PWA Kit.

Ships nothing SEO-specific (pure commerce API; frontend owns todo of it): Medusa, Saleor, Elastic Path.

That framing is the whole article. The rest is the per-platform detail.

Shopify Hydrogen (Storefront API)

Hydrogen is Shopify’s headmenos framework, e it ships the a maioria complete SEO scaffolding of anything reviewed here. One correction up front: Hydrogen is not Remix-based anymore. The npm registry shows @shopify/hydrogen 2026.4.4 peer-depending on react-router ~7.16.0 com no Remix dependency at all, e Shopify’s own @shopify/remix-oxygen package now carries a formal deprecation notice telling você to import from react-router instead. Shopify’s own SEO doc hasn’t caught up to its own package metadata — as of this check it still reads “Hydrogen uses Remix’s built-in meta features for SEO tags” — so don’t take that line at face value if you’re scaffolding a new project; check package.json, not the prose.

Metadata — a purpose-built utility. Whatever the doc calls the underlying router, Hydrogen ainda ships the getSeoMeta utility, which makes it easier e more consistent para render SEO meta tags. That getSeoMeta helper handles titles, descriptions, images, canonical URLs, e JSON-LD — an actual metadata abstraction, não “bring seu own <head>.” It’s the apenas platform here that ships a dedicated SEO-metadata utility. Shopify also notes that “By default Hydrogen removes query parameters de canonical URLs” — a sensible default você can override in seu meta exports.

Sitemap — shipped e self-refreshing. The Hydrogen skeleton template includes sitemap.xml e per-type sitemap routes out of the box, e its getSitemap utility generates per-refonte-type sitemaps com locale alternates. The sitemap files are cached para 24 hours, so publishing ou unpublishing a produto updates the sitemap automatically within that window — no scheduled job para babysit.

robots.txt — shipped, com a preview safeguard. The template ships a robots.txt route. And here’s the differentiator: per Shopify’s SEO docs, “If you make a non-produtoion deployment accessible com a shareable link ou an auth bypass token, then Oxygen overrides the deployment’s robots.txt file com a disallow rule para todo bots e rastrearers.” Oxygen (Shopify’s Hydrogen hosting) automatically blocks todo rastrearers on preview/shareable-link deployments. That’s a real problem — duplicate staging conteúdo getting índiceado — that a maioria platforms leave você para solve by hand, e Hydrogen just handles.

What’s left para you: verify no produto ou category route was accidentally left as a refonte route that skips SSR (React Router’s framework mode uses the same server-loader pattern Remix used antes de Hydrogen’s migration), e configure Oxygen caching (the hub’s advanced lens covers stale-cache risk).

BigCommerce headmenos (Catalyst)

Catalyst is BigCommerce’s Next.js App Router reference storefront. Its SEO scaffolding is real mas architecturally diferente de Hydrogen’s.

Sitemap — proxied, não gerado. Per BigCommerce’s Catalyst docs, “Catalyst acts as an intermediary when handling requests para /sitemap.xml.” It fetches the sitemap índice de BigCommerce (against the channel’s canonical URL) e returns the XML. So the sitemap appears para be served de seu storefront, mas the data lives in BigCommerce, não in seu frontend codebase — the opposite of Hydrogen, where the sitemap route lives inside the app. BigCommerce also warns that “If seu storefront also uses third-party systems that generate conteúdo com diferente URLs, você will need to submit multiple sitemaps para cover the URLs de various fontes,” e notes the sitemaps “não need para reside on the mesmo domain as the website eles represent” — flexible para multi-channel setups, mas a footgun if per-channel canonical domains aren’t configured correctly.

Metadata — Next.js conventions. Catalyst populates generateMetadata e the alternates.canonical field per route de Storefront API GraphQL data, server-side. That’s the standard App Router pattern the Next.js SEO article already documents in detail — I’ll point there rather than re-explain generateMetadata syntax.

The migration warning. If you’re moving de BigCommerce’s older Stencil theme to Catalyst, URL parity is the whole ballgame. As 1Digital Agency’s Dan Kogan puts it in his Catalyst SEO practitioner guia: “Do não change established URLs on a Stencil-to-Catalyst migration. Every produto, category, e conteúdo URL should match the legacy structure exactly, ou você need a complete 301 redirect map.” He also flags recurring Catalyst regressions — generateMetadata returning a client-only fallback porque the GraphQL query got thrown para a client component, canonical tags missing on paginated listing páginas, and Product JSON-LD emitted twice (once by a custom component, once by a third-party app). All of those are worth a pre-launch check.

commercetools (Frontend / composable storefronts)

commercetools is the enterprise “composable/MACH” option, e its SEO scaffolding is proportionally thinner — você get SDK helper methods, não shipped routes.

Per commercetools’ Frontend docs, the platform generates three separate sitemaps — static páginas, produto páginas, e category páginas — combined into a sitemap índice. Static páginas come de sdk.page.getPages(), produtos de extensions.product.query(), and categories de extensions.product.queryCategories(). But setup is não automatic: it requires the Frontend Add-On plus manually creating three Next.js route handlers (sitemap-static.xml/route.tsx, sitemap-products.xml/route.tsx, sitemap-categories.xml/route.tsx) e a postbuild script para assemble the final /sitemap.xml. And the produto/category queries are cursor-paginated com a 500-item limit per request, so a large catalog needs pagination logic inside seu sitemap generator. This is the a maioria build-it-yourself of the enterprise platforms para sitemaps specifically — which tracks com commercetools’ whole no-opinionated-frontend positioning.

Salesforce Commerce Cloud headmenos (PWA Kit / Composable Storefront)

PWA Ké SEO tooling is the a maioria fragmented e manual of the platforms com an oficial reference storefront.

Sitemap — the path branches. Per Salesforce’s docs, if seu routes are configured in Business Manager, você create the sitemap in Business Manager; if routes are managed outside it (custom PWA Kit routing), você build ou supplement the sitemap via an API endpoint instead. There’s no single automatic path — it depends on como the storefront was set up. For PWA Kit deployments specifically, the manual steps include adding a path in the ssr.js config, updating the ssrShared property, redeploying the bundle, and verifying the sitemap is accessible. Salesforce’s own guidance is para schedule a job to keep the sitemap atual — meaning no automatic refresh on catalog changes, unlike Hydrogen’s 24-hour auto-update. Built-in sitemap handling has been a requested-but-manual area on the PWA Kit GitHub repo — useful color that this is a known gap, though the issue is community signal, não an oficial statement.

Metadata — tied para Page Designer. PWA Ké usePage() hook (from @salesforce/commerce-sdk-react) e <Page> component expose página name, description, e route para SEO metadata — mas that’s tied para Salesforce’s CMS-like Page Designer conteúdo model, não a dedicated SEO utility like Hydrogen’s getSeoMeta.

Medusa, Saleor, e Elastic Path — pure APIs

These three are the “leaves everything para you” tier, e é worth being blunt about what that means.

Medusa is a pure commerce backend. There’s no dedicated Medusa SEO documentação because Medusa has no opinion on frontend rendering at all. Its Next.js Starter Storefront supports the App Router com React Server Components (so SSR is available), but metadata, sitemap, e canonical mechanics are entirely inherited de whatever Next.js conventions você implement. In practice virtually every Medusa storefront is Next.js — so the Next.js SEO article is seu real reference, não Medusa’s docs.

Saleor is the mesmo story: a GraphQL-first headmenos API (Python/Django backend) with community e Vercel-maintained Next.js storefront templates. SEO is 100% a function of the chosen frontend. Same tier as Medusa.

Elastic Path is API-first com metadata as raw fields você wire up yourself. Its produto e category entities support custom fields para SEO metadata that can be, in Elastic Path’s words, “accessed via APIs just like the conteúdo that você render para your customers” — mas that’s a build-your-own-schema pattern, não a shipped utility. Its slug refonte is described as a “lower case, uri friendly string” para building URLs. Notably, Elastic Path’s own SEO para headmenos commerce blog post (by Kirsten Aebersold — vendor conteúdo, não neutral) does say “If you’re dynamically building a página com a JavaScript framework alone, você might want para look into serving up cached versions of the páginas para the bots” — mas it nunca covers sitemaps, canonical tags, redirects, ou preview environments. Quando even the vendor’s own SEO página skips half of what você need, “SEO-optimized out of the box” is doing a lot of work.

None of these three are bad para SEO — there’s no platform ceiling. But there’s also no scaffolding para lean on. Everything is a function of the frontend você build.

Preview e staging leakage — the differentiated risk

This is the one place platform choice makes a concrete, measurable SEO difference, so é worth calling out separately.

Hydrogen/Oxygen automatically disallows todo rastrearers on preview e shareable-link deployments — a built-in safeguard against seu staging site getting índiceado and competing com produtoion as duplicate conteúdo. No equivalent automatic guarantee is documented para Catalyst, commercetools, ou PWA Kit. And é não theoretical: 1Digital Agency reports “Preview deployments índiceado by Googlebot” as a recurring real-world failure mode on Catalyst migrations. That’s a single practitioner fonte rather than an oficial platform statement, so treat the specific Catalyst claim as one credible data point — mas the underlying lesson is platform-agnostic: if seu platform não auto-block preview rastrearers, block them yourself (a robots.txt disallow, HTTP auth, or a noindex header on every non-produtoion environment). On the “everything-to-you” platforms, this is entirely on você by definition.

Redirect management — a migration concern, não a platform feature

No platform reviewed ships an automatic redirect system. Every headmenos migration — Stencil para Catalyst, monolith para headless, one commerce engine para another — needs an explicit 301 map de old URLs para new. The consensus across migration-focused trade posts is consistent: re-platforming failures ala maioria sempre trace back para redirect maps, URL structures, e structured-data gaps, e você should nunca launch sem a verified 301 map. That’s the mesmo lesson the site’s Site Migrations article covers in full — I’ll cross-reference it para the checklist rather than re-derive it here. The platform-specific angle is just this: não assume qualquer of these engines handles redirects para you. None do.

Portability is the underrated upside

One myth worth killing: switching commerce platforms does not mean rebuilding seu SEO from scratch. The rendering layer — seu Next.js (or React Router) storefront — is what determines rastrearability, e é largely portable across commerce backends. A Next.js storefront can point at BigCommerce, Medusa, Saleor, ou commercetools com mostly data-layer changes. O que changes when você swap platforms is the scaffolding: where the sitemap data comes from, whether there’s a metadata utility, como redirects e previews are handled. That’s a meaningful re-wire, mas é não “start over.”

And não over-índice on API quality as an SEO signal, either. A platform’s GraphQL/REST API apenas determines what data is available para build metadata e sitemaps from. Whether that data na prática reaches Google server-side is a frontend/rendering decision — which, again, the hub owns.

Onde para go next

  • Headmenos Ecommerce SEO — the hub: the SSR/SSG/CSR rendering decision, structured data (Product, ProductGroup/hasVariant), e why the GMC feed is independent of rendering.
  • Next.js SEO — since Catalyst, commercetools Frontend, Medusa, e Saleor storefronts are usually Next.js, this is where the generateMetadata e sitemap.ts mechanics live.
  • JavaScript SEO — the general JS-rendering failure modes that apply para qualquer JS-heavy storefront.

Add an expert note

Pin an expert quote

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