01
Server Components y renderizado para SEO
- Usa Server Components por defecto: el HTML llega completo al crawler sin JS.
- Reserva Client Components ('use client') para interactividad real: formularios, tabs, sliders.
- generateMetadata por ruta: title, description, canonical y og:image distintos en cada página.
- Evita el patrón 'fetch en cliente + spinner': el crawler ve un skeleton vacío.
02
ISR y caché para páginas con datos
- revalidate = 86400 en páginas de contenido estable (servicios, blog); más bajo en precios o inventario.
- generateStaticParams para rutas dinámicas de alto tráfico: el build las pre-renderiza.
- fetch cache: 'force-cache' con next.revalidate para controlar granularidad por endpoint.
- Evita force-dynamic en páginas que no lo necesiten: penaliza TTFB y coste de servidor.
03
Sitemap y robots dinámicos
- sitemap.ts con rutas estáticas + dinámicas (blog, productos): actualización automática en cada build.
- robots.ts que bloquee /api, /admin y parámetros de tracking (?utm_*, ?ref=).
- Canonical explícito en todas las rutas, incluidas paginaciones y filtros.
- hreflang si hay versiones en varios idiomas; sin él Google puede elegir la URL incorrecta.
04
Core Web Vitals: las palancas reales
- LCP: imagen hero con priority={true} y tamaños responsive correctos (srcSet).
- CLS: reserva de espacio en imágenes y fuentes (font-display: swap con subset).
- INP: evita handlers síncronos pesados en eventos de usuario; usa startTransition para actualizaciones no urgentes.
- Mide en campo (CrUX) y en laboratorio (Lighthouse CI en cada PR).
Preguntas frecuentes
¿Merece la pena migrar de Pages Router a App Router en 2026?
Para proyectos nuevos, sí claramente. Para migraciones, evalúa el tamaño: si tienes más de 50 páginas con lógica compleja, migra de forma incremental usando el layout compartido.
¿Cómo gestiono el canonical en rutas con parámetros?
Genera el canonical en generateMetadata con la URL limpia (sin parámetros de tracking). En rutas con paginación, el canonical de la página 2 apunta a sí misma, no a la página 1.
¿Necesito un sitemap por sección o uno global?
Un sitemap global suele ser suficiente. Divide en múltiples sitemaps solo si superas 50.000 URLs o quieres métricas separadas por sección en Google Search Console.
¿Lo aplicamos juntos?
Preparamos un plan accionable para tu caso, enlazamos con el servicio adecuado y dejamos todo medible desde el día 1.