As tags semânticas.

Muitos alunos de Desenvolvimento Web me questionam sobre as tags semânticas do HTML. Ela é simples de entender.

As tags semânticas dão sentido a determinados blocos de código do seu site e isso facilita aos motores de buscas, como o Google, a indexarem com mais precisão a informação buscada pelo usuário.

Por exemplo, uma das tags semânticas mais usadas é a <main>. "Main" em português quer dizer "principal", portanto toda a informação contida dentro de um bloco <main> será entendida, pelos buscadores, como o conteúdo principal do seu site.

Isto ajuda a ranquear o site melhor dentro do Google, Bing, etc.

Abaixo vou deixar listado algumas tags semânticas interessantes:

<article> artigo

<header> cabeçalho

<footer> rodapé

<nav> navegação (menu)

<section> seção 

Perceba que, se você for publicar um artigo no seu site, o uso da tag <article> é super válido, pois você estará informando para o navegador que aquele trecho do código se trata de um artigo.

Essa mesma lógica vale para as outras tags semânticas.

Espero ter ajudado!