Cargando documentación…
Cargando documentación…
NotHeadless UI
Datos schema.org de Product y BreadcrumbList para los rich results de Google, con un AggregateOffer para productos con varias variantes. Las variantes con precio a consultar se omiten en lugar de publicarse a $0.
Ejemplo interactivo con datos de muestra. Sin conexión a una tienda real.
En tu tienda renderiza un <script type="application/ld+json"> invisible para “Remera esencial” (4 ofertas). Mirá el ejemplo de integración más abajo para ver el markup generado.
<ProductJsonLd
product={product}
url={absolute(`/products/${product.handle}`)}
breadcrumbs={[["Tienda", absolute("/")], [product.name, absolute(`/products/${product.handle}`)]]}
/>app/sitemap.ts (productos y categorías), app/robots.ts, URLs canónicas e imágenes Open Graph generadas por producto (opengraph-image.tsx) con foto, nombre y precio.