Blog

Blog

Meta tags HTML: o guia completo

Meta tags são trechos de código no cabeçalho de uma página HTML que descrevem o conteúdo para navegadores, buscadores e redes sociais, sem aparecer para quem lê a página. Elas ficam dentro do elemento <head> e cumprem funções distintas: declarar a codificação de caracteres, controlar a indexação, sugerir o resumo que o Google pode exibir e formatar o preview ao compartilhar um link. De todas as meta tags já propostas, poucas têm efeito real hoje, e algumas, como a famosa meta keywords, foram abandonadas há mais de uma década.

O que são meta tags em HTML

Meta tags são elementos HTML que fornecem metadados sobre a página, ou seja, informação a respeito da informação. Diferente do texto visível no corpo do documento, elas não são mostradas ao visitante: servem para que programas como o navegador, o robô de busca e os apps de redes sociais entendam características da página. A documentação oficial do Google define a meta tag como uma marcação adicionada à seção <head> que os clientes processam e, quando não reconhecem, simplesmente ignoram.

Cada meta tag costuma ter dois atributos principais: name, que indica o tipo de informação, e content, que carrega o valor. Uma exceção importante é o Open Graph, que usa property no lugar de name. Já o elemento <meta charset> usa um atributo único. Essa estrutura simples explica por que existem dezenas de meta tags propostas ao longo dos anos: qualquer pessoa pode inventar um par name e content, mas só as que as plataformas decidem ler têm efeito prático.

Onde as meta tags ficam no código

Todas as meta tags ficam dentro do elemento <head>, antes do <body>. Essa é a área reservada aos metadados do documento, e colocar uma meta tag fora dela faz com que os clientes a ignorem na maioria dos casos. A única exceção documentada pelo Google é a meta robots: segundo a especificação de robots meta tag, o buscador também respeita a diretiva quando ela aparece no corpo da página, embora o lugar correto continue sendo o cabeçalho.

Um <head> bem formado, com as tags essenciais, se parece com isto:

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Título da página</title>
  <meta name="description" content="Resumo da página em uma ou duas frases.">
  <link rel="canonical" href="https://exemplo.com.br/pagina/">
</head>

Quais meta tags o Google usa atualmente

O Google documenta um conjunto pequeno e estável de meta tags que reconhece, com atualização mais recente em dezembro de 2025. Saber quais entram nessa lista evita perder tempo com tags decorativas que nenhum buscador lê. A tabela abaixo resume as principais meta tags suportadas e a função de cada uma, conforme a página oficial do Google Search Central.

Meta tagFunção
descriptionSugere o resumo que pode virar o snippet no resultado de busca
robots e googlebotControlam indexação e exibição (noindex, nofollow, nosnippet e outros)
charsetDeclara a codificação de caracteres da página (UTF-8 recomendado)
viewportDefine como a página se adapta à largura de cada tela
google-site-verificationComprova a propriedade do site no Search Console
google com notranslatePede que o Google não ofereça tradução da página
ratingSinaliza conteúdo adulto
refresh (via http-equiv)Redireciona após um tempo, recurso que o Google desaconselha em favor do redirecionamento de servidor

Fonte: Meta tags que o Google entende, Google Search Central.

Repare que o title não aparece como meta tag nessa lista. Embora seja parte fundamental do cabeçalho e dos metadados da página, o <title> é um elemento próprio, não uma <meta>. Pela relevância que tem para SEO, porém, ele costuma ser tratado junto, e é o próximo tópico.

Title tag: o elemento mais visível do cabeçalho

O title é o texto clicável que o Google exibe como título de um resultado, e costuma ser o primeiro critério de decisão de clique do usuário. Tecnicamente ele é o elemento <title>, não uma meta tag, mas cumpre o papel central de identificar a página. A documentação do Google sobre title links afirma que não existe limite de comprimento para o <title>, porém o título mostrado no resultado é truncado conforme a largura do dispositivo, o que na prática favorece títulos em torno de 50 a 60 caracteres.

O Google nem sempre mostra o title que você escreveu. O buscador gera o título do resultado de forma automática a partir de várias fontes, entre elas o <title>, os cabeçalhos da página e o texto dos links que apontam para ela, e pode reescrevê-lo quando julga que outra versão representa melhor o conteúdo para a consulta. A melhor defesa contra reescritas indesejadas é um título descritivo, específico, sem repetição de palavras e alinhado ao H1 da página.

Meta description: para que serve e como escrever

A meta description é um resumo da página que o Google pode usar como snippet o texto que aparece abaixo do título no resultado. Ela não é fator de ranqueamento direto: escrever uma boa description não eleva a posição da página, mas influencia a taxa de cliques, porque funciona como o anúncio do seu resultado. O próprio Google afirma que às vezes usa a description como texto do snippet, embora também possa gerar o resumo a partir do conteúdo da página quando considera mais relevante para a busca.

Não existe limite oficial de caracteres para a description, e o corte no resultado depende do espaço disponível, não de uma contagem fixa. Na prática, descrições em torno de 150 a 160 caracteres tendem a aparecer sem truncamento na maioria dos casos. O essencial é que cada página tenha uma description única, que responda diretamente do que ela trata e contenha os termos que o usuário usaria na busca, sem repetir o title palavra por palavra. Veja mais no artigo completo sobre meta description.

A meta tag viewport e a adaptação ao mobile

A meta viewport informa ao navegador como ajustar a página à largura da tela, e é indispensável em qualquer site responsivo. Sem ela, dispositivos móveis renderizam a página numa largura de desktop e depois reduzem o zoom, o que prejudica a leitura e a usabilidade. Como o Google indexa prioritariamente a versão mobile das páginas, a viewport deixou de ser um detalhe e virou requisito básico. O valor padrão recomendado é:

<meta name="viewport" content="width=device-width, initial-scale=1">

Open Graph e Twitter Cards: a aparência ao compartilhar

As tags Open Graph e Twitter Cards controlam como o link aparece quando alguém compartilha a página em redes sociais e apps de mensagem. Elas não influenciam o ranqueamento no Google, mas definem o título, a descrição e a imagem do preview, o que afeta diretamente quantas pessoas clicam no link compartilhado. O Open Graph usa o atributo property, num conjunto mínimo que vale a pena ter em toda página importante:

<meta property="og:title" content="Título para compartilhamento">
<meta property="og:description" content="Resumo para o preview.">
<meta property="og:image" content="https://exemplo.com.br/imagem.jpg">
<meta property="og:type" content="article">
<meta property="og:url" content="https://exemplo.com.br/pagina/">

Quando as tags og estão ausentes, as redes tentam adivinhar título e imagem a partir do conteúdo, com resultados imprevisíveis. O Twitter Cards complementa o Open Graph para o X, e na falta de tags próprias o X recorre às og.

Meta robots e o controle de indexação

A meta robots controla se uma página pode ser indexada e se seus links devem ser seguidos, por meio de diretivas como index e noindex, follow e nofollow. É a forma correta de pedir que uma página específica não apareça nos resultados, algo que o robots.txt não faz, já que ele controla rastreamento e não indexação. Para bloquear a indexação de arquivos não HTML, como PDFs e imagens, o Google recomenda o cabeçalho HTTP X-Robots-Tag, que aceita as mesmas diretivas da meta robots.

<meta name="robots" content="noindex, nofollow">

Vale fixar a diferença, porque a confusão é comum. A meta robots e o X-Robots-Tag controlam a indexação, ou seja, se a página entra no índice do Google. O robots.txt controla o rastreamento, isto é, se o robô pode acessar a URL. Uma página bloqueada no robots.txt pode até aparecer no índice sem descrição, justamente porque o Google não conseguiu ler a meta robots dentro dela.

A meta keywords e outras tags que o Google ignora

A meta keywords não tem nenhum efeito no ranqueamento do Google e não deve ser usada como estratégia de SEO. O Google declarou oficialmente, em setembro de 2009, que desconsidera por completo a keywords meta tag na busca, depois de anos de abuso por keyword stuffing. Mais de uma década depois, a tag sobrevive em templates antigos e ainda gera confusão, mas adicioná-la não traz ganho algum no Google. Buscadores como Baidu e Yandex podem dar algum peso a ela, então mantê-la só faz sentido se esses mercados forem alvo.

Outras meta tags caíram em desuso pelo mesmo motivo, foram abusadas ou nunca tiveram efeito real. Tags como revisit-after e generator não influenciam o ranqueamento no Google. Há também diretivas que perderam o efeito quando o recurso por trás delas foi descontinuado, como a nositelinkssearchbox, que o Google deixou de usar depois que a caixa de busca de sitelinks deixou de existir. O Google também não utiliza mais o atributo lang da tag HTML para identificar o idioma da página, pois ele detecta o idioma pelo conteúdo textual, não por anotações no código. Manter o cabeçalho enxuto, com apenas as tags que algum cliente realmente lê, reduz ruído e facilita a manutenção.

As meta tags importam para SEO e para as IAs?

As meta tags ajudam buscadores e sistemas de IA a entender e exibir a página, mas não substituem conteúdo de qualidade. No SEO tradicional, o title e a description moldam como o resultado aparece e influenciam o clique, enquanto a meta robots define se a página entra no índice. Nos sistemas de busca com IA, que leem o HTML para montar respostas, um cabeçalho bem estruturado contribui para a interpretação correta da página, embora o que determina a citação seja a clareza e a confiabilidade do conteúdo, não as meta tags em si.

Quem trabalha com conteúdo citável por IAs percebe que as meta tags são apenas a camada de apresentação: úteis, mas insuficientes sozinhas. A desambiguação de entidades e a confiança da fonte vêm de outros sinais, como os dados estruturados. E como agentes de IA leem o site pelo HTML e pela árvore de acessibilidade, um cabeçalho limpo e semântico facilita esse processamento.

Como gerar e validar suas meta tags

A forma mais segura de implementar meta tags é montar um <head> mínimo correto e validar o que o Google de fato lê com a Ferramenta de Inspeção de URL do Search Console. Um cabeçalho de referência para uma página de conteúdo reúne codificação, viewport, title, description, canonical e Open Graph:

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Título descritivo da página</title>
  <meta name="description" content="Resumo direto do que a página oferece, em uma ou duas frases.">
  <link rel="canonical" href="https://exemplo.com.br/pagina/">
  <meta property="og:title" content="Título para compartilhamento">
  <meta property="og:description" content="Resumo para o preview em redes sociais.">
  <meta property="og:image" content="https://exemplo.com.br/imagem.jpg">
  <meta property="og:type" content="article">
  <meta property="og:url" content="https://exemplo.com.br/pagina/">
</head>

Geradores de meta tags ajudam a montar esse bloco sem erro de sintaxe, e a inspeção de URL confirma como o Google interpreta a página depois de publicada.

Perguntas frequentes sobre meta tags

Quantas meta tags uma página precisa ter?

Poucas. Na prática, charset, viewport, title e description já cobrem o essencial de qualquer página, somando a meta robots quando se quer controlar a indexação e as tags Open Graph para o compartilhamento. Não há ganho em adicionar tags que nenhum cliente lê.

A meta keywords ainda serve para alguma coisa no Google?

Não. O Google ignora a keywords meta tag desde 2009 e ela não tem efeito no ranqueamento. Só faz sentido mantê-la se o site mira buscadores como Baidu ou Yandex, que ainda podem considerá-la.

Meta description é fator de ranqueamento?

Não diretamente. A description não eleva a posição da página, mas pode virar o snippet do resultado e influencia a taxa de cliques. Por isso vale escrever uma description única e clara para cada página.

Qual a diferença entre meta robots e robots.txt?

A meta robots controla a indexação, ou seja, se a página entra nos resultados, e fica no HTML da página. O robots.txt controla o rastreamento, isto é, se o robô pode acessar a URL, e fica na raiz do site. Para impedir que uma página apareça na busca, use noindex na meta robots, e não o robots.txt.

As IAs como ChatGPT e Gemini leem as meta tags?

Sistemas de IA leem o HTML da página, incluindo o cabeçalho, para interpretar e exibir o conteúdo. As meta tags ajudam nessa leitura, mas não garantem citação: o que pesa é a qualidade e a clareza do conteúdo em si.

Preciso preencher Open Graph mesmo sem usar redes sociais?

Sim, se o link pode ser compartilhado em qualquer lugar, incluindo apps de mensagem. Sem as tags og, o preview fica imprevisível. Um conjunto mínimo de título, descrição e imagem já resolve a maioria dos casos.

Próximos passos

Com o cabeçalho em ordem, o passo seguinte é checar o restante da página. As meta tags são uma parte do diagnóstico técnico, que inclui ainda indexação, performance e arquitetura. O guia de análise de SEO: o que verificar reúne esse checklist completo e ajuda a priorizar o que corrigir primeiro.

Continue lendo

SEO Técnico O que torna um conteúdo citável por IAs 12 min de leitura SEO Técnico Por que você provavelmente não precisa de um llms.txt 11 min de leitura