Usando Títulos

Organizar sua página usando títulos devidamente marcados é uma das coisas mais importantes que você pode fazer para ajudar a tornar seu conteúdo legível e acessível a todos os usuários. O uso adequado de títulos ajuda os mecanismos de pesquisa a entender sua página, garante que a tecnologia assistiva possa ajudar os usuários a navegar em sua página corretamente e permite que os leitores digitalizem o conteúdo com eficiência.


Como Usar Títulos

Os níveis de título devem sempre ser aplicados usando o menu suspenso de formato na barra de ferramentas do editor.

Existem seis níveis de cabeçalho e eles devem sempre ser usados na ordem correta.

O título 1 (H1) é sempre o título da página. Uma página da Web nunca deve ter mais de um H1. Não use um H1 no conteúdo da página.

O título 2 (H2) deve ser o título das seções principais da sua página.

O título 3 (H3) deve ser título para subseções dentro de uma seção do título 2.

O título 4 (H4) deve ser títulos para subseções dentro de uma seção do título 3.

O título 5 (H5) deve ser títulos para subseções dentro de uma seção do título 4.

O título 6 (H6) deve ser títulos para subseções dentro de uma seção do título 5.

Você nunca deve pular os níveis de título em uma página (por exemplo, h1 > h2 > h4), pois isso pode causar confusão para os visitantes do seu site. Não crie seus próprios títulos usando apenas alterações visuais, como tamanhos de texto, negrito, cor do texto, etc. No entanto, você pode aplicar estilos visuais a títulos marcados corretamente.


Exemplo de Títulos

Observe que o título acima é um H3 porque está dentro de uma seção H2.

Você pode pensar em títulos como listas com marcadores ou numeradas. Se o conteúdo estiver no mesmo nível, espera-se que eles contenham conteúdo diferente. Se o conteúdo estiver aninhado em um item de lista, espera-se que o conteúdo esteja relacionado ao item de lista acima dele.

  • O título 1 (H1) é sempre o título da página
    • O título 2 (H2) é uma seção de conteúdo da página
      • A rubrica 3 (H3) é uma secção dentro do H2
        • A rubrica 4 (H4) é uma secção dentro do H3
    • O título 2 (H2) é uma seção de conteúdo da página
      • A rubrica 3 (H3) é uma secção dentro do H2
      • A rubrica 3 (H3) é uma secção dentro do H2
    • O título 2 (H2) é uma seção de conteúdo da página

Os títulos comunicam a organização do conteúdo da página. Os usuários folheiam o conteúdo da web em busca das informações mais relevantes para a tarefa que estão tentando executar. Bons títulos os ajudarão a encontrar o conteúdo de que precisam.

Os títulos também são essenciais para a acessibilidade. Navegadores da Web, plug-ins e tecnologias adaptativas podem usar títulos marcados adequadamente para fornecer navegação na página (consulte as diretrizes de acessibilidade W3).

Por fim, os mecanismos de pesquisa usam títulos para identificar o conteúdo da sua página e classificar os resultados do mecanismo de pesquisa. O bom uso dos títulos ajudará a tornar seu conteúdo mais localizável pelo público-alvo.

Além de marcar seus títulos com a estrutura apropriada, escrever bons títulos ajudará seus usuários. Algumas diretrizes gerais:

  • Mantenha os títulos curtos
  • Use linguagem ativa – considere começar cada um com um verbo ativo (por exemplo, Aplicar, Localizar, Assistir, Carregar, etc.)
  • Torne os títulos consistentes (por exemplo, todos formatados como perguntas, todos usando linguagem ativa)
  • Não use todas as letras maiúsculas (isso é difícil de ler)
  • Evite siglas ou jargões