Validación HTML: El elemento "head" no tiene una instancia requerida del elemento hijo "title".

Acerca de este problema HTML

El elemento <title> es un hijo requerido de <head> según la especificación HTML. Define el título del documento, que aparece en la pestaña del navegador, se usa como el nombre por defecto al marcar la página como favorita, y se muestra como el encabezado clicable en los resultados de los motores de búsqueda. Omitirlo viola el estándar HTML y activa este error de validación.

Más allá del cumplimiento de estándares, el elemento <title> es crítico para la accesibilidad. Los lectores de pantalla anuncian el título de la página cuando un usuario navega a una nueva página o cambia entre pestañas, dándoles contexto inmediato sobre dónde están. Un título faltante obliga a los usuarios de tecnología asistiva a explorar el contenido de la página para entender su propósito. Los motores de búsqueda también dependen mucho del <title> para indexar y clasificar, por lo que omitirlo puede perjudicar la capacidad de ser encontrado.

Hay varias causas comunes para este error:

El elemento <title> simplemente no está. Esto suele pasar en código plantilla o prototipos rápidos donde se pasa por alto.
Secciones <head> duplicadas. Si tu HTML contiene dos elementos <head> (por ejemplo, por un error de copiar y pegar o un error de plantillas), el validador puede marcar el segundo como que le falta un <title>.
El <title> está colocado fuera del <head>. Si el elemento <title> accidentalmente termina en el <body> o antes del <head>, el validador no lo contará como un hijo del <head>.
El <title> está vacío. Aunque un elemento <title> vacío (<title></title>) puede no activar este error específico, algunos validadores lo marcarán por separado. Siempre incluye texto descriptivo.

Ejemplos

Elemento `<title>` faltante

Esto activa el error de validación porque el <head> no tiene <title>:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <h1>Welcome</h1>
  </body>
</html>

`<title>` colocado fuera del `<head>`

Aquí el <title> existe pero está en la ubicación incorrecta, por lo que el <head> aún se considera que no lo tiene:

<!DOCTYPE html>
<html lang="en">
  <title>My Page</title>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <h1>Welcome</h1>
  </body>
</html>

Secciones `<head>` duplicadas

Un error de plantillas o de copiar y pegar puede introducir un segundo <head>, que carece de su propio <title>:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>My Page</title>
  </head>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <h1>Welcome</h1>
  </body>
</html>

Uso correcto

Coloca un único elemento <title> con texto descriptivo dentro del <head>:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Welcome — My Website</title>
  </head>
  <body>
    <h1>Welcome</h1>
  </body>
</html>

Consejos para un buen `<title>`

Mantenlo conciso pero descriptivo: apunta a aproximadamente 50–60 caracteres.
Hazlo único para cada página de tu sitio. Evita títulos genéricos como “Sin título” o “Página”.
Pon la información más importante al principio. Por ejemplo, Contacto — Mi Empresa es más útil que Mi Empresa — Contacto cuando los usuarios escanean muchas pestañas del navegador.
Evita duplicar el <h1> textualmente; el título debe proporcionar un contexto más amplio (como incluir el nombre del sitio), mientras que el <h1> se enfoca en el contenido específico de la página.