Gerador de Meta Tags SEO
O Gerador de Meta Tags SEO cria todas as tags HTML necessárias para SEO e compartilhamento social: title, meta description, Open Graph (Facebook), Twitter Card, canonical, robots e lang. Com validação de tamanho ideal e preview do snippet no Google.
Por que meta tags importam
Meta tags HTML são lidas por:
- Google: para ranking e exibição do snippet (título azul + descrição cinza na busca)
- Facebook/LinkedIn/WhatsApp: pra mostrar preview rico quando alguém compartilha o link
- Twitter: pra Twitter Card
- Pinterest, Slack, Discord: pra mostrar preview também
Tags geradas
| Tag | Função | Tamanho ideal |
|---|---|---|
title | Título na aba e Google | 50-60 chars |
description | Descrição abaixo do título | 140-160 chars |
canonical | URL "oficial" da página (evita conteúdo duplicado) | URL completa |
og:image | Imagem do preview social | 1200x630px |
twitter:card | Tipo de card Twitter | summary_large_image |
robots | Instrução pra crawlers | index, follow |
Title: o mais importante
- Coloque palavra-chave principal no início
- Marca/site no final:
Receita de Bolo de Chocolate — Site da Receita - Use separadores:
—(em-dash),|(pipe) ou·(ponto) - Evite Caps Lock excessivo
- Cada página deve ter title único
Description: o que motiva clicar
- Escreva como se fosse um anúncio
- Inclua chamada para ação: "Descubra como...", "Veja agora..."
- Repita a palavra-chave principal (sem stuffing)
- Mencione benefícios: "grátis", "online", "sem cadastro"
- Cuidado com caracteres especiais que cortam
Open Graph (Facebook, WhatsApp, LinkedIn)
Quando alguém cola seu link num desses, eles leem as tags og:* para criar um card visual. Sem essas tags, aparece só URL bruta — péssimo pra cliques.
- og:title: pode ser igual ao title ou ligeiramente diferente
- og:description: idem description
- og:image: 1200x630px (proporção 1.91:1 mantém qualidade em todos os apps)
- og:type: website, article, product, profile, vídeo.other
- og:url: URL canônica completa
Twitter Card
Twitter usa as tags próprias twitter:* ou recai pra og:* se não houver. Tipos comuns:
- summary_large_image: card grande com imagem (recomendado)
- summary: card pequeno (texto + thumbnail)
Robots: controla indexação
| Valor | Significado |
|---|---|
index, follow | Padrão. Pode indexar e seguir links. |
noindex, follow | Não aparece no Google, mas crawlers seguem links daqui. |
noindex, nofollow | Página totalmente "invisível" pro Google. |
Perguntas frequentes
Onde colo as meta tags?
Dentro do <head> da página, antes do </head>. No WordPress, use plugins Yoast SEO ou Rank Math que injetam automaticamente.
O que é canonical?
URL "oficial" da página. Se você tem várias URLs apontando pro mesmo conteúdo (ex: ?utm_source=...), use canonical pra dizer ao Google "essa é a versão principal".
Imagem que tamanho exato?
1200x630px é o padrão. Maior que 600x315 funciona, mas 1200x630 garante qualidade em todos os apps. Use JPG ou PNG, <1MB.
Vale a pena ter Twitter Card se não uso Twitter?
Sim. Outros apps (Discord, Slack, alguns bots) também leem Twitter Card como fallback. Custo zero pra ter.