Ferramenta para desenvolvedores

Gerador de meta tags

Preencha os campos e copie as tags para o head da sua página.

Gerador de meta tags Executa no seu dispositivo
  • Executa no seu navegador — seu texto nunca é enviado a lugar nenhum
  • Sem cadastro, sem cotas, grátis para usar quantas vezes quiser

Como funciona

Há três conjuntos de tags que se sobrepõem e fazem quase o mesmo trabalho: as clássicas de SEO, o Open Graph para Facebook, LinkedIn, WhatsApp e Slack, e os Twitter Cards. Escrevê-las à mão significa se repetir três vezes e esquecer uma.

O Open Graph faz a maior parte do trabalho

Não é só o Facebook. LinkedIn, WhatsApp, Slack, Discord, iMessage e a maioria das outras plataformas que exibem uma prévia de link leem as tags Open Graph. Acertá-las corrige a pré-visualização quase em todo lugar de uma vez. Os Twitter Cards são um pequeno conjunto extra para o X, que usa o Open Graph quando eles estão ausentes.

Os tamanhos são verificados enquanto você digita

Cerca de 60 caracteres para um título e 160 para uma descrição antes de os resultados de busca truncarem. São orientações, não limites rígidos — os mecanismos de busca medem títulos pela largura em pixels, então um título cheio de maiúsculas e Ms é truncado antes de um cheio de Ls minúsculos. O aviso indica quando você está na zona de risco.

A imagem é a parte que as pessoas esquecem

Um link sem og:image aparece como uma caixa cinza vazia, o que reduz os cliques de forma mensurável. A URL precisa ser absoluta, começando com https, porque os sites que a buscam não sabem qual é a URL base da sua página. Cerca de 1200 por 630 pixels serve para o cartão de imagem grande.

URL canônica

Incluir uma tag canonical informa aos mecanismos de busca qual endereço é o verdadeiro quando a mesma página pode ser acessada de várias formas — com e sem barra final, com parâmetros de rastreamento, em http e https. É uma correção de uma linha para toda uma classe de problemas de conteúdo duplicado.

Tudo é escapado

Aspas e colchetes angulares no seu texto são escapados corretamente, de modo que uma descrição com apóstrofo ou aspas não pode quebrar a tag em que está.

Perguntas frequentes

Gerador de meta tags — perguntas

Preciso de tags Twitter Card além do Open Graph?

Não estritamente — o X usa o Open Graph como alternativa. As tags extras dão controle sobre qual estilo de cartão é usado.

Qual deve ser o tamanho do título?

Cerca de 60 caracteres. Os mecanismos de busca truncam pela largura em pixels, então trate isso como orientação e não como regra.

Por que a pré-visualização do meu link não tem imagem?

Ou falta o og:image ou a URL dele é relativa. Ela precisa ser absoluta, começando com https.

Onde essas tags ficam?

Dentro do <head> da sua página.

Por que minha pré-visualização não atualiza?

As plataformas sociais usam cache de forma agressiva. A maioria oferece um depurador que força uma nova busca.