SEO

Alles lebt in @kotao/storefront/seo (auch vom Root re-exportiert).

Meta-Tags

SEO-Daten aus der Meta-Kette deiner Route mit getSeoMeta:

import { getSeoMeta } from "@kotao/storefront";

export const meta: Route.MetaFunction = ({ data }) =>
  getSeoMeta({
    title: data.product.title,
    description: data.product.summary,
  });

Die <Seo />-Komponente (aus /react) deckt die Render-Seite ab, wenn du eine Komponente bevorzugst.

Strukturierte Daten

JSON-LD-Builder für die gängigen Formen: productJsonLd, organizationJsonLd, websiteJsonLd, breadcrumbListJsonLd, localBusinessJsonLd, restaurantJsonLd. Serialisieren mit serializeJsonLd — escapet fürs sichere Einbetten im <script>-Tag.

Robots & Sitemaps

Resource-Routen anlegen, die robotsResponse(options) und sitemapResponse / sitemapIndexResponse zurückgeben (oder das XML mit buildSitemapXml selbst bauen). Beides bleibt im Theme — du bestimmst, was gelistet wird.

Redirects

storefrontRedirect löst händlerkonfigurierte URL-Redirects (im Workspace gepflegt) für nicht gematchte Pfade auf — rufe es in deiner Catch-all-Route auf, bevor du die 404 renderst, damit verschobene Seiten mit 301 antworten statt ins Leere zu laufen.