Tags HTML para SEO: quais importam, com exemplos

Os buscadores e os assistentes de IA leem sua página como código antes que alguém a veja na tela. Um punhado de tags HTML para SEO decide como esse código é entendido: qual URL é indexada, qual título aparece nos resultados, do que trata a página e como ela aparece quando compartilhada. O Google lista as meta tags e os atributos que suporta numa única página da sua documentação do Search Central, e tudo o que fica fora dessa lista não tem nenhum efeito na Pesquisa Google. Este guia apresenta cada tag útil com um exemplo, os erros a evitar e as tags que você pode esquecer.

Quais tags HTML importam para o SEO?

A tabela abaixo é a lista de referência. As tags do head descrevem a página para as máquinas; as do body estruturam o que as pessoas leem.

Quais tags do head controlam como o Google mostra sua página?

A tag title

A tag title é a mais importante da página. O Google diz que não há limite de tamanho para o elemento title, mas o link de título é cortado para caber na largura da tela, o que corresponde a cerca de 50 a 60 caracteres no computador. O Google também pode reescrevê-lo: sua documentação lista as fontes que usa, do elemento title e do título principal visível até os títulos H1, a tag og:title e o texto âncora dos links que apontam para a página. Um title coerente com o H1 e com o conteúdo é o que o Google mantém. Escreva um title único para cada página, com a palavra-chave principal no início e a marca no fim.

A meta description

A meta description não muda o ranqueamento, mas muitas vezes fornece o snippet exibido abaixo do título e, por isso, influencia os cliques. O Google pode substituí-la por um trecho da página mais próximo da consulta. Escreva-a como uma resposta curta seguida de um benefício, entre 120 e 160 caracteres, e nunca reutilize a mesma descrição em várias páginas.

A tag meta robots

A meta tag robots diz aos rastreadores o que eles podem fazer com a página. O valor mais usado é noindex, que mantém uma página fora dos resultados; outros são nofollow, nosnippet e max-snippet, que limita o tamanho do snippet. Para arquivos sem seção head, como PDFs, as mesmas diretivas vão no cabeçalho HTTP X-Robots-Tag. Um noindex esquecido num template publicado é uma das causas mais frequentes de perda de tráfego, por isso verifique-o após cada publicação.

Viewport e charset

O Google afirma em sua documentação que a presença da tag viewport indica uma página adaptada a dispositivos móveis. Como o Google indexa a versão móvel dos sites, essa tag deve estar em todas as páginas. A declaração do conjunto de caracteres (o Google recomenda UTF-8) evita caracteres quebrados em títulos e snippets, o que importa em sites multilíngues.

Quais tags dizem ao Google qual URL indexar?

Duas tags link do head cuidam das duplicatas e dos idiomas. A tag canônica indica a versão preferida quando o mesmo conteúdo pode ser acessado por várias URLs (filtros, parâmetros de rastreamento, HTTP e HTTPS). O Google a trata como uma indicação forte, junto com redirecionamentos e links internos, então ela funciona melhor quando todos os sinais apontam para a mesma URL. Use uma URL absoluta, uma única canônica por página e nunca a aponte para uma página bloqueada ou com noindex.

O atributo hreflang diz ao Google qual página mostrar para cada idioma ou região. Segundo o guia do Google sobre versões localizadas, cada versão deve citar a si mesma e todas as outras, e um valor x-default pode indicar a página para usuários cujo idioma não é atendido. A falta de links de retorno é o erro de hreflang mais frequente: se a página A aponta para a página B, a página B deve apontar de volta para a página A.

Quais tags do body ajudam os buscadores a entender o conteúdo?

Os títulos de H1 a H6

Os títulos dão o roteiro da página. Use um H1 que anuncie o tema, H2 para as seções principais e H3 para as etapas ou itens de uma seção, sem pular níveis por efeito visual. O Google já disse que vários H1 não causam penalização, mas um único H1 claro continua sendo a estrutura mais simples para os leitores e as tecnologias assistivas. Títulos H2 em forma de pergunta («Como funciona X?») também correspondem à forma como as pessoas formulam buscas e prompts.

O texto alternativo das imagens

O Google explica em suas diretrizes de SEO para imagens que usa o texto alternativo junto com visão computacional e o conteúdo da página para entender uma imagem, e que encher os atributos alt de palavras-chave pode fazer o site ser visto como spam. Descreva o que a imagem mostra numa frase curta. O Google também observa que não indexa imagens de fundo em CSS: toda imagem que deve ranquear precisa de um elemento img de verdade.

Os links e seus atributos rel

O elemento a é a forma como os rastreadores descobrem as páginas, então os links internos devem ser links reais com href, não botões controlados por JavaScript. O atributo rel qualifica os links de saída: sponsored para inserções pagas, ugc para comentários e posts em fóruns, nofollow para links que você não quer endossar. O Google trata esses valores como indicações desde 2020. Um texto âncora descritivo ajuda tanto os leitores quanto os buscadores.

Os elementos semânticos do HTML5

Elementos como main, article, nav, header, footer e section indicam às máquinas qual parte da página é o conteúdo principal e quais partes se repetem em todas as páginas. Sozinhos, eles não melhoram o ranqueamento, mas facilitam isolar o conteúdo principal, para buscadores, leitores de tela e ferramentas de IA. Nosso guia de HTML semântico detalha cada elemento. No texto, strong e em marcam a ênfase: use-os para termos-chave, não para parágrafos inteiros.

Quais tags definem as prévias sociais e os resultados avançados?

O protocolo Open Graph, criado pelo Facebook e lido hoje pela maioria das redes sociais e aplicativos de mensagens, define as tags og:title, og:description, og:image e og:url que montam o cartão de prévia quando uma página é compartilhada. Sem elas, as plataformas adivinham, muitas vezes com a imagem errada. Teste o resultado com uma ferramenta de prévia Open Graph antes de publicar.

Os dados estruturados em formato JSON-LD, colocados numa tag script, descrevem a página com o vocabulário Schema.org: artigo, produto, organização, breadcrumb, FAQ. O Google os usa para os resultados avançados, e eles dão às IA fatos explícitos sobre a entidade por trás da página. A marcação deve descrever o que está visível na página. Explicamos seu papel nas respostas das IA em nosso guia sobre dados estruturados e busca com IA.

Quais tags HTML o Google ignora?

A lista de tags suportadas pelo Google também mostra o que você pode deixar de manter:

• Meta keywords: o Google afirma que a tag meta keywords não é usada pela Pesquisa Google e não tem nenhum efeito na indexação nem no ranqueamento.
• Meta tags desconhecidas: o Google ignora as meta tags que não suporta, como meta author ou meta revisit-after.
• O atributo lang: o Google detecta o idioma de uma página pelo texto, não pelo atributo lang. Mantenha o atributo por acessibilidade e para outras ferramentas, e use hreflang para ligar as versões de idioma.
• Meta refresh como redirecionamento: funciona, mas o Google recomenda um redirecionamento 301 no servidor.

As tags HTML importam para as respostas das IA?

Sim, por um motivo simples: ChatGPT, Claude, Gemini e Perplexity extraem trechos das páginas, e um HTML limpo torna esses trechos fáceis de encontrar. Vários rastreadores de IA baixam o HTML bruto sem executar JavaScript, então um title, uma canônica ou um bloco de texto inseridos por scripts podem nunca chegar até eles. Uma hierarquia de títulos clara divide a página em respostas autônomas, listas e tabelas mantêm os dados juntos, e os dados estruturados enunciam os fatos sem ambiguidade. Esse é o lado técnico da otimização para mecanismos generativos: as mesmas tags que ajudam o Google ajudam os assistentes de IA a citar você com precisão.

Como verificar as tags HTML de uma página?

1. Leia o código-fonte bruto. Abra o código-fonte (Ctrl+U) e procure as tags title, meta description, robots, canonical e hreflang. Se uma tag só aparece na página renderizada, ela depende de JavaScript.
2. Compare com a visão do Google. A ferramenta de inspeção de URL do Google Search Console mostra o HTML renderizado pelo Google e a canônica escolhida.
3. Verifique página por página. A extensão gratuita da Sorank para Chrome lista as tags ausentes ou duplicadas e as correções para a página que você está vendo.
4. Verifique o site inteiro. Um rastreador encontra titles duplicados, textos alternativos ausentes e canônicas erradas em milhares de URLs; nossa seleção de ferramentas de SEO técnico compara as opções.
5. Verifique de novo após cada publicação. É nas mudanças de template que surgem noindex, canônicas quebradas e titles vazios.

Dominar a dúzia de tags acima cobre quase tudo o que o HTML pode fazer pelo SEO; o resto do trabalho é conteúdo e links. Se você quer páginas que já saiam com titles, títulos, links internos e conteúdo estruturado limpos, o gerador de artigos da Sorank as escreve e publica no autopilot, a partir de 49 € por mês no plano anual (veja os preços).