Plantilla HTML5 semántica y metadatos de la web temprana
Una plantilla HTML5 de los primeros años, depurada para distinguir estructura semántica útil de metadatos SEO que ya no aportan valor.
- Revisado
- Compatibilidad
- HTML5; estructura vigente con revisión de accesibilidad
- Lectura
- 2 min
- Autor
- Gabriel — infinit8
La aparición de header, nav, main, article y footer cambió muchas plantillas basadas únicamente en div. Esa parte del aprendizaje sigue vigente; algunas metas que la acompañaban, no.
El esqueleto que aún tiene sentido
Los elementos se eligen por la función del contenido, no para conseguir un aspecto visual. Debe existir un título descriptivo y el idioma real del documento.
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Título descriptivo de la página</title>
<meta name="description" content="Resumen específico de esta página.">
</head>
<body>
<header>…</header>
<nav aria-label="Principal">…</nav>
<main>
<article>…</article>
</main>
<footer>…</footer>
</body>
</html>Metadatos que conviene revisar
meta keywordsno sustituye contenido ni una arquitectura rastreable.- No publiques a la vez directivas
index,noindex,followynofollowcontradictorias. authorpuede describir autoría, pero no es una palanca mágica de posicionamiento.- La descripción debe corresponder a cada URL, no copiarse en toda la web.
Por qué conservar esta plantilla
Documenta el paso hacia una web con estructura explícita y adaptable. El valor histórico está en ver qué ideas se consolidaron y cuáles se abandonaron.
Preguntas frecuentes
¿Todas las páginas necesitan article?
No. Úsalo cuando el contenido tenga sentido como unidad independiente; una interfaz o listado puede organizarse de otra forma.
¿Debo bloquear staging solo con meta noindex?
No. Si no debe ser público, protégelo con autenticación o control de acceso. La meta solo da instrucciones a rastreadores que deciden respetarla.
Referencias y revisión
Contenido contrastado con documentación oficial. Comprueba siempre el comportamiento en un entorno de pruebas antes de desplegar cambios.