Estrutura hierárquica de conteúdo com Hx Heading Tags

Publicados: 2018-01-30

Índice

    Usar títulos de conteúdo em sites é um assunto bastante popular que trouxe inúmeros mitos que persistem até hoje. O que são tags de cabeçalho, por que são usadas e como implementar uma estrutura ideal de tags de cabeçalho em um site?

    • 1 O que são títulos?
    • 2 Use conteúdo importante em tags de cabeçalho Hx
    • 3 O que o Google diz sobre as tags de cabeçalho Hx?
    • 4 Outras informações essenciais sobre títulos de conteúdo

    O que são títulos?

    As tags de cabeçalho são usadas para apresentar a estrutura do conteúdo aos usuários (também rastreadores de navegadores). Existem seis tamanhos de cabeçalho – de H1 a H6 , embora o primeiro deles seja de maior relevância (é o cabeçalho mais importante), enquanto H5 e H6 são usados ​​raramente.

    Como as tags de cabeçalho Hx contêm texto que é (deveria ser) significativamente maior do que o restante do conteúdo , é uma dica visual para os usuários, permitindo que eles entendam o que os parágrafos abaixo descrevem. O uso de títulos de vários tamanhos para representar a estrutura hierárquica torna mais fácil para os usuários digerir o conteúdo.

    Na sintaxe HTML, usamos tags entre colchetes <>:

     <h1>Título 1</h1>
    <h2>Título 2</h2>
    <h3>Título 3</h3>
    <h4>Título 4</h4>
    <h5>Título 5</h5>
    <h6>Título 6</h6>

    mas em um site eles ficarão, por exemplo, assim (obviamente, dependendo de uma folha de estilo):

    Exemplos de uso podem ser encontrados aqui: https://www.w3schools.com/html/html_headings.asp.

    Use conteúdo importante em tags de cabeçalho Hx

    Quando quase todos os dias trazem novos posts, notícias, guias ou artigos de especialistas, vale a pena atrair o usuário não apenas com uma bela foto ou um título cativante, mas também com conteúdo estruturado.

    Ao examinar um artigo específico em um dispositivo móvel, os leitores geralmente prestam atenção principalmente aos títulos. Além dos aspectos puramente estéticos, uma estrutura adequada de cabeçalhos facilita a interpretação e a digestão do conteúdo, portanto, há uma chance de um usuário permanecer em determinado site por mais tempo.

    Não apenas os usuários podem se beneficiar de um site bem estruturado – os rastreadores também podem fazer isso porque o texto do título também é importante para eles. É por isso que é tão importante que as tags de cabeçalho incluam palavras-chave relacionadas ao conteúdo da página em termos de assunto. Se segmentarmos uma página específica com palavras-chave específicas, é desejável colocá-las (mesmo em uma forma diferente) nos títulos; eles podem naturalmente ser colocados no texto, mas dentro de uma razão.

    A estrutura deve ser claramente definida e os títulos devem diferir em tamanho um do outro. Seria um erro estilizá-los da mesma forma que o corpo do texto ou não distingui-los por importância.

    Hx títulos em artigos

    Ao escrever postagens de blog, podemos usar títulos de forma criativa. Você deve definir a estrutura do seu artigo antes de iniciá-lo. Os títulos podem ser títulos cruzados dividindo parágrafos individuais (como neste mesmo artigo), e o mais importante deles <h1> pode ser usado para descrever o assunto. É frequentemente definido automaticamente em um modelo de site, portanto, se não for o caso, vale a pena fazer uma alteração discutida com um especialista em SEO e um desenvolvedor web.

    Uma estrutura bem projetada de um artigo pode torná-lo mais atraente. O conteúdo interessante colocado nos títulos informará claramente aos leitores (e rastreadores) o que eles devem esperar de um determinado artigo.

    Quais tags de cabeçalho colocar na página inicial do site?

    As páginas iniciais (ou quaisquer outras páginas, por exemplo, páginas de serviço) também devem ter uma estrutura hierárquica de títulos. Na seção <head>, é aconselhável colocar H1, abaixo de H2, H3 e assim por diante, embora não haja um número máximo de tags de cabeçalho. Mesmo no caso de H1, você não precisa se limitar a um único título (como explicado mais adiante).

    No entanto, você precisa lembrar que seções como “Sobre nós” ou “Saiba mais” colocadas nos títulos não adicionam muito em termos de conteúdo. Além disso, usar títulos de menor importância, por exemplo, H5–H6, é praticamente inútil (exceto para o aspecto de layout de um artigo).

    Sites de uma página = uma tag de cabeçalho H1?

    No caso de sites de uma página, não é tão óbvio quanto para artigos de blog. Nas especificações HTML5 (https://www.w3.org/TR/2014/REC-html5-20141028/sections.html), você pode encontrar a tag <section> responsável por definir seções individuais em um documento HTML. Uma seção geralmente inclui um título, portanto, cada seção pode ter uma estrutura hierárquica diferente, por exemplo:

     <id da seção=”sobre”>
     <h1>Sobre mim</h1>
     <p>Algum texto sobre mim :)</p>
     <h2>Meu nome é Dawid...</h2>
     <p>Segundo parágrafo sobre mim. rs :)</p>
    </section>
    
    <id da seção=”portfólio”>
     <h1>Meu portfólio</h1>
     <p>Meus últimos projetos...</p>
    </section>
    
    <seção>
     <h1>Depoimentos</h1>
     <p>Opiniões de clientes satisfeitos...</p>
     <h2>Últimos tweets</h2>
     <p>Twittar 1</p>
     <p>Tuíte 2</p>
    </section>
    
    <seção>
     <h1>Contato</h1>
    </section>
    

    Como você pode ver acima, cada seção tem um título H1 diferente, depois um título H2… Embora você possa decidir ter uma ou mais tags de título H1 e posteriormente H2, H3, etc.

    O que o Google diz sobre a tag Hx?

    Os funcionários do Google falaram muito sobre as tags de cabeçalho, mas vale a pena citar suas últimas opiniões. Há um ano, John Meuller escreveu o seguinte no Google Forum for Webmasters: https://productforums.google.com/forum/#!msg/webmasters/BmyI8YX_25A/81hZNQFJDQA

    “Nós não tratamos o HTML5 de forma diferente e ter várias tags H1 em uma página é bom. Seja razoável ao usá-los, use-os onde fizerem sentido. Definitivamente, não há penalidade por usar H1s.”

    Um pouco mais tarde, em abril de 2017, John respondeu brevemente no Twitter (https://twitter.com/JohnMu/status/852131231928135680) a uma pergunta sobre quantos títulos H1 podem ser usados ​​em uma única página.

    Por fim, como parte da série do YouTube “SEO Snippets” no Google Webmaster Channel, um pequeno guia sobre esse assunto foi enviado:

    Experimente o Senuto Comece seu teste gratuito

    Outras informações essenciais sobre títulos de conteúdo

    Embora os funcionários do Google sugiram (pelo menos em suas declarações oficiais) uma abordagem flexível para as tags de cabeçalho, vale a pena seguir algumas regras:

    • Não exagere nos títulos de uma página
    • Use títulos onde fizer sentido e quando eles refletem o texto abaixo deles para ajudar os usuários a determinar onde um determinado parágrafo começa e termina
    • Não coloque parágrafos inteiros (todo o conteúdo) em um título
    • Não use apenas palavras-chave, especialmente de forma não natural
    • Não oculte títulos no corpo do texto usando o mesmo tamanho de fonte para o título e o corpo do texto
    • Mantenha a hierarquia da estrutura ordenada
    • Talvez use a tag <strong> às vezes em vez de uma tag de cabeçalho ????.

    Ao criar conteúdo, não otimize demais nem otimize de menos; em vez disso, esforce-se por um equilíbrio e concentre-se nos sentimentos dos usuários digerindo o conteúdo do seu site, incluindo artigos, guias ou outras postagens do blog. Afinal, os títulos são determinantes de classificação para o mecanismo de busca do Google e é por isso que você não deve negligenciá-los.

    Experimente o Senuto Comece seu teste gratuito