Como usar h1, h2, h3, h4, h5 ou h6 nos títulos do site (Acessibilidade, HTML e SEO)

[@AyltonInacio]

📌Precisa de ajuda em algum projeto ou quer aumentar seu conhecimento em Websites e HTML? Acesse ayltoninacio.com.br e fale comigo sobre consultoria e aula particular. Deixe seu Like, tire dúvidas, compartilhe e inscreva-se no canal para acompanhar mais tutoriais e dicas.

[@sergioagnaldo1446]

Muito bom, obrigado pelo conteúdo!

[@gelsonrocha412]

A explicação foi tão clara, mesmo se a pessoa quiser ERRAR ela vai ACERTAR. Valeu muito bem explicado.

[@AyltonInacio]

Muito obrigado Gelson :)

[@ricardoluxz]

Muito legal, já me recordou muita coisa d curso de informática que agora voltei a usar com força. por causa de trabalhos na rede, muito grato querido, já assinei o canal, seguirei acompanhando.

[@AyltonInacio]

Oi Ricardo, obrigado! Fico feliz em ajudar e sucesso pra vc nessa retomada.

[@augustocalado]

Conteúdo sem igual!

[@AyltonInacio]

Valeu Augusto!

[@AntonioFelixTrindade]

Parabéns, me abriu a mente para a importância da H1 e demais tags forma fácil ainda aprendi como consultar o código.

[@AyltonInacio]

Legal Antonio, fico feliz em ajudar. Abraço!!

[@dalvacarvalho4282]

em resumo, se for criar só um texto e cumprir com a demanda de criar etiqueta H1 E h2, BASTA eu inserir NOME DO MEU TÍTULO ?

[@AyltonInacio]

Oi Dalva, isso mesmo ;)

[@fabianavalerio5043]

Olá,adorei seu vídeo.Faz um vídeo com as tags em descricao de produto em loja.Obg

[@AyltonInacio]

Oi Fabiana, obrigado!! Sugestão anotada ;)

[@vidamutavel2686]

MUITO OBRIGADO!!!

[@AyltonInacio]

Eu que agradeço o feedback ;)

[@AyltonInacio]

Gostou deste vídeo sobre Títulos HTML do seu site? Participe no crescimento do canal! 👍 Deixe seu Gostei, tire dúvidas, compartilhe e inscreva-se no canal para acompanhar mais tutoriais e dicas.

[@isa-xo3md]

Tem como usar pelo celular?

[@matematicatop7310]

Olá, professor! Como colocar h1 e h2 na prática? Você mostrou já posto. Preciso entender como as tags chegaram lá. Muito agradecido pelo vídeo.

[@AyltonInacio]

Oii, tudo jóia? Vou deixar um link pra vc que pode ajudar. É um conteúdo do meu site onde mostro como criar uma página HTML do zero. Lá vc tb encontra mais materias sobre o assunto: ayltoninacio.com.br/blog/como-criar-seu-primeiro-site-do-zero-com-html-e-css

[@matematicatop7310]

@@AyltonInacio Muito agradecido. Tudo de bom pra você.

[@ERICBLOX]

Uma dúvida... Não pode ter + um H1 na mesma publicação ou eu posso publicar outro conteúdo que também tenha H1?

[@AyltonInacio]

Olá, hoje você pode ter sim mais de um H1 na mesma página, como em sections (ex: site onepage), está liberado :) Mas eu utilizo somente um em todos os casos, com base em algumas recomendações gringas.

[@daniellima9534]

Muito bom!!!! Resolvestes a minha dor. Fiz serviço completo: like, me escrevi no canal. Vou passar a te seguir nas redes sociais, ainda tenho muita dúvida em relação a SEO.

[@AyltonInacio]

Oi Daniel, que bom, fico feliz em ajudar e obrigado por se inscrever ;)

[@mariaclaraschimidt8304]

Muito obrigada pelo conteúdo. Eu posso repetir o h3?

[@AyltonInacio]

Oi Maria, pode sim!

[@mariaclaraschimidt8304]

@@AyltonInacio e voltar a sequência e colocar um h2? Os bullets points são uma boa estratégia né?

[@AyltonInacio]

Oi Maria, pode sim! Sim, com certeza são. Em alguns posts grandes, é bacana criar uma lista de resumo no começo com os links para as partes relacionadas.

[@luizmoratto]

como nos sabemos e vc mesmo disse no vídeo o H1 só pode se ter na página uma única vez. Como se faz então quando o site é onepage uma vez que o mesmo tem varias sessões?

[@AyltonInacio]

Oi Luiz. Coloquei na minha lista fazer uma nova versão dessa aula, pois hoje temos uma mudança, mas tudo depende do seu cenário. A regra da hierarquia ainda é a mesma e ainda é recomendado apenas um H1 por página, mas se colocar mais de um não estará errado. Importante lembrar que essas tags definem uma hierarquia da importância de cada título no conteúdo, então para o uso correto, use tb outras tags semânticas. Ex: Biography The facts 1500+ shows, 14+ countries 2010/2011 figures per year 100+ shows, 8+ countries Repare o uso do section para definir seções em uma mesma página, estrutura que pode ser usada em site onepage. Mesmo assim, vc tb poderia colocar em cada section um H2, mantendo a maior importância para o título do site no H1. Mais detalhes nos seguindos documentos: html.spec.whatwg.org/multipage/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements html.spec.whatwg.org/multipage/sections.html#headings-and-outlines

[@luizmoratto]

@@AyltonInacio Obrigado per responder. Vou estudar mais e buscar informações

[@winedomain3372]

Ótimo conteúdo! Agora tenho uma dúvida, posso usar o mesmo titulo h1 no h2?

[@AyltonInacio]

Oi Wine, obrigado!! Não é uma boa prática. Vc deve evitar a duplicação de textos mais importantes e de conteúdo, então se puder evitar, é melhor.

[@marcosempire654]

Não precisa necessariamente instalar a extensão "Lighthouse". No chrome ela já vem default. Basta clicar com o botão direito do mouse, depois na opção inspecionar. No canto superior direito tem a opção "Lighthouse". Enjoy :)

[@AyltonInacio]

Oi Marcos, verdade, ótima dica! Obrigado por compartilhar.

[@leosenju]

Puta que pariu que dor de cabeça que isso me deu ,coisinha chata que ninguém ensina,obrigado.

[@AyltonInacio]

Obrigado Leo pelo feedback

[@diegojosedesouza825]

Ola bom dia, para a formatação de um texto nesse segmento pode ser feito pelo word ou tem algum site ou aplicativo especifico para isso. Grato

[@AyltonInacio]

Oi Diego, como a definição dos códigos é em HTML, o melhor é usar algum editor próprio e sem formatação, como o Notepad++, por exemplo.

[@dublagensinfantis]

no meu site ele está com o titulo no h2 como posso mudar isto? utilizo o elementor

[@AyltonInacio]

Oi, dentro do editor, quando vc seleciona ou coloca um título, aparecem as opções de formatação de conteúdo. O tipo vai aparecer como TAG HTML, aí é só selecionar a desejada.

[@SóFalando1]

Gostaria de saber fazer pelo celular

[@AyltonInacio]

Oi Daniel, vc diz criar página web e trabalhar no HTML usando celular?

[@Queraprender-ne7ep]

Não achei nenhum H1 no meu site!!! 0-)

[@FatoQuantum]

oi