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.

📘 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.

Base SEO mínima por página

<title>Curso HTML Profesional | Aprende Web</title>
<meta name="description" content="Aprende HTML moderno con semántica, formularios, accesibilidad y SEO técnico." />
<link rel="canonical" href="https://aprendeweb.dev/curso/html" />

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.

Meta social recomendada

<meta property="og:title" content="Curso de HTML Profesional" />
<meta property="og:description" content="Lecciones prácticas para dominar HTML desde cero hasta nivel pro." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://aprendeweb.dev/curso/html" />
<meta property="og:image" content="https://aprendeweb.dev/og/curso-html.jpg" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Curso de HTML Profesional" />
<meta name="twitter:description" content="Lecciones prácticas para dominar HTML desde cero hasta nivel pro." />

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.

Schema básico para curso

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Course",
  "name": "Curso de HTML Profesional",
  "description": "Aprende HTML moderno con enfoque práctico.",
  "provider": {
    "@type": "Organization",
    "name": "Aprende Web"
  }
}
</script>