{"id":1208,"date":"2023-02-14T14:29:38","date_gmt":"2023-02-14T17:29:38","guid":{"rendered":"https:\/\/blackrat.pro\/blog\/?p=1208"},"modified":"2023-02-10T14:31:20","modified_gmt":"2023-02-10T17:31:20","slug":"google-cabecalhos-com-estrutura-hierarquica-sao-uma-ideia-incrivel","status":"publish","type":"post","link":"https:\/\/blackrat.pro\/blog\/google-cabecalhos-com-estrutura-hierarquica-sao-uma-ideia-incrivel\/","title":{"rendered":"Google: cabe\u00e7alhos com estrutura hier\u00e1rquica s\u00e3o uma \u201cid\u00e9ia incr\u00edvel\u201d"},"content":{"rendered":"

John Mueller, do Google, discutiu os elementos de t\u00edtulo com um membro da comunidade de SEO, onde afirmou a utilidade de usar a estrutura hier\u00e1rquica ao usar elementos de t\u00edtulo.<\/span><\/p>\n

Contexto de fundo para o que Mueller disse<\/span><\/h2>\n

Elementos de t\u00edtulo <H1> \u2013 <H6> devem ser usados \u200b\u200bpara indicar sobre o que \u00e9 uma se\u00e7\u00e3o de uma p\u00e1gina da web.<\/span><\/p>\n

Al\u00e9m disso, os elementos do cabe\u00e7alho t\u00eam uma ordem de classifica\u00e7\u00e3o, sendo <H1> o n\u00edvel mais alto de import\u00e2ncia e <H6> o n\u00edvel mais baixo de import\u00e2ncia.<\/span><\/p>\n

O objetivo do elemento de t\u00edtulo \u00e9 rotular sobre o que \u00e9 uma se\u00e7\u00e3o de conte\u00fado.<\/span><\/p>\n

As especifica\u00e7\u00f5es HTML permitem o uso de v\u00e1rios elementos <H1>. Ent\u00e3o, tecnicamente, usar mais de um <H1> \u00e9 perfeitamente v\u00e1lido.<\/span><\/p>\n

A se\u00e7\u00e3o 4.3.11 das especifica\u00e7\u00f5es oficiais do HTML afirma:<\/span><\/p>\n

\u201cOs elementos h1\u2013h6 t\u00eam um n\u00edvel de t\u00edtulo, que \u00e9 dado pelo n\u00famero no nome do elemento. Se um documento tiver um ou mais t\u00edtulos, pelo menos um \u00fanico t\u00edtulo dentro do esbo\u00e7o deve ter um n\u00edvel de t\u00edtulo 1.\u201d<\/span><\/p><\/blockquote>\n

No entanto, usar mais de um <H1> n\u00e3o \u00e9 considerado uma boa pr\u00e1tica.<\/span><\/p>\n

A p\u00e1gina de refer\u00eancia do desenvolvedor Mozilla sobre o uso de cabe\u00e7alhos recomenda:<\/span><\/p>\n

\u201cOs elementos HTML <h1> a <h6> representam seis n\u00edveis de cabe\u00e7alhos de se\u00e7\u00e3o. <h1> \u00e9 o n\u00edvel de se\u00e7\u00e3o mais alto e <h6> \u00e9 o mais baixo.<\/span><\/p>\n

\u2026Evite usar v\u00e1rios elementos <h1> em uma p\u00e1gina<\/span><\/p>\n

Embora o uso de v\u00e1rios elementos <h1> em uma p\u00e1gina seja permitido pelo padr\u00e3o HTML (desde que n\u00e3o sejam aninhados), isso n\u00e3o \u00e9 considerado uma pr\u00e1tica recomendada. Uma p\u00e1gina geralmente deve ter um \u00fanico elemento <h1> que descreve o conte\u00fado da p\u00e1gina (semelhante ao elemento <title> do documento).\u201d<\/span><\/p>\n

John Mueller disse anteriormente que n\u00e3o importa se uma p\u00e1gina da Web usa um cabe\u00e7alho <H1> ou cinco <H1>.<\/span><\/p><\/blockquote>\n

O ponto de sua declara\u00e7\u00e3o \u00e9 que o n\u00edvel do t\u00edtulo n\u00e3o \u00e9 t\u00e3o importante quanto a forma como eles s\u00e3o usados, com a melhor pr\u00e1tica sendo o uso de t\u00edtulos para indicar sobre o que \u00e9 uma se\u00e7\u00e3o de conte\u00fado.<\/span><\/p>\n

O que Mueller disse no Twitter<\/span><\/h2>\n

Um membro da comunidade de SEO estava brincando e gentilmente criticou Mueller sobre o uso de mais de um H1.<\/span><\/p>\n

Ele tuitou:<\/span><\/p>\n

\n

John Mu: \u201cYour site is going to rank perfectly with no H1 tags or with five H1 tags,\u201d<\/p>\n

Me: pic.twitter.com\/LEj59KfRBD<\/a><\/p>\n

— Deji Luminous (@deji_luminous) February 2, 2023<\/a><\/p><\/blockquote>\n