Next.js desde Cero (App Router)
Texto Leccion
Metadata: titles, canonical, OG y Twitter
Metadata Buenas pages tienen metadata consistente: title, description, canonical y OG para shares. Conceptos clave Metadata por pagina Canonical para evitar duplicados OG images Ejemplo Ejemplo: alternates.canonical y openGraph.images. Ejercicio Agrega metadata a una pagina de curso. Agrega OG image via /api/og. Checklist de mastery Todas las pages clave tienen canonical. Tengo OG share listo.
Tiempo de estudio
15 Min
Metadata
Buenas pages tienen metadata consistente: title, description, canonical y OG para shares.
Conceptos clave
- Metadata por pagina
- Canonical para evitar duplicados
- OG images
Ejemplo
Ejemplo: alternates.canonical y openGraph.images.
Ejercicio
- Agrega metadata a una pagina de curso.
- Agrega OG image via /api/og.
Checklist de mastery
- Todas las pages clave tienen canonical.
- Tengo OG share listo.
Texto Lessons
#1
Routing y layouts: estructura clara
#2
Data fetching: cuando cachear y cuando no
#3
Metadata: titles, canonical, OG y Twitter
#4
Landing + CTA: copy y estructura
#5
Server vs Client Components: regla practica
#6
Server Actions: forms sin API extra
#7
Sitemap y robots: indexar lo correcto
#8
Blog: posts, RSS y enlaces internos
#9
Loading, error y not-found: UX profesional
#10
Auth basica: proteger rutas y acciones
#11
Performance: menos JS, mejores Core Web Vitals
#12
Deploy checklist: que mirar antes de lanzar
Ver full lessons
Revisar curso learning pagina
