Curso de SEO Técnico para Next.js: Core Web Vitals, i18n y JSON-LD

Llevá tu proyecto en Next.js a nivel profesional de SEO técnico

Al finalizar el curso vas a tener un proyecto en Next.js con arquitectura de URLs clara, metadatos bien configurados, Open Graph e imágenes para compartir, sitemap y robots.txt, contenidos accesibles, imágenes optimizadas, SEO internacional y datos estructurados con JSON-LD, todo medido con Search Console, Analytics y Lighthouse. Vas a salir con un caso real que podés mostrar en tu portfolio o aplicar directamente en tu empresa.

Métricas del curso

  • 150+

    10 clases en vivo (2 h cada una)

  • 10+

    Proyecto real de Next.js optimizado para SEO técnico

  • Grupos reducidos (máx. 6 personas por cohorte)

  • Certificado de SEO Técnico en Next.js

Inscripción a los cursos de programación

Elegí tu camino: frontend, backend o full stack. Inscribite en los cursos online en vivo y empezá a construir proyectos profesionales en grupos reducidos. Ver próximas fechas

No hay cohortes disponibles por el momento. Consultá por WhatsApp las próximas fechas para cursar programación.

Curso de SEO Técnico aplicado a Next.js

Este curso está pensado para desarrolladores y equipos que ya trabajan con Next.js y quieren llevar sus proyectos a un nivel profesional de SEO técnico. Vas a aprender a configurar metadatos, Open Graph, sitemaps, robots.txt, contenidos accesibles, imágenes optimizadas, SEO internacional y datos estructurados con JSON-LD, aplicados a un proyecto real.

  • Personas que ya manejan HTML, CSS y algo de JavaScript y quieren entender cómo posicionar mejor sus sitios en Google.
  • Desarrolladores frontend que usan Next.js y necesitan bases sólidas de SEO técnico para sus proyectos.
  • Perfiles de contenido, UX o marketing que colaboran con equipos técnicos y quieren hablar el mismo idioma.
  • Equipos de producto que buscan una guía práctica para alinear desarrollo, contenido y SEO técnico en Next.js.

MODALIDAD

¿Cómo vas a aprender SEO Técnico en Next.js?

Aprendés SEO técnico directamente sobre un proyecto real de Next.js, con clases online en vivo y grupos reducidos de máximo 6 personas. Cada módulo combina explicación, demo en vivo y ajustes sobre tu propio repositorio, con devoluciones concretas para que puedas aplicar todo en producción.

Clases en vivo con foco en implementación

Trabajás sobre código real, resolvés dudas en el momento y recibís devoluciones sobre tus cambios de SEO.

Clases en vivo del curso

Recursos, guías y checklists

Accedés a plantillas de metadatos, ejemplos de JSON-LD, checklists de Web Vitals y guías para Search Console.

Contenido on demand del curso

Temario del Curso de SEO en Next.js

En este curso de SEO técnico aplicado a Next.js vas a aprender a diseñar una arquitectura de URLs limpia, configurar metadatos, Open Graph, sitemap.xml, robots.txt, contenidos accesibles, imágenes optimizadas, SEO internacional e JSON-LD para datos estructurados. Todo trabajando sobre un proyecto real en Next.js, con auditorías de Core Web Vitals y medición en Search Console y Analytics. Las clases son online en vivo, en grupos reducidos de máximo 6 personas, con práctica constante y devoluciones sobre tu propio proyecto.

Fundamentos de SEO y particularidades en Next.js

  • Qué es SEO, tipos de resultados en Google y factores on-page / off-page

  • Diferencias entre SEO de sitios estáticos, SPA y apps en Next.js

  • Cómo impactan SSR, SSG, ISR y rutas dinámicas en la indexación

Diagnóstico inicial de SEO sobre un proyecto base de Next.js

Rutas, estructura del sitio y arquitectura de URLs

  • Buenas prácticas de arquitectura de información y jerarquía de rutas

  • Rutas anidadas, dinámicas y segmentación por idioma / país

  • URLs limpias, slug SEO-friendly y redirecciones básicas

Mapa de sitio y estructura de URLs para todo el proyecto Next.js

Metadatos, títulos y descripciones con generateMetadata

  • Uso de generateMetadata en el App Router de Next.js

  • Definición de <title>, meta description y canonical por página

  • Metadatos reutilizables para cursos, categorías y blog

Implementación de metadatos completos para varias páginas del sitio

Open Graph, Twitter Cards e imágenes para compartir

  • Qué son Open Graph y Twitter Cards y cómo influyen en el CTR

  • Configurar imágenes, títulos y descripciones sociales en Next.js

  • Buenas prácticas de formatos, tamaños y texto en imágenes de OG

Imágenes de Open Graph y metadata social para las páginas clave

sitemap.xml, robots.txt e indexación en buscadores

  • Generación de sitemaps dinámicos para cursos, blog y categorías

  • Configuración de robots.txt: allow, disallow y crawl-delay

  • Envío de sitemap a Google Search Console y primeros chequeos de indexación

Sitemap y robots.txt configurados y enviados a Search Console

Contenido, headings, rich text y accesibilidad SEO

  • Estructurar contenido con H1–H3, listas y enlaces internos

  • Uso de componentes de rich text sin romper la semántica ni la accesibilidad

  • Buenas prácticas de copywriting SEO sin canibalizar palabras clave

Optimización de contenido y headings en varias páginas del sitio

Imágenes, Core Web Vitals y rendimiento técnico

  • Uso correcto de next/image, formatos modernos y tamaños responsivos

  • Métricas clave: LCP, CLS, INP y TTFB aplicadas a Next.js

  • Optimizaciones técnicas básicas para mejorar Web Vitals

Auditoría con Lighthouse y mejoras de imágenes y carga en el proyecto

SEO internacional, i18n y canibalización de contenido

  • Estrategias de dominios, subdominios, subdirectorios y parámetros

  • Implementación de hreflang, canonicals e idiomas en Next.js

  • Cómo evitar canibalización entre páginas similares (cursos, rutas, blog)

Configuración de SEO internacional y revisión de posibles canibalizaciones

Datos estructurados y fragmentos enriquecidos

  • Qué es JSON-LD y cómo lo interpreta Google

  • Schemas para cursos, artículos, reseñas y breadcrumbs

  • Implementación de componentes de datos estructurados en Next.js

JSON-LD para la página de un curso con marcado de Course y BreadcrumbList

Auditorías, medición y proyecto final SEO en Next.js

  • Uso de Google Search Console y Google Analytics para SEO

  • Auditorías con Lighthouse y herramientas externas

  • Plan de mejora continua y checklist de entregables SEO

Proyecto final: sitio en Next.js optimizado para SEO, medido y listo para presentar en tu portfolio
¿Este curso sirve para Next.js App Router o Pages Router?El curso se enfoca principalmente en **App Router** (Next.js 13/14+), utilizando las nuevas APIs como `generateMetadata` y `sitemap.js`, aunque hacemos comparaciones con Pages Router para entender la evolución.
¿Por qué Next.js es mejor para SEO que React puro?React puro (SPA) renderiza en el cliente, lo que dificulta la lectura para algunos crawlers. Next.js ofrece SSR (Server Side Rendering) y SSG (Static Site Generation), entregando HTML listo al buscador, lo cual es crítico para el SEO.
¿Qué es el SEO Técnico?A diferencia del SEO de contenidos (palabras clave), el SEO Técnico se ocupa de la infraestructura: indexación, rastreo, velocidad de carga, arquitectura de URLs y datos estructurados. Es la base para que el contenido posicione.
¿Necesito ser experto en SEO para tomar el curso?No. Necesitas saber programar en Next.js/React. Nosotros te enseñamos los fundamentos de SEO y cómo aplicarlos técnicamente en tu código.
¿Cómo maneja Next.js los metadatos dinámicos?Utilizamos la función asíncrona `generateMetadata`. Aprenderás a hacer fetch de datos (ej: título de un producto) dentro de esta función para inyectar tags SEO únicos por cada URL dinámica.
¿Qué es JSON-LD y por qué es importante?Es un formato de datos estructurados (Schema.org) que ayuda a Google a entender qué es tu contenido (un curso, una receta, un producto) para generar 'Rich Snippets' en los resultados de búsqueda.
¿Vemos cómo generar el sitemap automáticamente?Sí. Next.js ahora permite crear un archivo `sitemap.ts` (o .js) que genera dinámicamente el XML basándose en tus rutas y base de datos. Olvídate de los scripts manuales externos.
¿Qué son los Core Web Vitals?Son métricas de Google que miden la experiencia de usuario: LCP (carga), INP (interactividad) y CLS (estabilidad visual). Aprenderás a optimizarlas usando componentes nativos de Next.js.
¿Cómo ayuda el componente `<Image>` de Next.js al SEO?Previene el CLS (saltos de diseño) reservando espacio y optimiza automáticamente el formato (WebP/AVIF) y tamaño de las imágenes, mejorando drásticamente el puntaje de Lighthouse.
¿Qué es la 'Canonical URL'?Es la etiqueta que le dice a Google cuál es la versión 'original' de una página si hay duplicados. Aprenderás a configurarla dinámicamente en `metadataBase` para evitar penalizaciones.
¿Usamos librerías como `next-seo`?No. Con el App Router, Next.js ya trae todo integrado de forma nativa. Te enseñamos a usar la API oficial sin depender de librerías externas que añaden peso innecesario.
¿Cómo afecta el 'Client Component' al SEO?Es un mito que los Client Components no indexan. Sin embargo, enseñamos a renderizar la mayor parte del contenido y los metadatos en Server Components para asegurar la máxima eficiencia de rastreo.
¿Qué es el archivo `robots.txt`?Es el archivo que da instrucciones a los bots sobre qué partes de tu sitio pueden o no rastrear. Aprenderás a generarlo dinámicamente con `robots.ts` en Next.js.
¿Vemos SEO Internacional (i18n)?Sí. Configuraremos el routing para manejar múltiples idiomas (ej: `/es`, `/en`) y, lo más importante, las etiquetas `hreflang` para que Google muestre el idioma correcto al usuario correcto.
¿Qué es Open Graph (OG)?Es el protocolo que define cómo se ve tu enlace cuando se comparte en redes sociales (Facebook, LinkedIn, WhatsApp). Configuraremos títulos, descripciones e imágenes personalizadas.
¿Podemos generar imágenes OG dinámicamente?Sí, usando `ImageResponse` de Next.js. Aprenderás a crear imágenes sociales que incluyan el título del post o producto automáticamente mediante código, sin usar Photoshop.
¿Qué es el 'Link Juice' o enlazado interno?Es cómo se transfiere la autoridad entre tus páginas. Vemos la importancia de usar el componente `<Link>` correctamente en lugar de etiquetas `<a>` o navegación por `router.push`.
¿Cómo manejo las redirecciones sin perder SEO?Aprenderás a configurar redirecciones 301 (permanentes) y 302 (temporales) en el archivo `next.config.js` o mediante Middleware para migrar URLs antiguas.
¿Qué es un 'Soft 404'?Es cuando una página parece no existir pero devuelve código 200. Aprenderás a usar la función `notFound()` de Next.js para devolver un verdadero error 404 a los buscadores.
¿Vemos herramientas de auditoría?Sí, usamos Google Lighthouse, PageSpeed Insights y simuladores de rastreo para ver nuestro sitio como lo ve el bot de Google.
¿Qué es el 'Trailing Slash'?Es la barra al final de la URL (ej: `/sobre-mi/`). La inconsistencia aquí puede causar contenido duplicado. Aprenderás a normalizar esto en la configuración de Next.js.
¿Sirve este curso para E-commerce?Totalmente. Los ejemplos de metadatos dinámicos y JSON-LD de 'Product' son vitales para tiendas online que quieren aparecer en Google Shopping o resultados enriquecidos.
¿Qué es la 'Canibalización de Keywords'?Cuando varias páginas compiten por la misma búsqueda. Te enseñamos a estructurar la arquitectura del sitio para evitar esto.
¿Cómo optimizamos las fuentes (Fonts)?Usando `next/font`. Esta herramienta elimina el 'Layout Shift' (CLS) al cargar fuentes y las optimiza automáticamente, mejorando la velocidad y la experiencia visual.
¿Qué es ISR (Incremental Static Regeneration)?Una técnica híbrida de Next.js. Permite tener páginas estáticas ultrarrápidas que se actualizan cada cierto tiempo. Analizamos cuándo conviene usarlo para SEO frente a SSR puro.
¿Cómo debuggeo problemas de SEO en local?Te enseñaremos a inspeccionar el código fuente renderizado y a usar extensiones de navegador para verificar metadatos antes de hacer deploy.
¿Es necesario usar TypeScript?El curso usa TypeScript porque Next.js es 'TypeScript First'. Los tipos ayudan a no cometer errores en la estructura de los metadatos o JSON-LD.
¿Qué es un Breadcrumb (Miga de pan)?Es un rastro de navegación. Aprenderás a implementarlo visualmente y, más importante, con datos estructurados (Schema) para que aparezca en los resultados de búsqueda.
¿Vemos Google Search Console?Sí, es el panel de control del SEO. Aprenderás a verificar tu dominio, enviar sitemaps y leer los informes de cobertura e indexación.
¿Qué son los encabezados H1, H2, H3?Son la jerarquía semántica del contenido. Vemos cómo estructurar componentes para mantener un orden lógico que los buscadores puedan entender sin errores.
¿El curso cubre accesibilidad (A11y)?Sí, porque accesibilidad y SEO van de la mano. Un sitio accesible (con `alt` text, roles ARIA correctos y buen contraste) rankea mejor.
¿Qué es el 'Crawl Budget'?Es el presupuesto de rastreo que Google asigna a tu sitio. Te enseñamos a optimizarlo bloqueando páginas innecesarias (como /admin o /cuenta) en el robots.txt.
¿Cómo manejo SEO en páginas con autenticación?Entenderás qué contenido debe ser público para indexar y cómo manejar las redirecciones de usuarios no logueados sin afectar a los bots.
¿Qué es el 'Semantic HTML'?Es usar `<article>`, `<section>`, `<aside>` en lugar de `<div>`. Es fundamental para que los algoritmos entiendan qué parte de tu página es contenido principal y qué es ruido.
¿Cómo afecta Vercel al SEO?Vercel ofrece una infraestructura optimizada (Edge Network) que mejora el TTFB (Time to First Byte), un factor de ranking. Vemos cómo aprovechar sus analíticas.
¿Qué son las 'Twitter Cards'?Similares a Open Graph, pero específicas para Twitter (ahora X). Configuraremos tarjetas de tipo 'summary_large_image' para destacar en el feed.
¿Vemos paginación SEO?Sí. La paginación incorrecta puede crear contenido duplicado o huérfano. Aprenderás a manejar enlaces de 'prev' y 'next' y canonicals en listas paginadas.
¿Qué es el 'Lazy Loading'?Es cargar recursos (como imágenes) solo cuando son visibles. Next.js lo hace automático, pero aprenderás cuándo desactivarlo (eager loading) para la imagen principal (LCP).
¿Cómo verifico si Google puede renderizar mi JS?Usamos la herramienta de 'Inspección de URL' en Search Console para ver una captura de pantalla de cómo Google renderiza tu componente React.
¿Qué es el atributo `nocache` o `noindex`?Instrucciones para que Google ignore una página. Aprenderás a configurar `robots: { index: false }` en la metadata de Next.js para páginas privadas.
¿Hacemos auditoría de la competencia?Sí, vemos cómo inspeccionar el código fuente y los headers de sitios competidores para entender su estrategia técnica.
¿Qué es el 'Keyword Stuffing'?Una mala práctica de repetir palabras clave. Nos enfocamos en SEO semántico y natural, que es lo que premian los algoritmos modernos.
¿El curso incluye Google Analytics?Vemos cómo integrar Google Analytics 4 (GA4) o Google Tag Manager en Next.js sin impactar negativamente en la performance de carga.
¿Qué son los Slugs?La parte final de la URL. Aprendemos a generar slugs limpios y legibles (ej: `curso-seo-nextjs` en vez de `curso?id=123`) usando funciones de utilidad.
¿Por qué usar `metadataBase`?Es una configuración nueva de Next.js 14 que simplifica la resolución de URLs absolutas para Open Graph y Canonicals en todo el sitio.
¿Qué es el atributo `priority` en imágenes?Le dice al navegador que cargue esa imagen con prioridad alta. Es el truco número 1 para mejorar la métrica LCP en la imagen principal del Hero.
¿Cómo se manejan los scripts de terceros?Usando el componente `<Script>` de Next.js con estrategias como `lazyOnload` o `afterInteractive` para que los chats o analíticas no bloqueen la carga inicial.
¿Qué es 'Mobile-First Indexing'?Google usa la versión móvil de tu sitio para indexar. Nos aseguramos de que el contenido y los datos estructurados estén presentes y funcionales en la vista móvil.
¿Hay proyecto final?Sí. Debes entregar un repositorio de Next.js optimizado, con un puntaje de Lighthouse >90 en SEO y Performance, y todas las validaciones de metadatos correctas.
¿Dónde puedo aplicar estos conocimientos?En cualquier empresa moderna. El perfil de 'Frontend con conocimientos de SEO' o 'SEO Técnico' es muy difícil de conseguir y altamente valorado.
Chateá por info