Em vários sites tenho notado a tag H1 para o logo, inclusive na casadocodigo. Essa prática é normal? E quanto ao SEO, é válida e ajuda? Qual é a melhor maneira de usar H1 para o logotipo?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Em vários sites tenho notado a tag H1 para o logo, inclusive na casadocodigo. Essa prática é normal? E quanto ao SEO, é válida e ajuda? Qual é a melhor maneira de usar H1 para o logotipo?
Oi Fernando, tudo bem?
Sim, é/era uma prática comum para tentar trazer mais relevância para o nome da site.
Hoje com o aumento da preocupação com acessibilidade, os desenvolvedores começaram a notar que um usuário cego não precisa ouvir o nome do site quando começa a listar os títulos em seu leitor de tela, e sim o ponto principal da página.
Dá uma olhada usando o inspect element nos seguintes sites:
Repara que o H1 não está no logo, e sim na mensagem principal que o site quer passar.
Imagine-se usando um leitor de tela. Quando ele carrega a página, esse leitor já fala o nome do site que foi carregado. Próximo passo é saber do que se trata o site, e aí que colocar o H1 como mensagem principal começa a fazer sentido.
Usar o H1 no logo você pode fazer algo com H1 > a > img ou a > H1> img. Ou mesmo fazer uso de tecnicas de image replacement.
Só não esqueça de sempre por o ALT se considerar a imagem como conteúdo, ok?
Espero ter ajudado e bons estudos,
Abcs!