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?
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!