Gerador de meta tags: title, description, Open Graph e Twitter
Preencha o título, a descrição e os dados do card social de uma página e receba um bloco <head> completo, com escape correto e contadores de tamanho em tempo real.
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Free Business & Marketing Tools | FreeToolsForWeb</title> <meta name="description" content="Free online tools for business: converters, calculators, SEO utilities and a sample-file library. No signup, no ads."> <link rel="canonical" href="https://www.example.com/page"> <meta name="theme-color" content="#244b3f"> <!-- Open Graph (Facebook, LinkedIn, Slack, WhatsApp) --> <meta property="og:type" content="website"> <meta property="og:title" content="Free Business & Marketing Tools | FreeToolsForWeb"> <meta property="og:description" content="Free online tools for business: converters, calculators, SEO utilities and a sample-file library. No signup, no ads."> <meta property="og:url" content="https://www.example.com/page"> <meta property="og:site_name" content="Example Co"> <meta property="og:image" content="https://www.example.com/images/share.png"> <meta property="og:locale" content="en_US"> <!-- Twitter / X card --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Free Business & Marketing Tools | FreeToolsForWeb"> <meta name="twitter:description" content="Free online tools for business: converters, calculators, SEO utilities and a sample-file library. No signup, no ads."> <meta name="twitter:image" content="https://www.example.com/images/share.png">
Cole dentro do <head>. No Next.js, React Helmet ou num CMS, passe cada linha para o campo equivalente em vez de colar HTML bruto.
Funciona totalmente no seu navegador. Nada do que você digita é enviado para nós nem armazenado. Ver todas as ferramentas grátis.
Encontrou um problema ou algo que poderia ser melhor? Lemos todas as mensagens e corrigimos rápido.
Este gerador de meta tags grátis produz o conjunto completo de tags de head que uma página precisa: title e meta description com contadores de tamanho em tempo real, diretivas canonical e robots, e as tags Open Graph e Twitter Card que controlam como um link aparece quando é compartilhado no LinkedIn, Facebook, X, Slack e WhatsApp. Os valores recebem o escape correto, então um título com e comercial ou aspas não quebra o HTML.
As meta tags são a parte menor e mais visível do SEO on-page: o título e a descrição são o texto de anúncio que o Google escreve por você se você não escrever, e as tags sociais decidem se um link compartilhado mostra imagem e manchete ou só uma URL crua. As notas abaixo trazem os limites de tamanho atuais e as tags que já não fazem nada, para você não ficar mantendo a tag meta keywords em 2026.
Como usar
- Digite o título da página (mire em 50 a 60 caracteres, palavra-chave primeiro) e a meta description (120 a 160 caracteres, com um motivo para clicar). Os contadores ficam verdes dentro da faixa.
- Defina a URL canônica como o endereço preferido da página e deixe robots em index, follow, a menos que a página precise ficar fora da busca.
- Adicione a imagem de compartilhamento (1200 × 630 pixels), o nome do site e o usuário do Twitter. O mesmo título e a mesma descrição são reaproveitados nas tags sociais.
- Confira a prévia na busca e copie o bloco gerado para o <head> da página.
- Depois de publicar, teste a página no ar com a ferramenta de prévia de Open Graph para confirmar que as tags estão sendo servidas como esperado.
Perguntas frequentes
Quais meta tags realmente importam para SEO?
Title (um sinal direto de ranqueamento e a manchete nos resultados), meta description (não é sinal de ranqueamento, mas é o seu snippet e influencia a taxa de cliques), canonical (evita diluição por conteúdo duplicado), robots (controle de index/noindex) e viewport (usabilidade no celular). As tags Open Graph e Twitter afetam o compartilhamento social, não o ranqueamento. A tag meta keywords é ignorada pelo Google desde 2009; nem se preocupe com ela.
Qual deve ser o tamanho do título e da descrição?
Títulos: cerca de 50 a 60 caracteres, já que o Google corta pela largura em pixels, por volta de 600 px. Descrições: 120 a 160 caracteres no desktop, menos no celular. O Google reescreve qualquer um dos dois quando acha que pode fazer melhor, o que acontece mais com textos genéricos ou cheios de palavras-chave, então escreva um texto específico e honesto.
Preciso das tags Open Graph e Twitter Card ao mesmo tempo?
O X lê as tags Open Graph como alternativa, então og:* sozinho funciona na maioria dos casos; ainda vale adicionar twitter:card, porque é ela que escolhe entre o card com imagem grande e o resumo pequeno. Todo o resto (LinkedIn, Facebook, Slack, WhatsApp, iMessage, Discord) lê só Open Graph.
Qual deve ser o tamanho da imagem de compartilhamento?
1200 × 630 pixels (1,91:1) é o tamanho seguro para o card grande de todas as plataformas. Com menos de 600 px de largura, Facebook e LinkedIn passam a mostrar uma miniatura pequena ou nenhuma imagem. Mantenha o conteúdo importante longe das bordas; algumas plataformas cortam em quadrado nos feeds. Use uma URL absoluta em HTTPS.
Toda página deve ter uma tag canonical?
Sim, apontando para ela mesma, a menos que a página seja duplicata de outra. Ela unifica parâmetros de rastreamento, variantes com e sem barra final e http/https numa só URL, e é um seguro barato. A canonical precisa ser uma URL absoluta de uma página que retorna 200.
Tags que já não fazem nada
meta keywords (ignorada desde 2009), meta revisit-after, meta distribution, meta rating e as tags geo.* específicas do Google são todas peso morto. Os valores de robots noodp, noydir e as variantes de nosnippet foram aposentados ou substituídos por max-snippet. Se um template ainda as gera, removê-las é seguro e deixa tudo um pouco mais limpo.
Escape e codificação
Valores de atributos precisam escapar & como & e " como "; este gerador faz isso por você. Declare charset utf-8 como a primeira coisa do <head> para o navegador decodificar o resto corretamente. Em frameworks (Next.js, Nuxt, Django, Rails, WordPress), defina esses valores pelo componente de head ou de SEO do framework em vez de colar HTML cru, para que fiquem por página e recebam escape automaticamente.
Ferramentas grátis relacionadas
- Prévia de snippet na SERP — Veja como o título da página e a meta description vão aparecer no Google, com verificação do número de caracteres em tempo real.
- Prévia de Open Graph — Digite uma URL e veja exatamente o card que Facebook, LinkedIn, X e Slack vão mostrar, todas as tags encontradas e o que está faltando.
- Gerador de robots.txt — Monte um robots.txt com predefinições para permitir tudo, homologação e WordPress, uma seção de crawlers de IA (bloquear treinamento, manter a busca com IA) e avisos sobre os erros que tiram sites do índice.