Heading tags

Heading tags

As heading tags são marcações HTML para indicar cabeçalhos no conteúdo de uma página HTML.

Essas tags são escritas da seguinte forma:

<h1>Texto de destaque</h1>

Elas vão da tag H1 até H6 e indicam hierarquia dos tópicos por elas marcadas.

A tag H1 é a que representa o assunto principal da página. Para as estratégias de SEO, é recomendado usar apenas uma vez por página. Uma dica é incluir a sua palavra-chave dentro do texto da tag H1.

Para que o Googlebot ou qualquer outro crawler consiga compreender os tópicos da página e suas relações, é muito importante respeitar a sequência da hierarquia.

Por exemplo, se você deseja sinalizar um título de uma página que fala sobre pizza, inclua a palavra “Pizza” na tag H1.

Agora, para sinalizar o subtópico de “Ingredientes”, utilize a tag H2. E se ainda existirem mais subtópicos, como, por exemplo, “Fotos dos ingredientes”, você pode utilizar a tag H3 e, assim, sucessivamente até o nível da tag H6.

Na mesma página, é possível utilizar as tags H2 a H6 quantas vezes quiser, desde que se respeite a hierarquia entre elas. É como se essas tags fossem tópicos de um livro que seguem uma organização lógica.

Exemplo completo:

• <h1>Pizza</h1>
  • <h2>Ingredientes</h2>
    • <h3>Fotos dos ingredientes</h3>
  • <h2>Modo de preparo</h2>
    • <h3>Passo a passo em vídeo</h3>
      • <h4>Fotos durante o preparo</h4>
  • <h2>Diferentes apresentações da pizza</h2>

Vídeo explicativo sobre heading tags: