Verificação HTML: Elemento "head" está em falta uma instância obrigatória do elemento filho "title".

Sobre este problema HTML

O elemento <title> é um filho obrigatório do <head> de acordo com a especificação HTML. Define o título do documento, que aparece no separador do navegador, é usado como nome predefinido ao guardar a página nos marcadores, e é exibido como o cabeçalho clicável nos resultados dos motores de busca. Omiti-lo viola o padrão HTML e desencadeia este erro de validação.

Para além da conformidade com os padrões, o elemento <title> é crítico para a acessibilidade. Os leitores de ecrã anunciam o título da página quando um utilizador navega para uma nova página ou muda entre separadores, dando-lhes contexto imediato sobre onde estão. Um título em falta força os utilizadores de tecnologias assistivas a explorar o conteúdo da página para compreender o seu propósito. Os motores de busca também dependem muito do <title> para indexação e classificação, pelo que omiti-lo pode prejudicar a descoberta.

Existem várias causas comuns para este erro:

O elemento <title> está simplesmente em falta. Isto acontece frequentemente em código modelo ou protótipos rápidos onde é esquecido.
Secções <head> duplicadas. Se o seu HTML contém dois elementos <head> (por exemplo, devido a um erro de copiar-colar ou um erro de template), o validador pode sinalizar o segundo como não tendo um <title>.
O <title> está colocado fora do <head>. Se o elemento <title> acidentalmente acaba no <body> ou antes do <head>, o validador não o conta como filho do <head>.
O <title> está vazio. Embora um elemento <title> vazio (<title></title>) possa não desencadear este erro específico, alguns validadores sinalizá-lo-ão separadamente. Inclua sempre texto descritivo.

Exemplos

Elemento `<title>` em falta

Isto desencadeia o erro de validação porque o <head> não tem <title>:

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

`<title>` colocado fora do `<head>`

Aqui o <title> existe mas está na localização errada, pelo que o <head> é ainda considerado como não o tendo:

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

Secções `<head>` duplicadas

Um erro de template ou erro de copiar-colar pode introduzir um segundo <head>, que não tem o seu próprio <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>

Utilização correta

Coloque um único elemento <title> com texto descritivo dentro do <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>

Dicas para um bom `<title>`

Mantenha-o conciso mas descritivo — vise aproximadamente 50–60 caracteres.
Torne-o único para cada página do seu site. Evite títulos genéricos como “Sem título” ou “Página”.
Coloque a informação mais importante primeiro. Por exemplo, Contacte-nos — A Minha Empresa é mais útil do que A Minha Empresa — Contacte-nos quando os utilizadores examinam muitos separadores do navegador.
Evite duplicar o <h1> palavra por palavra; o título deve fornecer contexto mais amplo (como incluir o nome do site), enquanto o <h1> se foca no conteúdo específico da página.