Visão geral / Desenvolvimento e código / Gerador de meta tags
Desenvolvimento e código 100% no navegador e offline

Gerador de meta tags

Escreva o título, a descrição, o canonical e as tags Open Graph e Twitter card de uma página e veja uma prévia de como ela aparece na busca e nas redes sociais.

Cole ou digite o conteúdo; o resultado aparece na hora e os erros são exibidos abaixo do campo. Os campos já vêm com um exemplo: clique em um e digite para substituí-lo.

Seus arquivos e dados nunca saem do navegador – nada é enviado.

Prévia

Coloque estas linhas dentro do <head> da página. A imagem precisa ser uma URL completa, de preferência com 1200 × 630 pixels. A prévia é um guia aproximado; a exibição real varia conforme a plataforma.

Antes de uma página ser bem posicionada, uma pessoa precisa escolhê-la numa lista de resultados ou num link de uma conversa, e as poucas tags no cabeçalho da página decidem o que essa pessoa vê. Este gerador as escreve para você: o título e a descrição para os buscadores, o endereço canonical e as tags Open Graph e Twitter card que controlam a aparência de um link compartilhado. Uma prévia ao vivo mostra os dois, e contadores avisam quando um título ou uma descrição pode ser cortado.

Crie suas tags em três passos

  1. Preencha o título da página, a descrição e a URL da página.
  2. Acrescente o endereço de uma imagem de compartilhamento e o nome do site se quiser uma prévia de link rica, e escolha o estilo do card.
  3. Confira as duas prévias, depois clique em Copiar e cole as linhas no cabeçalho da sua página.

O que é gerado

  • As tags de título e descrição que os buscadores mostram nos resultados.
  • Um link canonical que indica o endereço preferido quando uma página é acessível por vários.
  • Tags Open Graph (og:title, og:description, og:image, og:url, og:type) lidas por Facebook, LinkedIn, WhatsApp, Slack e outros.
  • Tags de Twitter card para uma prévia grande ou pequena no X.
  • Tags opcionais de robots, cor de tema, charset e viewport.

Tamanhos que funcionam

Os buscadores cortam títulos em cerca de 60 caracteres e descrições em cerca de 160, embora o limite real dependa da largura em pixels. Os contadores marcam o texto que está um pouco curto, com bom tamanho ou provavelmente será cortado. Um bom título cita o assunto primeiro e a marca por último, e uma boa descrição responde o que o visitante vai encontrar na página, em palavras simples e não numa lista de palavras-chave.

Imagens de compartilhamento e testes

Uma imagem de compartilhamento de 1200 por 630 pixels funciona em quase todas as redes. Use um endereço completo que comece com https, porque caminhos relativos não são seguidos. Depois de publicar, as redes guardam em cache o que viram, então use as ferramentas de depuração delas para atualizar um link. A prévia aqui usa o texto que você digita e não carrega a sua imagem, então nada é requisitado de outros servidores.

Perguntas frequentes (FAQ)

Cerca de 70 a 160 caracteres. Textos mais longos são encurtados nos resultados. Escreva uma frase que diga aos visitantes o que vão encontrar na página.