SEO técnico en HTML: metadatos, Open Graph y datos estructurados

Mejora indexación y CTR con `title`, `description`, canonical, Open Graph y JSON-LD bien planteados.

Un HTML bien descrito ayuda a Google a entender mejor tu página.

Title y description no garantizan ranking, pero sí influyen mucho en el clic.

Open Graph y Twitter Cards controlan cómo se comparte tu contenido en redes y mensajería.

JSON-LD aporta contexto semántico adicional para rich results.

  • Primero cubre lo básico, luego afina. 🎯
  • Cada página necesita un `title` único y una `meta description` útil para humanos. Evita títulos genéricos como "Inicio".
  • La canonical evita conflictos de duplicidad entre URLs similares (filtros, parámetros, versiones con y sin slash).
  • Un `title` por URL, claro y específico.
  • Description orientada a intención de búsqueda.

Metadatos esenciales que no debes olvidar

Primero cubre lo básico, luego afina. 🎯

Cada página necesita un `title` único y una `meta description` útil para humanos. Evita títulos genéricos como "Inicio".

La canonical evita conflictos de duplicidad entre URLs similares (filtros, parámetros, versiones con y sin slash).

  • Un `title` por URL, claro y específico.
  • Description orientada a intención de búsqueda.
  • Canonical absoluta y estable.

Open Graph y Twitter Cards

Si se comparte bien, también se descubre mejor. 🔗

Cuando alguien comparte tu URL, la tarjeta visual se construye con metadatos sociales. Si faltan, cada plataforma improvisa.

Usa imágenes absolutas y descripciones coherentes con el contenido real para evitar previews engañosas.

JSON-LD sin humo: cuándo sí aporta

Estructura datos reales, no inventes schema por postureo.

JSON-LD permite declarar qué es tu contenido: curso, artículo, producto, FAQ, etc. Si coincide con lo visible, suma claridad para buscadores.

No uses marcado falso para forzar rich snippets. A medio plazo genera problemas de confianza y visibilidad.

HTML
16

SEO técnico en HTML: metadatos, Open Graph y datos estructurados

Mejora indexación y CTR con `title`, `description`, canonical, Open Graph y JSON-LD bien planteados.

Código del tema: <title> | <meta> | canonical | og:* | JSON-LD

📘 Teoría

Metadatos esenciales que no debes olvidar

Primero cubre lo básico, luego afina. 🎯

Cada página necesita un `title` único y una `meta description` útil para humanos. Evita títulos genéricos como "Inicio".

La canonical evita conflictos de duplicidad entre URLs similares (filtros, parámetros, versiones con y sin slash).

  • Un `title` por URL, claro y específico.
  • Description orientada a intención de búsqueda.
  • Canonical absoluta y estable.

Open Graph y Twitter Cards

Si se comparte bien, también se descubre mejor. 🔗

1

Cuando alguien comparte tu URL, la tarjeta visual se construye con metadatos sociales. Si faltan, cada plataforma improvisa.

2

Usa imágenes absolutas y descripciones coherentes con el contenido real para evitar previews engañosas.

JSON-LD sin humo: cuándo sí aporta

Estructura datos reales, no inventes schema por postureo.

1

JSON-LD permite declarar qué es tu contenido: curso, artículo, producto, FAQ, etc. Si coincide con lo visible, suma claridad para buscadores.

2

No uses marcado falso para forzar rich snippets. A medio plazo genera problemas de confianza y visibilidad.

🧪 Aprende probando

Ejemplo Ejemplo guiado: head SEO completo Plantilla mínima sólida para una landing de curso.

🏁 Retos

Reto Reto: completa metadatos esenciales Añade description y canonical a una página incompleta.

🧰 Recursos

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros. culTest

La hice en febrero de 2026 para facilitar el aprendizaje de mis alumnos. La idea es aprender desarrollo web practicando y que el proyecto siga creciendo con nuevos temas, tests y retos.

Está inspirada en MDN, W3Schools, CodePen, Manz y muchos otros sitios de documentación sobre desarrollo web. Quería combinar teoría útil, ejemplos ejecutables, retos y el sistema de tests que ya tenía en culTest. culTest

Si te gustó, si no te gustó o si quieres escribirme, puedes hacerlo en cristianeslava@gmail.com