> ## Documentation Index
> Fetch the complete documentation index at: https://supastack.dev/llms.txt
> Use this file to discover all available pages before exploring further.
> For the full documentation corpus in one file, fetch: https://supastack.dev/llms-full.txt

# SEO y compartir

Metadata, sitemap, robots e imágenes sociales.

## Antes de comenzar

Abra su proyecto supastack descargado en Visual Studio Code usando Archivo → Abrir carpeta, luego elija Terminal → Nueva terminal. La raíz del repositorio es la carpeta que contiene package.json, aplicaciones y paquetes. Ejecute el comando a continuación y deje su terminal abierta. Si no se reconoce un comando, finalice la guía de instalación de la herramienta antes de continuar.

Lea primero el tutorial de la plataforma. Un servidor es el proceso de la aplicación que responde a las solicitudes del navegador o del teléfono. La web lee apps/web/.env.local, Expo lee apps/mobile/.env.local y los comandos de migración de bases de datos leen root .env. La demostración sin base de datos/panel de control está separada de las cuentas reales/de autenticación, que necesitan migrar Postgres. Un proceso de pago solo por teléfono o computadora de escritorio necesita un backend web que se ejecute por separado.

[Instale las herramientas y obtenga el código](https://supastack.dev/es/docs/web/before-you-start.md)

[Aprender comandos, archivos y configuración](https://supastack.dev/es/docs/web/terminal-basics.md)

[Completa el tutorial web de primera ejecución](https://supastack.dev/es/docs/web/ship-in-5-minutes.md)

```
corepack pnpm --filter @supastack/web dev
```


## Configuración y ajustes

La metadata por ruta viene de la API de metadata de Next.js — las páginas exportan un objeto metadata o generateMetadata y resuelven títulos y descripciones desde los diccionarios de locale para que los resultados de búsqueda sigan localizados.

sitemap.ts y robots.ts generan la superficie rastreable; la imagen Open Graph y los iconos llevan la vista previa social. Mantén las rutas privadas — settings, billing, admin, API — fuera del sitemap y en disallow dentro de robots.

```
app/sitemap.ts    public routes only
app/robots.ts     disallow private surfaces

// per page
export const metadata = { title, description };
```


## Flujo de implementación

Da a cada página pública un título y una descripción únicos; nunca indexes resultados de búsqueda, vistas filtradas ni superficies autenticadas. Las URL canónicas quedan sin prefijo — la capa de locale ya redirige la locale por defecto a la ruta canónica.

Cuando añadas una ruta pública, añádela al sitemap en el mismo cambio. Mantén las imágenes OG sobre tokens de marca en lugar de capturas incrustadas para que los restyling sigan coherentes.


## Verificación y solución de problemas

Descarga /robots.txt y /sitemap.xml en un deploy de preview, valida que el sitemap parsea y comprueba cómo se comparte una página — título, descripción, imagen. Confirma un header o meta noindex en las páginas de resultados de búsqueda.


## Siguiente

[Tema del producto](https://supastack.dev/es/docs/web/theming.md)