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.

Veja os artigos completos sobre cada meta tag

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">

Importante 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 auditoria de SEO reúne esse checklist completo e ajuda a priorizar o que corrigir primeiro.

Continue lendo

SEO Técnico O que é meta description e como escrever 9 min de leitura SEO Técnico O que são as og tags (Open Graph) e como configurar 8 min de leitura