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.
Prévia no Google (aproximada)
O Google corta pela largura em pixels: títulos de até cerca de 60 caracteres e descrições de até 155 a 160 costumam aparecer inteiros. A imagem ideal tem 1200 × 630 pixels.
Achou um resultado errado ou tem uma sugestão? Avise por e-mail.
Como usar
- Preencha o título, a descrição e o endereço da página.
- Informe a imagem de compartilhamento (1200 × 630 pixels) e o nome do site.
- 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)
<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" />
Fonte: Google Search Central: links de título nos resultados; Google Search Central: como o Google cria os snippets (meta description); The Open Graph protocol
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.
Outras ferramentas que podem ajudar
- Gerador de SlugTransforme títulos em slugs de URL: sem acentos, em minúsculas e com hífens
- Gerador de UTMMonte links com parâmetros UTM (source, medium, campaign) para medir campanhas no Google Analytics, com padronização automática dos valores
- Contador de CaracteresConte caracteres, com e sem espaços, palavras, linhas e parágrafos enquanto digita
- Formatador HTMLFormate HTML online com indentação de 2 ou 4 espaços, largura de linha e o CSS do style organizado
- Gerador de Link para WhatsAppCrie um link do WhatsApp com mensagem pronta para colocar no Instagram, no site ou em anúncios, e baixe o QR Code
- Gerador de QR CodeCrie QR Codes de links e textos, com cores e nível de correção de erro, e baixe em PNG ou SVG