As Heading Tags são marcadores usados na estrutura e organização de uma página web. São importantes não só para apresentar uma estrutura clara e de fácil leitura da página web, mas também para melhorar a navegação de seus usuários e dos motores de busca.
Elas destacam na página qual é o conteúdo que tem mais importância dentro dela, criando dessa forma uma hierarquia de informações que os mecanismos de busca entenderão mais facilmente. Existem um total de seis Heading Tags disponíveis, sendo o H1 o mais importante e o H6 o de menos importância, levando em consideração a hierarquia, ou seja, na ordem eles ficam sendo H1 -> H2 -> H3 -> H4 -> H5 -> H6.
Você deve usá-las da mesma forma que faria se fosse escrever um livro ou um artigo, e não para realçar o texto em sua página. Os atributos de cor, tamanho e qualquer outro podem ser mudados em CSS da forma como você desejar. Quando você usar a Heading Tag escolhida, será automaticamente adicionado um espaço acima e abaixo do texto; desta forma você pode começar seu texto na próxima linha disponível.
Além de tudo isso, aqueles que utilizam leitores de texto para ler o seu site podem acabar ficando confusos se você não usar qualquer Heading Tag para direcionar a leitura do texto.
Como Usar
A principal das Headings Tags é a H1 e ela deve ser um resumo breve do que o usuário vai encontrar no texto, de preferencia usando palavras chave.
Em resumo, nela deve conter a palavra chave de maior peso e que você deseja mais destacar na página em questão.
É recomendável que somente exista uma H1 por página. Mesmo que em alguns casos pode ser usado um H1 por sessão de página, é algo bem arriscado para quem não entende muito bem SEO. Por isso, permaneça com somente uma H1 na página.
Em seguida, vem a H2 que deve tratar de algo que dê sequencia ao H1 e ao assunto da página, como se fosse um subtítulo. As demais tags obedecem à mesma regra. Quanto maior o número (3, 4, 5 e 6), menor será a importância do conteúdo inserido nelas, mas mesmo assim ainda terá mais relevância do que um simples parágrafo.
A tags devem sempre respeitar uma hierarquia e nunca serem quebradas. Você não pode ter uma tag H2 antes da tag h1, e da mesma forma, após a tag H1 não pode vir uma tag H4, precisa ser H1 -> H2 -> H3 -> e assim sucessivamente.
