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

Поділитися
Вставка
  • Опубліковано 30 лис 2024

КОМЕНТАРІ • 46

  • @AyltonInacio
    @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
    @sergioagnaldo1446 4 місяці тому +1

    Muito bom, obrigado pelo conteúdo!

  • @gelsonrocha412
    @gelsonrocha412 2 роки тому +3

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

  • @augustocalado
    @augustocalado 2 роки тому +1

    Conteúdo sem igual!

  • @AntonioFelixTrindade
    @AntonioFelixTrindade 4 роки тому +3

    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
      @AyltonInacio  4 роки тому

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

  • @AyltonInacio
    @AyltonInacio  2 роки тому +1

    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.

  • @ricardoluxz
    @ricardoluxz 3 роки тому +4

    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
      @AyltonInacio  3 роки тому

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

  • @vidamutavel2686
    @vidamutavel2686 3 роки тому +2

    MUITO OBRIGADO!!!

  • @fabianavalerio5043
    @fabianavalerio5043 3 роки тому +2

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

    • @AyltonInacio
      @AyltonInacio  3 роки тому

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

  • @daniellima9534
    @daniellima9534 4 роки тому +4

    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
      @AyltonInacio  4 роки тому

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

  • @matematicatop7310
    @matematicatop7310 3 роки тому +1

    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
      @AyltonInacio  3 роки тому +1

      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
      @matematicatop7310 3 роки тому

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

  • @marcosempire654
    @marcosempire654 3 роки тому +6

    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
      @AyltonInacio  3 роки тому +1

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

  • @dalvacarvalho4282
    @dalvacarvalho4282 3 роки тому +1

    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 ?

  • @leosenju
    @leosenju 3 роки тому +1

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

  • @mariaclaraschimidt8304
    @mariaclaraschimidt8304 3 роки тому +1

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

    • @AyltonInacio
      @AyltonInacio  3 роки тому +1

      Oi Maria, pode sim!

    • @mariaclaraschimidt8304
      @mariaclaraschimidt8304 3 роки тому +1

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

    • @AyltonInacio
      @AyltonInacio  3 роки тому

      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.

  • @isa-xo3md
    @isa-xo3md 2 роки тому

    Tem como usar pelo celular?

  • @diegojosedesouza825
    @diegojosedesouza825 3 роки тому

    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
      @AyltonInacio  3 роки тому

      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.

  • @FatoQuantum
    @FatoQuantum 5 місяців тому

    oi

  • @luizmoratto
    @luizmoratto 2 роки тому

    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
      @AyltonInacio  2 роки тому +1

      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
      @luizmoratto 2 роки тому

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

  • @winedomain3372
    @winedomain3372 2 роки тому

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

    • @AyltonInacio
      @AyltonInacio  2 роки тому

      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.

  • @Queraprender-ne7ep
    @Queraprender-ne7ep 10 місяців тому

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

  • @ERICBLOX
    @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
      @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.

  • @SóFalando1
    @SóFalando1 3 роки тому

    Gostaria de saber fazer pelo celular

    • @AyltonInacio
      @AyltonInacio  3 роки тому

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

  • @dublagensinfantis
    @dublagensinfantis 2 роки тому

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

    • @AyltonInacio
      @AyltonInacio  2 роки тому

      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.