HTML Semântico, o'que é?
- #HTML
Já ouviu falar de HTML semântico? Sabe como aplicar esse conceito no seu site? Você sabia que essa prática pode aumentar a sua pontuação de SEO com o Google e melhorar o seu tráfego orgânico? Vamos falar um pouco mais sobre HTML semântico, a sua importância para o desenvolvimento WEB, as vantagens de implementar essa prática na construção de páginas web e algumas dicas que podem ser implementadas no seu site.
O'Que é HTML Semântico?
Antes do HTML5 a divisão de conteúdos era feita unicamente com a tag div, sem se importar muito com a forma que o navegador iria interpretar aquela página, isso era ruim tanto para os motores de busca quanto para a acessibilidade do site. Atualmente com o HTML5 o foco não é apenas fazer a estrutura dos documentos da WEB, mas também descrever para o navegador o'que cada parte do site faz explicando assim o conteúdo, deixando mais legível tanto para o programador quanto para o navegador.
Elemento semântico
Do mesmo jeito que cada parte do nosso corpo tem uma função em específico, cada tag HTML tem uma função própria para os mecanismos de busca com exceção das tags genéricas. Por exemplo, a tag main abriga o conteúdo principal da página, ou seja, o conteúdo com maior relevância do site. Já a div é uma tag genérica não semântica. Ou seja, a div serve apenas para criar uma divisão no código HTML sem fornecer informações sobre oque vem na tag.
Impactos no SEO
Qual é a importância do HTML para o SEO? Como já comentado o HTML trouxe vários recursos que ajudam os mecanismos de busca a identificar as diversas partes do nosso código. Ou seja, fica mais fácil identificar o cabeçalho de uma página, o rodapé, uma citação, uma seção ou um bloco de conteúdo. Fazendo isso a gente acaba saindo assim de uma página que utiliza apenas tags genéricas e entrando em um mundo onde cada parte do seu site tem um significado próprio. Por fim, usar tags semânticas vão deixar o seu código muito mais legível e de fácil manutenção, ajudando bastante os mecanismos de pesquisa do Google e com certeza aumentando o seu tráfego orgânico.
Nos próximos artigos vou dar exemplos práticos e bem interessantes de algumas tags do HTML que podem fazer diferença na sua página web. Até a próxima :D
Referência:
