📝Gerador de Meta Tags: Title, Description, Open Graph e Twitter
Preencha os campos e copie o bloco completo do head: charset, viewport, robots, title, description, canonical, Open Graph e Twitter Card. O contador de caracteres de título e description fica ao vivo embaixo de cada campo, com selo verde quando o texto está na faixa que o Google costuma exibir.
—
—
Tudo montado no navegador: os dados digitados não saem do seu computador.
🔒 Cálculo 100% local — os dados que você digita não saem do seu navegador, nada é enviado a servidores.
Fonte: Google Search Central — tags especiais e apresentação nos resultados — A tag canonical e a diretiva robots são lidas pelo Google; title e description aparecem como título e trecho nos resultados, e o Google pode reescrevê-los · Última verificação em 07/10/2026
O gerador de meta tags monta o bloco completo do head, com charset, viewport, robots, title, description, canonical, Open Graph e Twitter Card. Os campos de título e description trazem contagem de caracteres ao vivo, e o código sai formatado em uma área de monospace, pronto para copiar e colar.
Como usar o gerador de meta tags
- Escreva título e descriptionO contador ao lado de cada campo acusa a faixa confortável: de 50 a 62 caracteres no título e de 150 a 165 na description, com selo verde quando o texto está dentro.
- Preencha URL, imagem e nome do siteA URL alimenta a canonical e o og:url, a imagem define o cartão de compartilhamento e o nome do site aparece no Open Graph e no Twitter Card.
- Escolha idioma e robotsO locale é usado pelo Open Graph, e a diretiva de robots decide se a página entra na indexação e se os links podem ser seguidos.
- Copie o bloco do headCole o resultado no cabeçalho da página, antes do conteúdo principal, e confira no navegador que o título da aba mudou.
Como funciona a montagem do bloco
As meta tags são instruções escritas no head da página, e cada uma responde a uma pergunta diferente. O charset diz em qual codificação o texto está escrito, o viewport controla a largura em telas de celular, e o robots informa ao buscador se a página pode ser indexada e se os links devem ser seguidos. O title é o texto que aparece como título nos resultados e na aba do navegador; a description é o trecho que o Google costuma exibir abaixo dele.
A canonical aponta para a versão definitiva da página, evitando que endereços parecidos sejam tratados como conteúdo duplicado. As propriedades og descrevem o que deve aparecer quando o link é compartilhado em redes sociais, com título, descrição, endereço e imagem. O twitter card faz o mesmo para a rede social, e quando falta o cartão específico, a plataforma recorre às tags og.
O gerador escapa os caracteres que precisam de atenção, como o e comercial e os sinais de menor e maior, para que um título com esse símbolo não quebre o HTML. Ele também avisa, ao vivo, quando o título ou a description saem da faixa que o Google costuma exibir, o que é um limite de espaço, não uma regra de posicionamento.
Exemplo resolvido
Com o título Gerador de UTM: crie links com parâmetros para o Analytics, a ferramenta conta os caracteres e marca o selo verde dentro da faixa de 50 a 62. A description de exemplo, que explica o que a página entrega, cai na faixa de 150 a 165 e também ganha selo verde. Se você apagar a segunda metade da descrição, o contador cai para perto de 80 caracteres e o selo fica vermelho, avisando que há espaço sobrando para explicar melhor a página.
O bloco gerado traz o charset em primeiro lugar, seguido do viewport, da diretiva de robots, do título, da descrição e da canonical com a URL informada. Depois vêm as propriedades og, com o tipo website, a imagem social e o locale pt_BR, e por fim o twitter card do tipo summary_large_image com título, descrição e imagem. Para uma página que não deve aparecer na busca, troque a diretiva de robots para noindex e o bloco já sai com a diretriz correta.
Suposições e limitações
- Os limites de 50 a 62 caracteres no título e de 150 a 165 na description são referências de exibição: o Google corta por largura em pixels e pode reescrever os textos
- A ferramenta não acessa a URL nem a imagem: ela só escreve o endereço no código, então confirme depois se a imagem social existe e abre corretamente
- O Twitter Card usa as tags og quando não há tag específica, por isso preencher bem o Open Graph já cobre boa parte do compartilhamento
- Meta keywords não é gerada porque o Google a ignora desde muito tempo; focamos nas tags que realmente são lidas
- Processamento 100% local: nada sai do navegador e nenhum campo é enviado para servidores
Dicas para tirar o melhor proveito
Escreva um título único por página, com a palavra-chave principal mais ou menos no começo, porque é o começo que sobrevive ao corte nos resultados. O nome do site no final do título é opcional: em páginas estreitas ele consome espaço que poderia descrever melhor o conteúdo.
Na description, trate o campo como um anúncio curto: diga o que a pessoa encontra, qual é a diferença da sua página e o que faz o clique valer a pena. Frases completas funcionam melhor que listas de palavras-chave, tanto para o leitor quanto para o buscador, que prefere trechos com sentido.
A imagem social vale um cuidado próprio: mantenha proporção de 1200 por 630 pixels, com pouco texto e o assunto bem centralizado, porque as redes cortam as bordas de forma diferente. Depois de publicar, compartilhe o link em uma rede para ver o cartão aparecer, e confira o título e a description nos resultados do Google pelo Search Console. Se o Google reescrever o texto, reveja o título: normalmente ele troca o seu quando o padrão está repetido em todas as páginas ou quando o título não combina com a busca feita.
Veja também
Se esta ferramenta foi útil, você também pode precisar destas relacionadas: Prévia de resultado do Google, Gerador de Open Graph e Twitter Card, Gerador de schema markup (JSON-LD), Contador de Título e Meta Description (Caracteres e Pixels).
Ferramentas relacionadas
🔎Prévia de resultado do Google
Veja como título e description aparecem no Google, com aviso de corte.
Abrir ferramenta →🖼️Gerador de Open Graph e Twitter Card
Gere as meta tags og e twitter prontas para copiar, com prévia do card.
Abrir ferramenta →🏷️Gerador de schema markup (JSON-LD)
Gere JSON-LD para Article, LocalBusiness, Product, FAQ e mais.
Abrir ferramenta →📏Contador de Título e Meta Description (Caracteres e Pixels)
Conte caracteres, palavras e pixels e veja o corte no desktop e no celular.
Abrir ferramenta →Perguntas frequentes
Qual é o tamanho ideal do title e da meta description?
Uma referência prática é manter o título entre 50 e 62 caracteres e a description entre 150 e 165. O corte real acontece por largura em pixels, então esses números são uma margem segura, não uma regra oficial.
O Google sempre usa o title e a description que eu escrevi?
Não. Ele pode reescrever os dois quando julgar que outro trecho da página combina melhor com a busca. Títulos únicos e descrições que resumem bem a página aumentam a chance de serem mantidos.
Quais tags Open Graph são obrigatórias?
Nenhuma é obrigatória, mas og:title, og:description, og:url, og:image e og:type cobrem o essencial. Sem elas, a rede social monta o cartão com o que encontrar na página, nem sempre do melhor jeito.
A meta keywords ainda serve para alguma coisa?
Não para o Google, que a ignora há muito tempo. O esforço é melhor usado na description, no title e no conteúdo da página, que são os elementos que realmente aparecem nos resultados.
Para que serve a diretiva robots noindex?
Ela diz ao buscador que a página pode ser rastreada, mas não deve aparecer nos resultados. É o caso de páginas de confirmação, busca interna e conteúdo duplicado que não agrega nada à indexação.
Os dados digitados no gerador são enviados para algum lugar?
Não. A montagem do bloco acontece inteiramente no navegador, com processamento 100% local, e nada é enviado a servidores. Fechar a página apaga todos os campos.
Explore mais ferramentas gratuitas
Dezenas de calculadoras, conversores e geradores — todos funcionam no navegador, sem cadastro e sem instalar nada.