Verificação HTML: O elemento "title" não deve estar vazio.

Sobre este problema HTML

A especificação HTML requer que cada documento tenha um elemento <title> com pelo menos um carácter que não seja espaço em branco. O título serve como a etiqueta principal da página — aparece no separador do navegador, nos marcadores, nos resultados dos motores de busca, e é anunciado pelos leitores de ecrã quando um utilizador navega para a página. Um título vazio deixa os utilizadores sem forma de identificar ou distinguir a página, o que é especialmente problemático para a acessibilidade. Os utilizadores de leitores de ecrã dependem do título do documento para compreender em que página chegaram, e um título vazio não fornece qualquer contexto.

Os navegadores podem tentar mostrar algo (como o URL) quando o título está em falta ou vazio, mas esta solução alternativa é inconsistente e produz frequentemente uma experiência de utilizador pobre. Os motores de busca também dependem do elemento <title> para indexação e exibição de resultados, por isso um título vazio pode afetar negativamente a descoberta.

Este erro ocorre comummente quando modelos ou código de base incluem uma etiqueta <title> como marcador de posição que nunca é preenchido, ou quando sistemas de gestão de conteúdo falham ao injetar um valor de título no modelo.

Como corrigir

Adicione texto descritivo e conciso dentro do elemento <title> que reflita com precisão o conteúdo da página. Um bom título tem tipicamente 20–70 caracteres de comprimento e é específico o suficiente para distinguir a página de outras páginas no mesmo site.

Cada página deve ter um título único relevante para o seu conteúdo.
Evite títulos genéricos como “Sem título” ou “Página” — seja específico.
Para sites com múltiplas páginas, considere um formato como “Nome da Página - Nome do Site”.

Exemplos

❌ Elemento title vazio

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <p>Welcome to our website.</p>
  </body>
</html>

Isto desencadeia o erro porque o elemento <title> não contém texto.

❌ Title apenas com espaços em branco

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>   </title>
  </head>
  <body>
    <p>Welcome to our website.</p>
  </body>
</html>

Isto também desencadeia o erro. Conteúdo apenas com espaços em branco é tratado como vazio.

✅ Title com texto descritivo

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Getting Started - Automated Website Validator</title>
  </head>
  <body>
    <p>Welcome to our website.</p>
  </body>
</html>

O elemento <title> contém agora texto significativo que identifica tanto a página como o site, tornando-o acessível, amigável para SEO, e conforme com os padrões.