Gerador de meta tags (HTML)
Preencha o título, a descrição, a URL e a imagem. A ferramenta monta o bloco completo de meta tags, com Open Graph e Twitter Card, pronto pra copiar e colar na tag head. Sem cadastro, direto no navegador.
Preencha os campos acima para ver o bloco de meta tags aqui.
Tudo sobre meta tags, Open Graph e Twitter Card
As meta tags são pequenos trechos de HTML, colocados dentro da tag <head> do seu site, que descrevem a página para o Google e para as redes sociais. O visitante não as vê, mas o buscador, o Facebook, o LinkedIn e o X leem cada uma delas para montar o título, o resumo e a imagem que aparecem quando a página é encontrada ou compartilhada. Em uma frase: meta tags são a ficha técnica da sua página, e quem as deixa em branco entrega ao algoritmo a decisão de como sua marca aparece.
Quais meta tags realmente importam
São dezenas de meta tags possíveis, mas só um punhado muda o resultado no dia a dia. Existem três grupos que valem o seu tempo: as tags primárias (o <title> e a description, que o Google usa), as do Open Graph (o card que aparece no Facebook, LinkedIn e WhatsApp) e as do Twitter Card (o preview no X). Esta ferramenta gera as três de uma vez para você não esquecer nenhuma.
| Meta tag | Onde aparece | Função |
|---|---|---|
| <title> | Aba do navegador e título no Google | O título clicável do resultado de busca |
| meta name="description" | Resumo abaixo do título no Google | Convida ao clique e influencia o CTR |
| og:title e og:description | Card ao compartilhar no Facebook e LinkedIn | Título e resumo do preview social |
| og:image | Imagem grande do card social | A foto que aparece no compartilhamento |
| og:url, og:type e og:site_name | Metadados do card | URL canônica, tipo de conteúdo e nome do site |
| twitter:card | Formato do card no X (Twitter) | Define summary ou summary_large_image |
| twitter:title, description e image | Preview no X (Twitter) | Texto e imagem do card no X |
Onde colar as meta tags
Todas as meta tags ficam dentro da tag <head>, de preferência logo no início, antes do fechamento </head>. Elas precisam estar no HTML que o servidor entrega, e não serem injetadas só depois pelo JavaScript, porque alguns robôs sociais não executam scripts. Se você usa um CMS como WordPress ou um framework como o Next.js, cole o bloco no campo de cabeçalho do tema ou no objeto de metadata da página.
Open Graph: o card que aparece nas redes sociais
O Open Graph é o protocolo, criado pelo Facebook, que define como sua página aparece quando alguém cola o link em uma rede social. Sem og:image, og:title e og:description, a rede tenta adivinhar o que mostrar, e o resultado costuma ser um card sem imagem e com texto cortado. Com o Open Graph definido, você controla a primeira impressão: a imagem certa, o título certo e o resumo certo. Vale a regra: se não tem Open Graph, você não escolhe como seu link é visto.
Twitter Card: o preview no X
O Twitter Card faz o mesmo papel no X (Twitter). A tag twitter:card decide o formato: use summary_large_image quando tiver uma boa imagem horizontal, ou summary para um card menor. O X reaproveita as tags Open Graph quando as de Twitter faltam, mas declarar as duas evita surpresas e deixa o card consistente em todas as plataformas.
Tamanho ideal de cada meta tag
Cada tag tem um espaço visível, e o que passa dele é cortado. Respeitar o tamanho garante que o título e o resumo apareçam inteiros, sem reticências no meio da frase importante.
- <title>: de 50 a 60 caracteres. Acima disso o Google corta no resultado.
- meta description: de 150 a 160 caracteres, com a informação principal nos primeiros 120.
- og:image: 1200 por 630 pixels (proporção 1,91:1) é o tamanho que rende o card grande sem distorção.
- og:title: mantenha perto do <title>, até cerca de 60 caracteres, para não cortar no card.
- og:description: de 2 a 4 linhas, em torno de 110 a 160 caracteres no preview.
Perguntas sobre meta tags
O que são meta tags?
São trechos de HTML dentro da tag <head> que descrevem a página para o Google e para as redes sociais. O visitante não as vê, mas elas definem o título, o resumo e a imagem que aparecem na busca e no compartilhamento.
Onde coloco as meta tags no meu site?
Dentro da tag <head>, de preferência logo no início. Elas precisam estar no HTML entregue pelo servidor, não apenas inseridas depois por JavaScript.
Preciso de Open Graph e Twitter Card?
Sim, se você se importa com a aparência do seu link nas redes. Sem essas tags, o Facebook, o LinkedIn e o X adivinham o que mostrar, e o card costuma sair sem imagem e com texto cortado.
Qual o tamanho ideal da imagem og:image?
1200 por 630 pixels, na proporção 1,91:1. É o tamanho que gera o card grande nas redes sem cortar nem distorcer a imagem.
Meta tags melhoram o ranqueamento no Google?
O title ajuda diretamente, pois é um sinal de relevância e o texto clicável na busca. A description não é fator de ranqueamento direto, mas influencia o CTR, que afeta o desempenho ao longo do tempo.
O gerador de meta tags é grátis?
Sim, é 100% grátis e sem cadastro. Tudo roda no seu navegador e o conteúdo que você digita não é enviado para nenhum servidor.
Quer um blog que escreve e otimiza sozinho?
A Automarticles cria seu blog completo, com títulos, meta tags e conteúdo otimizados para o Google e para ser citado por IAs como o ChatGPT. Sem esforço manual.