Heading Tags são as marcações de cabeçalho, também conhecida como títulos e subtítulos; elas ajudam a organizar seu conteúdo
Vamos falar sobre um dos pontos que facilitam a leitura tanto das pessoas quanto dos robôs: as heading tags ou os títulos e subtítulos (H1, H2, H3, H4, etc.) do conteúdo de uma página. Depois de todas as explicações, traremos uma ilustração para que tudo fique extremamente claro!

O SEO excelente acontece quando um site é ótimo para as pessoas e ao mesmo tempo é ótimo para os robôs dos buscadores. Alcançar esse ponto de equilíbrio é o que distingue quem faz bem SEO de quem apenas repete algumas técnicas.

De modo geral, a H1 deve ser utilizada como o título das páginas e é um elemento único em cada página. Depois disso, temos o H2, que está hierarquicamente submetido ao H1, e o H3 que por sua vez está submetido ao H2 e assim sucessivamente.

Heading Tags e a experiência de navegação e leitura
O Google privilegia cada vez mais a experiência de navegação do usuário, porque isso é garantia de que a pessoa vai continuar usando o Google e possivelmente vai usar cada vez mais produtos da empresa.

Um dos elementos básicos da experiência de navegação é a organização da página do site. Uma página bem organizada, dividida em partes usando título e subtítulo torna a leitura mais agradável para qualquer pessoa que vai acessá-la.

Ao organizar bem o conteúdo de uma página, você estará já concluindo uma parte importante do trabalho de SEO.

Destacando o que importa na página para construir melhores heading tags
Toda página tem um objetivo, como divulgar um conteúdo, obter dados cadastrais, vender um produto, etc.

É fundamental então destacar o que há de mais importante nas páginas, que pode ser resumido em palavras-chave e utilizá-las de modo natural na página, sem ficar repetindo a mesma palavra-chave várias vezes, o que seria prática não recomendada de keyword stuffing.

Você pode fazer as seguintes perguntas:

1 – Qual é a ideia principal dessa página?

2 – Quais elementos forma essa ideia principal?

3 – Esses elementos podem ser divididos em outros elementos para facilitar o entendimento das pessoas?

4 – Em qual ordem vou apresentar esses elementos para o meu visitante?

Usando H1, H2, H3, etc corretamente em SEO
Ao responder as quatro perguntas anteriores corretamente você obtém um texto organizado e os itens que serão utilizados no cabeçalho/título do conteúdo e nas partes da página. Então você usa

1 – H1 com a palavra-chave da ideia principal

2 – H2 com as palavras-chave dos elementos da ideia principal

3 – H3 para dividir os elementos ainda mais e facilitado o entendimento e visualização das pessoas e dos robôs.

4 – Cria uma estrutura da informação coerente

Vamos a um exemplo de página otimizada de venda de iPhone 4S:

iPhone 4S 8GB Branco Desbloqueado TIM

Vantagens iPhone 4S sobre outros celulares e smartphones

informação relevante

Aplicativos para iPhone 4S

informação relevante

Câmera de 5MP

informação relevante

As novidades do sistema operacional iOS 5

informação relevante

A tag heading é divida em H1, H2, H3, H4, H5, H6, sendo H1 o mais importante e H6 menos importante, porém mais relevante que um simples parágrafo do texto. A hierarquia da tag heading (cabeçalho) é semelhante a divisão feita em manuais e trabalhos acadêmicos, então você pode pensar na equivalência:

1. – H1

1.1 – H2

1.2 – H2

1.2.1 – H3

1.2.2 – H3

1.3 – H2

Exemplo: utilizando H1, H2, H3, H4, etc corretamente em uma página de conteúdo
Preparamos a seguinte ilustração para você visualizar os conceitos que apresentamos nesse nosso post:

Erros mais comuns e principais dúvidas sobre h1, h2 e heading tags
O uso de H1 na imagem do logo e outra imagem não acrescenta valor para SEO, uma vez que H1 se refere a texto. Para imagem tem as tags e <alt> que não são utilizadas corretamente por muitas pessoas. Leia o post de Otimização de Imagens.</p> <p>A ordem de H1 até H6 não pode ser misturada é o que algumas pessoas falam, porém desde que haja uma coerência interna isso não vai atrapalhar a semântica web da página. É necessário a página só tenha um H1, mas os outros podem ser repetidos, mas desde que não pule de H2 para H6 e volta H4, criando algo confuso.</p> <p>Você pode utilizar H2 ou H3 para elementos fixos da sua página como menu ou o footer, desde que esteja coerente com as palavras próximas.</p> <p>Em resumo com a boa organização da sua página os leitores e os robôs interpretam mais facilmente as informações mais importantes da página, o que contribui muito para alcançar as primeiras posições nos buscadores.</p> <p>Esperamos que tenha gostado e entendido como funciona o uso de heading tags. Caso queira se aprofunda em SEO, inscreva-se gratuitamente em nosso curso de SEO.</p> <p>Compartilhe nas redes:</p> <p>Facebook</p> <div class="tags"></div> </div> <nav class="navigation post-navigation" aria-label="Posts"> <h2 class="screen-reader-text">Post navigation</h2> <div class="nav-links"><div class="nav-previous"><a href="https://www.guiadaweb.com/blog/seo-on-page-um-guia-completo-de-seo-dentro-do-site/" rel="prev"><span class="meta-nav" aria-hidden="true">PREVIOUS</span> <span class="screen-reader-text">Previous post:</span> <span class="post-title">SEO On Page: Um Guia Completo de SEO dentro do Site</span></a></div></div> </nav> </div> <div class="related-post"> <h3>Related Post</h3> <div class="row"> <div class="col-md-6 col-lg-4"> <article id="post-47" class="inner-service post-47 post type-post status-publish format-standard has-post-thumbnail hentry category-geral"> <div class="post-main-box wow slideInLeft delay-1000" data-wow-duration="2s"> <div class="box-image"> <img width="564" height="317" src="https://www.guiadaweb.com/blog/wp-content/uploads/2022/04/guest-post.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://www.guiadaweb.com/blog/wp-content/uploads/2022/04/guest-post.webp 564w, https://www.guiadaweb.com/blog/wp-content/uploads/2022/04/guest-post-300x169.webp 300w" sizes="(max-width: 564px) 100vw, 564px" /> </div> <h3 class="section-title"><a href="https://www.guiadaweb.com/blog/guest-post/" title="A queda do Guest Post como estratégia de link building e a ascensão da assessoria de imprensa data-driven">A queda do Guest Post como estratégia de link building e a ascensão da assessoria de imprensa data-driven<span class="screen-reader-text">A queda do Guest Post como estratégia de link building e a ascensão da assessoria de imprensa data-driven</span></a></h3> <div class="new-text"> <div class="entry-content"> <p> O Guest Post (ou “post de autor convidado”) deve ser abolido de suas estratégias de link building, conforme diretriz do Google; Conversion já defende, há 8 anos, link building com </p> </div> </div> <div class ="video-btn"> <i class="fas fa-home"></i><a href="https://www.guiadaweb.com/blog/guest-post/">View More<span class="screen-reader-text">View More</span></a> </div> </div> <div class="clearfix"></div> </article> </div> <div class="col-md-6 col-lg-4"> <article id="post-7" class="inner-service post-7 post type-post status-publish format-standard has-post-thumbnail hentry category-geral"> <div class="post-main-box wow slideInLeft delay-1000" data-wow-duration="2s"> <div class="box-image"> <img width="872" height="718" src="https://www.guiadaweb.com/blog/wp-content/uploads/2022/04/e-commerce.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://www.guiadaweb.com/blog/wp-content/uploads/2022/04/e-commerce.jpg 872w, https://www.guiadaweb.com/blog/wp-content/uploads/2022/04/e-commerce-300x247.jpg 300w, https://www.guiadaweb.com/blog/wp-content/uploads/2022/04/e-commerce-768x632.jpg 768w" sizes="(max-width: 872px) 100vw, 872px" /> </div> <h3 class="section-title"><a href="https://www.guiadaweb.com/blog/ranking-de-e-commerce/" title="Ranking de E-commerce: descubra quais são as 30 maiores lojas virtuais do Brasil">Ranking de E-commerce: descubra quais são as 30 maiores lojas virtuais do Brasil<span class="screen-reader-text">Ranking de E-commerce: descubra quais são as 30 maiores lojas virtuais do Brasil</span></a></h3> <div class="new-text"> <div class="entry-content"> <p> Publicamos com, exclusividade no Relatório Setores do E-commerce, os rankings dos maiores players de cada categoria de consumo. Confira, agora, quem são os 30 maiores de todo o país. No </p> </div> </div> <div class ="video-btn"> <i class="fas fa-home"></i><a href="https://www.guiadaweb.com/blog/ranking-de-e-commerce/">View More<span class="screen-reader-text">View More</span></a> </div> </div> <div class="clearfix"></div> </article> </div> <div class="col-md-6 col-lg-4"> <article id="post-45" class="inner-service post-45 post type-post status-publish format-standard has-post-thumbnail hentry category-geral"> <div class="post-main-box wow slideInLeft delay-1000" data-wow-duration="2s"> <div class="box-image"> <img width="1280" height="720" src="https://www.guiadaweb.com/blog/wp-content/uploads/2022/04/google-negocios.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.guiadaweb.com/blog/wp-content/uploads/2022/04/google-negocios.webp 1280w, https://www.guiadaweb.com/blog/wp-content/uploads/2022/04/google-negocios-300x169.webp 300w, https://www.guiadaweb.com/blog/wp-content/uploads/2022/04/google-negocios-1024x576.webp 1024w, https://www.guiadaweb.com/blog/wp-content/uploads/2022/04/google-negocios-768x432.webp 768w" sizes="(max-width: 1280px) 100vw, 1280px" /> </div> <h3 class="section-title"><a href="https://www.guiadaweb.com/blog/google-meu-negocio/" title="Google Meu Negócio – Guia Completo de Configurações e Otimizações">Google Meu Negócio – Guia Completo de Configurações e Otimizações<span class="screen-reader-text">Google Meu Negócio – Guia Completo de Configurações e Otimizações</span></a></h3> <div class="new-text"> <div class="entry-content"> <p> Google Meu Negócio é uma ferramenta gratuita que ajuda empresas a aparecerem nas buscas do Google e também no Google Maps. Quer atrair mais clientes para o seu negócio local? </p> </div> </div> <div class ="video-btn"> <i class="fas fa-home"></i><a href="https://www.guiadaweb.com/blog/google-meu-negocio/">View More<span class="screen-reader-text">View More</span></a> </div> </div> <div class="clearfix"></div> </article> </div> </div> </div> </article> <div class="navigation"> <div class="clearfix"></div> </div> </div> <div class="col-md-4 col-lg-4" id="sidebar"><aside id="block-3" class="widget widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Posts recentes</h2><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://www.guiadaweb.com/blog/heading-tags/">Heading Tags H1, H2, H3 e H4: aprenda a usá-las corretamente em SEO e evite os erros mais comuns</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://www.guiadaweb.com/blog/seo-on-page-um-guia-completo-de-seo-dentro-do-site/">SEO On Page: Um Guia Completo de SEO dentro do Site</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://www.guiadaweb.com/blog/troca-de-links/">Troca de Links: entenda de uma vez por todas por que é prejudicial para o SEO de seu site</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://www.guiadaweb.com/blog/guest-post/">A queda do Guest Post como estratégia de link building e a ascensão da assessoria de imprensa data-driven</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://www.guiadaweb.com/blog/compra-de-links/">Compra de links: entenda por que é prejudicial para SEO e saiba como conquistar backlinks de qualidade</a></li> </ul></div></div></aside></div> </div> <div class="clearfix"></div> </div> </main> <footer role="contentinfo"> <div id="footer" class="copyright-wrapper"> <div class="container"> <div class="row"> <div class="footer_hide col-xs-12 footer-block"> </div> <div class="footer_hide col-xs-12 footer-block"> </div> <div class="footer_hide col-xs-12 col-xs-12 footer-block"> </div> <div class="footer_hide col-xs-12 footer-block"> </div> </div> </div> </div> <div id="footer-2"> <div class="copyright container"> <p>© 2006 -2022 GUIADAWEB.COM - TODOS OS DIREITOS RESERVADOS </p> <a href="#" class="scrollup"><i class="fas fa-long-arrow-alt-up"></i><span class="screen-reader-text">Scroll Up</span></a> </div> <div class="clear"></div> </div> </footer> <script type="text/javascript" src="https://www.guiadaweb.com/blog/wp-content/themes/vw-interior-designs/js/bootstrap.js?ver=6.5.2" id="bootstrap-js-js"></script> <script type="text/javascript" src="https://www.guiadaweb.com/blog/wp-content/themes/vw-interior-designs/js/jquery.superfish.js?ver=6.5.2" id="jquery-superfish-js"></script> <script type="text/javascript" id="ive-script-frontend"></script></body> </html>