Neste post quero falar sobre alguns conceitos importantes sobre HTML, algumas boas práticas e itens que às vezes passam despercebidos.

Semântica

O que muitos deixam de falar em seus cursos é sobre semântica HTML e sua importância tanto para SEO quanto para qualquer tipo de engajamento.

Irei falar brevemente sobre, pois quero criar uma série de conteúdo sobre semântica, acho que vale a pena o conteúdo.

De acordo com o dicionário, semântica é, num sistema linguístico, o componente do sentido das palavras e da interpretação das sentenças e dos enunciados.

Ou seja, semântica nada mais é do que dar sentido àquilo que está sendo feito. Vamos aos exemplos: você está criando seu site e começa a encher seu site de divs em botões, container, footer etc. Isso não é correto. E a resposta do porquê não é correto é muito simples: se tudo no seu site for div, qual será a semântica? Qual será o sentido? No HTML existem vários componentes como header, footer e button, todos direcionados para o sentido do conteúdo.

Se você criar seu site não pensando na semântica, ele irá ficar sem sentido. O Google e outros buscadores terão dificuldade de interpretar do que se trata seu conteúdo e assim você perde SEO e confiança.

Acessibilidade

Acessibilidade passou a ser um assunto muito importante na web. Com a inclusão de novos usuários com deficiência visual, o Google leva em conta também o quão acessível seu site está, até porque isso faz parte da semântica que mencionei acima.

HTML não é CSS

Muitos erram ao colocar no HTML estilos como exemplo que muitos faziam em tabela colocando spacing etc. Atualmente toda responsabilidade de estilo fica apenas para, como o próprio nome já diz, folha de estilo (CSS, SASS, STYLUS...). Não é recomendado que você use no seu projeto diretamente os estilos, mas sim apenas a estrutura, o corpo, e toda responsabilidade de estilo deixar unicamente para sua folha de estilo.

Recomendo que leiam a documentação web da Mozilla; você encontra a documentação completa e eles te dão dicas de bom uso.

Irei montar mais conteúdos de exemplo sobre semântica durante este mês ainda, prometo rs.