Gerador de Meta Tags HTML

Gerador de Meta Tags HTML

Gere meta tags HTML completas em segundos: title, description, robots, canonical, Open Graph e Twitter Cards. Código HTML pronto para copiar e colar.

Atualizado em maio de 2026

0/60
0/160
Code Preview 
<!-- Primary Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="content-language" content="en">
<meta name="robots" content="index, follow">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
SERP Preview

https://example.com/your-page

Page Title

Your meta description will appear here…

Como usar

Do SEO essencial ao social graph completo

1. Preencha os SEO Essentials

Título (<60 caracteres), meta description (<160), canonical e diretiva robots.

2. Expanda para Social Graph

Open Graph e Twitter Cards — campos em branco herdam dos SEO Essentials automaticamente.

3. Copie o HTML gerado

Cole direto na seção `<head>` da sua página.

O que esta ferramenta faz

O conjunto completo que toda página precisa

SEO Essentials

Title, description, robots e canonical — os fatores críticos para indexação.

Open Graph completo

og:title, og:description, og:image, og:type para Facebook, LinkedIn e WhatsApp.

Twitter Cards

Controla a aparência dos links compartilhados no X.

Herança automática

Campos sociais em branco puxam do title/description do SEO, sem duplicar digitação.

Tags técnicas (charset, viewport, theme-color)

Charset, viewport, theme-color e idioma da página — cobrem renderização mobile e sinalização básica de acessibilidade.

Preview SERP em tempo real

Veja como title e description vão aparecer no resultado de busca do Google, com contador de caracteres a cada tecla.

Referência rápida de meta tags

Tag
Importância
<title> (60 caracteres)
Crítico para SEO — elemento on-page mais importante
meta description (160 caracteres)
Alto — influencia CTR, não ranking direto
og:image (1200×630px)
Crítico para social — controla o preview compartilhado
meta keywords
Ignorado pelo Google desde 2009
meta viewport
Crítico para mobile-first indexing — sem ele, o Google trata a página como não responsiva

Quando você vai usar isso

Os cenários mais comuns entre quem usa a ferramenta

Lançar uma nova página

Gere o bloco completo de meta tags antes de publicar, sem esquecer nenhuma.

Auditoria de SEO técnico

Confira se title e description estão dentro dos limites recomendados.

Garantir preview social correto

Configure Open Graph e Twitter Cards para que o link apareça bem ao ser compartilhado.

Resolver conteúdo duplicado

Configure a tag canonical apontando para a URL preferida da página.

Garantir renderização correta no mobile

Configure viewport e theme-color para a página se adaptar bem a celulares e o navegador respeitar a cor da barra de endereço.

Declarar o idioma correto da página

Ajuste a tag de idioma quando a página não estiver em inglês, evitando sinalização incorreta para buscadores e leitores de tela.

Erros comuns

Incluir meta keywords achando que ajuda

O Google ignora completamente desde 2014 — só expõe sua estratégia de palavras-chave a concorrentes.

Title acima de 60 caracteres

É cortado nos resultados de busca — mantenha a keyword principal próxima do início.

Esquecer a tag canonical autorreferenciada

Cada página deve apontar para sua própria URL limpa, mesmo sem parâmetros duplicados conhecidos.

Remover a tag viewport

Sem ela, o navegador renderiza a página como desktop em telas pequenas — o Google trata isso como sinal negativo no mobile-first indexing.

Publicar sem og:image ou com imagem pequena demais

Sem og:image, redes sociais mostram um card genérico ou vazio. Use pelo menos 1200×630px — imagens menores ficam cortadas ou borradas no preview.

Repetir a mesma description em várias páginas

O Google reconhece descriptions duplicadas entre páginas e frequentemente as reescreve automaticamente, ignorando o texto que você definiu.

Por que usar esta ferramenta

Gera o conjunto completo que toda página precisa em 2026 — não só title e description, mas robots, canonical, Open Graph e Twitter Cards juntos.

A herança automática entre campos SEO e sociais evita duplicar digitação e garante consistência entre o que aparece no Google e o que aparece quando o link é compartilhado.

Tudo roda direto no navegador — sem cadastro, sem instalação e sem enviar dados para nenhum servidor. Você também vê um preview em tempo real de como title e description vão aparecer no resultado de busca do Google, com contador de caracteres para não estourar o limite recomendado.

Open Graph vs. Twitter Cards

Dois padrões, uma configuração

Open Graph
Twitter Cards
Criado por
Facebook
X (Twitter)
Usado por
Facebook, LinkedIn, WhatsApp, Slack, Discord
X/Twitter
Se só configurar um
a maioria usa como fallback, incluindo Twitter
não cobre as outras plataformas

Perguntas frequentes

Não. O Google parou de usar como sinal de ranking em 2009 e confirmou em 2014 que é completamente ignorada.

Referências

Google Search Central — Títulos e Snippets

Orientações oficiais sobre como title tags e meta descriptions são usadas.

The Open Graph Protocol

Especificação oficial das tags Open Graph, mantida pela Meta.

Documentação Twitter Cards

Documentação oficial do X/Twitter para implementação de Twitter Cards.

Ferramentas Relacionadas