Gerador de meta tags
Gere meta tags HTML para SEO e redes sociais.
0/70 Personagens SEO recomendados
0/160 Personagens SEO recomendados
Tamanho recomendado
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image">
Gerador de meta tags: otimize seu SEO e compartilhamento social
As meta tags são elementos HTML invisíveis para o usuário que fornecem informação sobre sua página a mecanismos de busca e redes sociais. Uma configuração adequada de meta tags pode melhorar significativamente o CTR (taxa de cliques) nos resultados de busca, a aparência das pré-visualizações ao compartilhar links e a compreensão do conteúdo pelos bots de indexação.
Nosso gerador cria automaticamente todas as tags essenciais: título da página (title), meta description, charset, viewport para responsividade, Open Graph (Facebook, LinkedIn, WhatsApp) e Twitter Cards (X/Twitter). Cada tag inclui pré-visualização em tempo real para que veja exatamente como aparecerá nos resultados de busca e no compartilhamento em redes sociais.
A ferramenta segue as melhores práticas de SEO: limites de comprimento recomendados para title (50-60 caracteres) e description (150-160 caracteres), tags canônicas para evitar conteúdo duplicado e formatos de imagem otimizados para cada plataforma. Simplesmente preencha os campos e copie o código HTML gerado para o <head> do seu site.
Perguntas frequentes
O que são meta tags e por que são importantes para o SEO?
Meta tags são etiquetas HTML invisíveis para o usuário que informam os mecanismos de busca sobre o conteúdo da sua página. As mais importantes são o title (que aparece como link azul no Google) e a meta description (o texto abaixo). Embora as keywords não influenciem diretamente no ranking do Google, um bom título e descrição melhoram o CTR, o que pode melhorar seu posicionamento indiretamente.
O que são as tags Open Graph e Twitter Cards?
Open Graph (OG) é um protocolo criado pelo Facebook que permite controlar como seu conteúdo aparece ao compartilhá-lo em redes sociais. Define o título, descrição, imagem e tipo de conteúdo da pré-visualização do link. Twitter Cards funciona de forma similar mas especificamente para o X/Twitter, permitindo mostrar imagens grandes, resumos ou cards de aplicativo junto aos seus tweets.
Onde devo colocar as meta tags no meu site?
Todas as meta tags devem ir dentro da tag {"<head>"} do seu documento HTML, antes do fechamento {"</head>"}. Em frameworks modernos como Next.js ou Nuxt.js você pode configurá-las através de funções de metadata específicas. É importante que cada página tenha suas próprias meta tags únicas e descritivas; evite duplicar o mesmo título ou descrição em múltiplas páginas.
Quer saber mais? Leia nosso guia completo →