Como usar h1, h2, h3, h4, h5 ou h6 nos títulos do site

Acesse o conteúdo original sobre “Como usar h1, h2, h3, h4, h5 ou h6 nos títulos do site” no site oficial do Aylton Inacio.

Se você tem um site e se preocupa com SEOacessibilidade e experiência do usuário, a criação de bons títulos é fundamental. E como esses títulos são colocados no HTML da página é fator importante para o sucesso com buscadores e usuários reais.

As tags HTML que usamos para criar títulos em páginas web são: h1, h2, h3, h4, h5 e h6. O significado dessas tags é o mesmo, que é definir títulos, mas o nível de importância é diferente para cada uma, onde h1 tem o nível mais alto e h6 o mais baixo.

▶ Se preferir, acesse “Como usar h1, h2, h3, h4, h5 ou h6 nos títulos do site” no YouTube.

O código HTML a seguir representa um título h1 de importância mais alta:

<h1>Título da página</h1>

Para verificar quais tags HTML estão sendo usadas no seu site para criar títulos, clique com o botão direito sobre o texto, depois em “Inspecionar”. Será aberto o DevTools do navegador com a estrutura de elementos.

Como colocar as tags de título corretamente

A montagem HTML dos títulos afeta diretamente o SEO da página web e acessibilidade. Por exemplo, o Google utiliza a tag h1 para detectar o título principal. Já os leitores de tela, utilizados por pessoas com necessidades especiais, segue a importância de cada elemento e sequência.

Siga as dicas a seguir para colocar o HTML dos títulos pensando em SEO e acessibilidade:

  • Use apenas uma tag h1 por página
  • Não pule os níveis de títulos. Use h1 depois h2
  • Não use tags de título para palavras sem essa importância
  • Em tags section utilize título h2 ou menor

E por fim, depois da utilização correta das tags h1 até h6 seguindo seus significados, você pode testar a acessibilidade do seu site com alguma das diversas ferramentas online ou extensões para navegador. O WAVE é uma opção que oferece diversas ferramentas para esse objetivo.

Espero que tenha gostado deste post e se gostou, me ajude na divulgação, compartilhando o conteúdo “Como usar h1, h2, h3, h4, h5 ou h6 nos títulos do site” nas redes sociais ou colocando um link no seu site pra passar sua força e melhorar a classificação deste material nos resultados de pesquisa.

Se tiver qualquer dúvida ou sugestão, entre em contato comigo.

Aproveite para se inscrever no meu canal do YouTube e também na News do site pra ficar por dentro das novidades em artigos, tutoriais e cursos online.

Abraço e até a próxima!

Comentários

Postagens mais visitadas deste blog

O que são Usuários, Sessões e PageViews no Google Analytics

Como criar um mapa preenchido no Looker Studio

Testes condicionais com Datas no Looker Data Studio