Grupos exclusivos de desconto no WhatsApp — Faca parte agora! Participar

Gerador de Meta Tags SEO

Gere as meta tags HTML completas pra SEO: title, meta description, Open Graph (Facebook), Twitter Card, canonical, robots. Com validacao de tamanho ideal pra cada campo e preview do snippet no Google.

Gerador de Meta Tags SEO — Ferramentas Dev / Web

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

TagFunçãoTamanho ideal
titleTítulo na aba e Google50-60 chars
descriptionDescrição abaixo do título140-160 chars
canonicalURL "oficial" da página (evita conteúdo duplicado)URL completa
og:imageImagem do preview social1200x630px
twitter:cardTipo de card Twittersummary_large_image
robotsInstrução pra crawlersindex, 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

ValorSignificado
index, followPadrão. Pode indexar e seguir links.
noindex, followNão aparece no Google, mas crawlers seguem links daqui.
noindex, nofollowPá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.

Assistente PP
Assistente PP
Online agora
Powered by Primeira Solução