HTML semântico para a IA: title, meta description, lang e landmarks
Um navegador pode fazer qualquer <div> parecer um título ou um menu. Uma máquina não vê o estilo — ela lê as tags. O HTML semântico é usar tags que dizem o que cada parte é (<title>, <main>, <nav>, <article>), para que uma IA distinga o seu título da sua barra lateral. Pouco esforço, muito impacto.
As quatro que mais importam
<title>— o nome da página. Aparece nas abas do navegador e nos resultados de busca, e é a primeira coisa que uma máquina lê sobre a página. Faça-o específico e único por página.- Meta description — um resumo de uma frase no
<head>. Não é um fator de ranqueamento, mas costuma ser o texto exibido ou resumido sobre a sua página. - Atributo
lang—<html lang="pt">(ouen,de, …) diz a uma máquina em que idioma a página está, para ela não ter que adivinhar. - Landmarks —
<main>,<nav>,<header>,<footer>,<article>marcam as regiões da página. Permitem que uma máquina foque no conteúdo principal e pule o resto.
Um esqueleto para copiar
<!doctype html>
<html lang="pt">
<head>
<title>O título específico da sua página</title>
<meta name="description" content="Um resumo de uma frase desta página.">
</head>
<body>
<header><!-- nome do site, navegação --></header>
<main>
<article><!-- seu conteúdo de verdade --></article>
</main>
<footer><!-- ... --></footer>
</body>
</html>O erro comum
Uma página feita inteira de <div>. Pode parecer idêntica para uma pessoa e ser um muro sem estrutura para uma máquina: sem conteúdo principal claro, sem idioma, às vezes sem um title de verdade. Você não precisa de cada tag semântica; precisa das poucas que marcam o que importa.
Em resumo
O HTML semântico é o jeito mais barato de ser entendido: um <title> único, uma meta description, um atributo lang e landmarks de verdade ao redor do seu conteúdo. É um dos passos de «ser compreensível» da nossa introdução ao GEO.
Experimente nossa ferramenta gratuita: Prévia de OGP e metatags →