Técnico

Por que a estrutura básica de HTML (<html>, <head>, <body>) importa

Três tags simples que quase ninguém vê são o que diz ao navegador como ler tudo o resto na página.

O que é

Toda a página web, por baixo do seu aspeto visual, é construída em HTML — um conjunto de secções identificadas chamadas "tags" que dizem ao navegador o que é cada parte da página. Três tags formam a base que qualquer página deve ter: <html> (marca todo o documento como uma página web), <head> (guarda informação de bastidores, como o título e a descrição da página, que não é mostrada diretamente na página) e <body> (contém tudo o que um visitante realmente vê e em que pode clicar).

Esta verificação confirma apenas se estas três tags estruturais estão presentes e usadas corretamente, em vez de o conteúdo da página estar simplesmente colocado sem nenhuma desta estrutura à volta.

Por que importa

Os navegadores são bastante tolerantes e normalmente mostram a página mesmo quando esta estrutura falta ou está incorreta — é exatamente por isso que o problema pode passar despercebido durante muito tempo. Mas motores de busca, leitores de ecrã, ferramentas de tradução e extensões do navegador dependem todos desta estrutura para perceber onde começa o conteúdo real e onde está a informação de bastidores — sem ela, ficam a adivinhar, e às vezes adivinham mal.

Uma página sem esta estrutura básica também é frequentemente sinal de que algo mais atrás está com problemas — um processo de build que falhou a meio, um modelo corrompido, ou um sistema de gestão de conteúdos a gerar apenas um fragmento em vez de uma página completa.

Como corrigir

  1. Vê o código HTML da tua página (na maioria dos navegadores: clica com o botão direito na página e escolhe "Ver código-fonte da página", ou prime Ctrl+U / Cmd+Option+U).
  2. Confirma que a primeira tag é <html>, seguida de uma secção <head> e depois de uma secção <body> que envolve todo o conteúdo visível.
  3. Se usas um construtor de sites (Squarespace, Wix, Webflow, WordPress), esta estrutura é gerada automaticamente — se estiver em falta, normalmente é um bloco de código personalizado ou modelo a interferir, por isso verifica quaisquer blocos de HTML personalizados que tenhas adicionado.
  4. Se geres o teu próprio modelo ou gerador de site estático, confirma que o ficheiro de modelo base envolve o conteúdo de cada página nestas três tags e que não foi alterado por engano.
  5. Volta a executar o teu Launch Readiness check depois para confirmar que a estrutura já é detetada corretamente.

Veja se o seu próprio site tem este problema

O Launch Readiness analisa o seu site em busca deste e de mais ~50 problemas antes do lançamento, em segundos — grátis, sem registo.

Fazer uma análise grátis