SEO para BigCommerce Catalyst

Catalyst es la tienda headless de código abierto de BigCommerce con Next.js + React, combinada con el editor visual Makeswift para que quienes no son desarrolladores creen contenido. Stencil es la pila clásica basada en plantillas: el tema Cornerstone en Handlebars, servido desde el edge de BigCommerce. Las diferencias que importan para el SEO: Catalyst te da control total de Next.js (App Router, RSC, edge runtime, ISR, APIs personalizadas de sitemap y metadatos), mientras que Stencil trae de fábrica las convenciones de plantillas y sitemap de BigCommerce. Catalyst cambia comodidad por control, y la responsabilidad del SEO pasa al repositorio del front end.

Sí. 1Digital® Agency es BigCommerce Elite Partner y cuenta con la certificación BigDev, con trabajo continuo en BigCommerce desde 2012. Hemos auditado e implementado SEO tanto en Stencil + Cornerstone como en Catalyst + Makeswift, con más de 400 marcas que confían en nosotros y una calificación de 4.9/5 en más de 100 reseñas verificadas. Los proyectos de SEO para Catalyst se complementan de forma natural con la capacidad de ingeniería en React del mismo equipo.

Catalyst sobre Next.js App Router usa RSC por defecto. Consecuencias para el SEO: (1) el HTML renderizado por RSC llega a los rastreadores sin requerir ejecución de JS en el cliente, lo cual es bueno para Google y excelente para los rastreadores de motores de IA que no ejecutan JS; (2) las fronteras de los componentes de cliente (directivas use client) deben trazarse con cuidado: los widgets interactivos (selectores de variantes, mini carrito, búsqueda mientras escribes) necesitan 'use client', pero el contenido de la página de producto, las migas de pan, el schema y los metadatos se quedan en RSC; (3) los loaders y las Server Actions manejan la obtención de datos, así que el JSON-LD puede emitirse en el servidor con datos del catálogo en vivo. Trazar la frontera RSC / cliente a nivel de componente es la decisión de SEO de Catalyst con mayor impacto.

La GraphQL Storefront API de BigCommerce expone los datos del catálogo (productos, categorías, variantes) que Catalyst consulta en tiempo de compilación, en tiempo de solicitud o con un calendario de revalidación. Para la orquestación de sitemaps: (1) construye un sitemap-index.xml en el origen del front end con sub-sitemaps para productos, categorías, contenido y rutas editoriales; (2) los sub-sitemaps consultan la Storefront API con una cadencia de revalidación (lo típico es cada 60 minutos) o mediante un webhook de BigCommerce; (3) regula la generación de sitemaps para mantenerte dentro de los límites del plan de la Storefront API: generar sitemaps de 50k productos por solicitud puede agotar tu presupuesto diario. Diseñamos la orquestación e instrumentamos los encabezados de caché.

El JSON-LD debe emitirse desde el servidor en cada ruta indexable. En Next.js App Router (el framework de Catalyst), eso es (a) la función generateMetadata() para schema con forma de metadatos, o (b) un componente de servidor que renderiza con contenido cargado desde la Storefront API. Diseñamos el schema en dos niveles: a nivel de layout (Organization, WebSite: una vez por app) y a nivel de ruta (Product, Offer, Review, BreadcrumbList, FAQPage, Article: por página). Todo el schema se renderiza en el servidor; sin schema dinámico del lado del cliente, que los rastreadores podrían no ejecutar.

Makeswift es el editor visual que BigCommerce incluye junto con Catalyst: quienes no son desarrolladores componen páginas con componentes de React en un lienzo WYSIWYG. Consecuencias para el SEO: (1) las rutas editoriales (páginas de aterrizaje, superficies de marketing de contenidos) creadas en Makeswift necesitan la misma disciplina de metadatos, schema y canonicals que las rutas creadas con código: conectamos los campos de metadatos de Makeswift con generateMetadata de Next.js; (2) la generación del sitemap debe incluir las URL creadas en Makeswift junto con las URL del catálogo; (3) el schema a nivel de componente (FAQPage, Article) lo inyecta el conjunto de componentes de Makeswift, no se crea página por página. Ampliamos la biblioteca de componentes de Makeswift con variantes optimizadas para SEO.

Ventajas de Stencil: sitemap sin configuración, convenciones de canonical administradas por BigCommerce, puesta en marcha inicial más rápida y sin carga operativa de front-end. Ventajas de Catalyst: control total de Next.js, edge runtime para menor TTFB y mejor INP, RSC para HTML renderizado en el servidor que los rastreadores de IA leen fácilmente, rutas personalizadas para SEO programático y Makeswift para contenido editorial sin tickets de desarrollo. Para marcas donde la profundidad del SEO es una ventaja competitiva (páginas de aterrizaje programáticas, contenido editorial extenso, venta multicanal headless), gana Catalyst. Para marcas que solo necesitan un catálogo rápido con buenos valores predeterminados, Stencil muchas veces es suficiente. Ayudamos a los comerciantes a elegir la plataforma adecuada para sus ambiciones de SEO, no la más de moda.

Usa SSR por defecto para las páginas de producto y categorías que necesitan datos de catálogo frescos en cada solicitud. Usa ISR para rutas editoriales (blog, páginas de destino) y páginas de producto de alto tráfico donde una revalidación de 60-300 segundos es tolerable. Usa SSG para páginas de marketing perennes y plantillas de SEO programático con baja frecuencia de actualización. Nunca uses CSR puro en rutas indexables: el presupuesto de renderizado de Google multiplica la latencia de indexación, y los rastreadores de motores de IA (GPTBot, ClaudeBot, PerplexityBot) normalmente no ejecutan JS. Definimos una estrategia de renderizado por ruta y la documentamos en el repositorio.

Sí. Catalyst puede autenticarse contra el sistema de grupos de clientes y listas de precios de BigCommerce B2B Edition mediante la autenticación de la Storefront API. Implicaciones para el SEO: el renderizado según el grupo de clientes debe respetar el límite entre lo indexable y lo restringido: los visitantes anónimos (Googlebot) ven solo el catálogo público; los visitantes autenticados ven precios específicos por grupo y SKU restringidos; el Offer.price de JSON-LD siempre refleja el precio del catálogo público, nunca los descuentos por grupo. Consulta SEO para BigCommerce B2B para ver el programa completo de SEO de B2B Edition. Catalyst es una de las dos plataformas en las que trabajamos (la otra es Stencil).

Fase 1: auditoría de la estrategia de renderizado por ruta (SSR / ISR / SSG), revisión de los límites entre RSC y componentes de cliente, mapa de cobertura de schema, auditoría de la orquestación del sitemap, estado de los límites de tasa de la Storefront API, auditoría de la integración con Makeswift y Core Web Vitals por plantilla. Fase 2: base: reconstrucción del sitemap-index, grafo de schema en el layout y en la ruta, topología de canonical y hreflang, refactorización de los límites de hidratación orientada a INP, implementación de llms.txt y auditoría del edge runtime. Fase 3: crecimiento: mapeo de palabras clave a rutas, plantillas de SEO programático, producción editorial con Makeswift y seguimiento de citaciones en motores de IA. El código llega directo al repositorio de Catalyst.