Gerador de Meta Tags
Crie meta tags SEO, Open Graph e Twitter Card prontas para colar no seu site.
<!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <!-- Twitter Card --> <meta name="twitter:card" content="summary">
O Que São Meta Tags?
Meta tags são trechos de código HTML colocados dentro da seção <head> de uma página. Elas não aparecem visualmente para o usuário, mas descrevem o conteúdo da página para mecanismos de busca, redes sociais e navegadores. As principais são a tag <title>, que define o título exibido no Google, e a meta description, que resume a página nos resultados de busca.
Além do SEO tradicional, existem as tags Open Graph (og:), criadas pelo Facebook e usadas por WhatsApp, LinkedIn e outras plataformas, e as tags Twitter Card, usadas pela rede X. Elas controlam como o link aparece quando alguém compartilha sua página: o título, a descrição e, principalmente, a imagem em destaque. Uma página sem essas tags costuma ser compartilhada como um link "sem graça", sem miniatura e sem chamada atrativa, reduzindo cliques. Este gerador monta todo o bloco de uma vez, já escapando caracteres especiais como aspas e sinais de maior e menor, garantindo um HTML válido e seguro para colar diretamente no seu site.
Como Usar o Gerador de Meta Tags?
- Preencha o título: ideal entre 50 e 60 caracteres
- Escreva a descrição: resumo atrativo de 120 a 160 caracteres
- Informe a URL: o endereço canônico da página
- Adicione a imagem: use 1200x630px para melhor exibição social
- Defina o nome do site e o tipo: website ou article
- Clique em Gerar e copie: cole o bloco dentro da tag <head>
Para Que Serve as Meta Tags?
- SEO: melhorar título e descrição nos resultados do Google
- Redes sociais: exibir imagem e chamada ao compartilhar no Facebook e LinkedIn
- WhatsApp: gerar prévia rica com miniatura ao enviar o link
- Twitter/X: mostrar cards com imagem grande e destaque
- CTR: aumentar a taxa de cliques com prévias atrativas
- Padronização: garantir HTML válido e consistente em todo o site
Ferramentas Relacionadas
Otimize seu conteúdo com o Gerador de Slug, o Gerador de Descrição YouTube e o Gerador de Hashtags.
Perguntas Frequentes
Onde eu colo as meta tags geradas?
Cole o bloco dentro da tag <head> do HTML da sua página, de preferência logo após a tag <meta charset>.
Qual o tamanho ideal da imagem Open Graph?
O recomendado é 1200x630 pixels, na proporção 1.91:1. Assim ela aparece grande e sem cortes no Facebook, LinkedIn e WhatsApp.
Preciso das tags Twitter se já tenho Open Graph?
O X consegue usar tags og: como fallback, mas as tags twitter: dão mais controle sobre o formato do card. Incluir ambas é a prática mais segura.
Qual a diferença entre website e article?
Use "website" para páginas gerais, home e institucionais; use "article" para posts de blog e notícias, o que ajuda plataformas a tratarem o conteúdo corretamente.
Caracteres especiais no título quebram o código?
Não. O gerador escapa automaticamente os caracteres &, <, > e aspas, produzindo um HTML válido mesmo com símbolos no texto.
Palavras-chave Relacionadas
gerador de meta tags, gerar meta tags, open graph generator, twitter card, meta description, meta tags seo, og:image, og:title, tags de compartilhamento, meta tags html, gerador open graph, seo on page, tags para whatsapp, preview de link, cabeçalho html seo