Gerador de Meta Tags
Gere meta tags HTML para SEO, Open Graph e Twitter Cards. Visualize como sua página aparecerá no Google e nas redes sociais.
Como funciona: Preencha os dados da sua página abaixo → veja pré-visualizações ao vivo de como ficará no Google e nas redes sociais → copie o HTML gerado e cole na tag <head> do seu site.
Aparece como o título clicável nos resultados do Google. Mantenha abaixo de 60 caracteres.
Aparece abaixo do título nos resultados do Google. Mantenha abaixo de 160 caracteres. Faça-o atraente!
A URL completa da sua página. Usada nas pré-visualizações de redes sociais.
Necessário apenas se sua página é acessível por múltiplas URLs. Diz ao Google qual é a versão 'oficial'.
Pré-visualização no Google
https://example.com
My Awesome Website — Build Something Great
A modern web application that helps developers build better products faster. Free tools, guides, and resources.
Pré-visualização em Redes Sociais
example.com
My Awesome Website — Build Something Great
A modern web application that helps developers build better products faster. Free tools, guides, and resources.
O que São Meta Tags?
Meta tags são elementos HTML colocados dentro da seção <head> de uma página web que fornecem metadados sobre a página para mecanismos de busca e redes sociais. Elas influenciam como sua página aparece nos resultados do Google e ao ser compartilhada no Twitter, Facebook, LinkedIn e outras plataformas.
Meta Tags Essenciais para SEO
As meta tags mais importantes para SEO são o título (title) e a meta descrição. O title tag (50–60 caracteres) aparece como o título clicável nos resultados de busca. A meta description (150–160 caracteres) é o trecho de texto abaixo do título. Uma descrição atraente pode melhorar significativamente sua taxa de cliques, mesmo que não afete diretamente o posicionamento.
Tags Open Graph
As tags Open Graph (OG) controlam como seu conteúdo é exibido ao ser compartilhado no Facebook, LinkedIn, WhatsApp e outras plataformas que suportam o protocolo OG. As principais são og:title, og:description, og:image e og:url. Usar uma og:image dedicada (1200x630px recomendado) melhora consideravelmente o engajamento ao compartilhar.
Twitter Card Tags
As Twitter Card tags definem como seu conteúdo aparece ao ser compartilhado no Twitter/X. O tipo twitter:card pode ser summary, summary_large_image, app ou player. Usar summary_large_image com uma imagem de qualidade aumenta significativamente o engajamento na plataforma.
Como Adicionar Meta Tags
Copie o HTML gerado e cole dentro da seção <head> da sua página. No Next.js, use a API de Metadata em layout.tsx ou page.tsx. No WordPress, use um plugin de SEO como Yoast ou RankMath. Verifique suas tags com a ferramenta de Resultados Ricos do Google e os depuradores de redes sociais.