# Gerador de meta tags para SEO

> Este gerador monta as meta tags que vão no head da página: o título, a descrição, a URL canônica e as tags Open Graph e Twitter, que definem como o link aparece no WhatsApp, no LinkedIn e nas redes sociais. Ele conta os caracteres, mostra uma prévia aproximada do resultado no Google e escapa as aspas e os sinais especiais.

- Endereço oficial: https://pradev.com.br/gerador-de-meta-tags-seo
- Categoria: SEO e marketing web
- Tipo: Gerador
- Atualizado em: 2026-10-01
- Autor: Leonardo Gaertner (https://pradev.com.br/sobre)
- Preço: grátis, sem cadastro. O processamento acontece no navegador de quem usa.

## Como usar

1. Preencha o título, a descrição e o endereço da página.
2. Informe a imagem de compartilhamento (1200 × 630 pixels) e o nome do site.
3. Confira a prévia e os contadores, copie o código e cole dentro do <head> da página.

## Como funciona

O título (<title>) é o texto azul do resultado no Google e o nome da aba do navegador; a descrição costuma aparecer abaixo dele. O Google corta pela largura em pixels, por isso a referência de cerca de 60 caracteres para o título e de 155 a 160 para a descrição. A URL canônica diz qual é o endereço oficial da página, evitando conteúdo duplicado.

As tags Open Graph (og:title, og:description, og:image) definem o cartão do link no WhatsApp, no Facebook e no LinkedIn, e as tags twitter: fazem o mesmo no X. Sem elas, as redes tentam adivinhar o título e a imagem, e o resultado costuma ser ruim.

### Exemplo de saída (trecho)

```text
<title>Loja da Ana: bolos caseiros em São Paulo</title>
<meta name="description" content="Bolos caseiros feitos sob encomenda..." />
<meta property="og:image" content="https://.../imagem-1200x630.png" />
```

## Perguntas frequentes

### A meta description ajuda a posicionar a página?

Não diretamente: o Google não usa a descrição para ranquear. Mas uma boa descrição aumenta os cliques no resultado, e o Google pode reescrevê-la se achar que outro trecho da página responde melhor à busca.

### Ainda vale usar a meta keywords?

Não. O Google ignora a meta keywords há mais de uma década, por isso ela não entra no código gerado.

### Por que o WhatsApp mostra uma imagem antiga do meu link?

Porque o WhatsApp e as redes guardam em cache o cartão do link. Depois de mudar as tags, use o depurador de compartilhamento do Facebook para atualizar, ou espere alguns dias.

## Fontes

- [Google Search Central: links de título nos resultados](https://developers.google.com/search/docs/appearance/title-link)
- [Google Search Central: como o Google cria os snippets (meta description)](https://developers.google.com/search/docs/appearance/snippet)
- [The Open Graph protocol](https://ogp.me/)

## Ferramentas relacionadas

- [Gerador de Slug](https://pradev.com.br/gerador-de-slug): Transforme títulos em slugs de URL: sem acentos, em minúsculas e com hífens. Vários títulos de uma vez, com limite de tamanho. Grátis.
- [Gerador de UTM](https://pradev.com.br/gerador-de-utm): Monte links com parâmetros UTM (source, medium, campaign) para medir campanhas no Google Analytics, com padronização automática dos valores.
- [Contador de Caracteres](https://pradev.com.br/contador-de-caracteres): Conte caracteres, com e sem espaços, palavras, linhas e parágrafos enquanto digita. Emojis e acentos contam certo. Grátis, no navegador.
- [Formatador HTML](https://pradev.com.br/formatador-html): Formate HTML online com indentação de 2 ou 4 espaços, largura de linha e o CSS do style organizado. Grátis, no navegador.
- [Gerador de Link para WhatsApp](https://pradev.com.br/gerador-de-link-para-whatsapp): Crie um link do WhatsApp com mensagem pronta para colocar no Instagram, no site ou em anúncios, e baixe o QR Code. Grátis e sem cadastro.
- [Gerador de QR Code](https://pradev.com.br/gerador-de-qr-code): Crie QR Codes de links e textos, com cores e nível de correção de erro, e baixe em PNG ou SVG. Grátis, sem cadastro e sem data de validade.