Porque o HTML semântico ainda importa
Por The AsasWeb team 1 min de leitura
Usar o elemento HTML que de facto descreve o conteúdo dá-lhe acessibilidade, SEO e facilidade de manutenção de graça. Um botão verdadeiro é focável, operável por teclado e anunciado corretamente sem JavaScript, enquanto os leitores de ecrã e os motores de busca dependem de marcos, da ordem dos títulos e de listas genuínas para entender uma página. Reconstruir esses comportamentos a partir de caixas genéricas estilizadas custa código extra e peças em falta.
É tentador construir tudo a partir de caixas genéricas e estilizá-las até ganharem forma. O HTML semântico, usar o elemento que de facto descreve o conteúdo, faz uma quantidade surpreendente de trabalho de graça, e ignorá-lo cria problemas que depois paga para resolver com código extra.
Os navegadores dão-lhe comportamento de graça
Um botão a sério é focável, clicável, operável com o teclado e anunciado como um botão, sem JavaScript. Reconstrua-o a partir de uma caixa estilizada e tem de acrescentar tudo isso à mão, e a maioria das equipas falha alguma parte. O mesmo vale para ligações, controlos de formulário e cabeçalhos.
A tecnologia de apoio depende dele
Os leitores de ecrã constroem a sua compreensão de uma página a partir da estrutura: marcos como header, nav, main e footer, uma ordem de cabeçalhos lógica, listas que são mesmo listas. Acerte na estrutura e a página é navegável. Erre-a e ela torna-se um muro de texto indiferenciado.
Os motores de busca também leem a estrutura
A mesma estrutura que ajuda a tecnologia de apoio ajuda os motores de busca a perceber do que trata a sua página. Cabeçalhos adequados, texto de ligação com significado e marcação limpa são vitórias discretas de SEO que não custam nada extra quando já são um hábito.
É mais fácil de manter
A marcação semântica é mais curta, mais clara e mais fácil de entender para o próximo programador. Menos código, menos erros, menor custo ao longo do tempo.
Usar o elemento certo é uma das decisões de qualidade mais baratas no desenvolvimento web, e tratamo-la como o padrão. Se o seu site é construído a partir de caixas genéricas e isso nota-se, inicie um projeto e nós dar-lhe-emos uma estrutura sólida.