O básico da semântica
Semântica é uma palavra que causa medo no coração de muitos designers, mas não precisa ser um tópico difícil ou complicado. Trata-se de expressão significativa, evitando marcação de apresentação e usando tags apropriadas e significativas sempre que possível.
Essencialmente, projetar e escrever código HTML de maneira semântica é tão simples quanto manter seu HTML preocupado com o conteúdo da página e não com o layout. Algumas das etapas simples abaixo ajudarão a garantir que você fique semanticamente agradável para os mecanismos de pesquisa, aranhas e visitantes
Explore o Envato Elements
Tag do título
Verifique se a tag do título da página é descritiva e significativa. Verifique se ele é alterado para cada página do seu site para refletir o conteúdo dessa página.
Cabeçalhos
É possível definir os cabeçalhos da sua página com tags div e span, mas isso não transmite nenhum significado de que seja um cabeçalho. Usar as tags h1 a h6 para diferenciar e estilizar os cabeçalhos da sua página é muito melhor.
Tabelas e Formulários
Por padrão, tabelas e formulários não são muito semânticos e podem ser muito gerais. Eles também não têm acessibilidade para aqueles que usam navegadores não padrão. Para tabelas, verifique se você usa a tag thead para explicar as colunas da sua tabela. Para formulários, siga o uso da tag label para descrever para que servem cada entrada, caixa de seleção etc.
Imagens
Parece que é dito repetidamente, mas usa atributos para todas as suas imagens para garantir que elas sejam descritas no conteúdo da página - tanto em benefício dos mecanismos de pesquisa quanto dos usuários desativados.
Parece simples ... mas por quê?
O uso de código semântico não fará com que seu site pareça diferente e não beneficiará diretamente seus leitores de forma alguma. Um efeito direto que você pode ver é que os mecanismos de pesquisa controlam seu site de maneira mais correta e eficaz.
Além disso, a codificação semântica está abrindo o caminho para o futuro. Novos dispositivos, software e aplicativos estarão disponíveis nos próximos 5, 10, 100 anos que ainda usam o conteúdo da Web para alimentá-los. A semântica define o padrão a que os sistemas futuros aderirão e interpretarão, para que você seja o futuro!
