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 al curso

Inscribite en este curso online en vivo y empezá a desarrollar habilidades profesionales con acompañamiento personalizado y grupos reducidos. Ver próximas fechas

No hay cohortes disponibles por el momento. Consultá por WhatsApp las próximas fechas de inscripció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.

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

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

Curso anterior

Curso de Next.js Online en Argentina: SSR, Rutas Dinámicas y Performance
Curso de Next.js Online en Argentina: SSR, Rutas Dinámicas y Performance

Curso de Next.js Online: SSR, Rutas Dinámicas y Performance

Construí sitios y aplicaciones en Next.js usando SSR, rutas dinámicas, optimización de caché e imágenes, arquitectura escalable y buenas prácticas para entregar experiencias rápidas.

Comenzar Curso

Curso actual

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

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

Optimizá proyectos en Next.js aplicando SEO técnico, metadatos avanzados, sitemap.xml, robots.txt, i18n, Core Web Vitals y JSON-LD para posicionar sitios rápidos en buscadores.

Curso actual

Curso siguiente

Curso de React Native Online en Argentina: Apps Móviles para iOS y Android
Curso de React Native Online en Argentina: Apps Móviles para iOS y Android

Curso de Desarrollo de Apps Móviles con React Native

Diseñá apps móviles para Android e iOS con React Native, navegación moderna, consumo de APIs, componentes nativos y optimización de rendimiento para crear prototipos funcionales.

Comenzar Curso
¿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.
Chateá por info