Gerador de Meta Tags

Gere meta tags HTML, Open Graph e Twitter Card para o da sua página.

Meta tags básicas

0 caracteres (ideal ~60)

0 caracteres (ideal ~155)

Social (Open Graph e Twitter)

  

O Gerador de Meta Tags cria meta tags HTML limpas e prontas para colar no da sua página a partir de campos simples. Preencha o título, a descrição, as palavras-chave, a URL canônica e os campos sociais, e receba um trecho devidamente escapado com tags de charset, viewport, robots, Open Graph e Twitter Card — tudo gerado instantaneamente no seu navegador.

O que são meta tags HTML?

Meta tags são trechos de código no de uma página HTML que descrevem a página para navegadores, mecanismos de busca e redes sociais. Elas controlam coisas como o título da página exibido nos resultados de busca, o trecho de descrição, o conjunto de caracteres, como a página se ajusta no celular, se os buscadores devem indexá-la e como um link aparece quando é compartilhado nas redes sociais.

Como gerar meta tags

Informe os detalhes da página à esquerda e copie o trecho gerado para o da sua página.

  1. Digite o título e a meta descrição da página — os contadores ao vivo ajudam a manter os tamanhos recomendados.
  2. Adicione palavras-chave, autor e sua URL canônica, se tiver uma.
  3. Opcionalmente, ative a seção Open Graph e Twitter Card e adicione a URL de uma imagem para prévias sociais ricas.
  4. Clique em Copiar e cole o trecho dentro do do seu HTML.

Tamanhos recomendados de título e descrição

Os buscadores cortam títulos e descrições muito longos. Procure manter o título em torno de 50–60 caracteres e a meta descrição em torno de 150–160 caracteres para que apareçam por completo na página de resultados. Os contadores de caracteres ao vivo atualizam enquanto você digita para manter você na faixa ideal.

Por que usar este gerador de meta tags?

  • Gera tags de título, descrição, palavras-chave, autor, canônica, robots, charset e viewport.
  • Adiciona tags Open Graph e Twitter Card para prévias de link ricas nas redes sociais.
  • Escapa caracteres especiais automaticamente, deixando aspas e colchetes angulares seguros.
  • Contadores de caracteres ao vivo para título e descrição ajudam a atingir os tamanhos recomendados.
  • Roda inteiramente no seu navegador — nada é enviado, e o trecho é seu para copiar.

Perguntas frequentes

O que é um gerador de meta tags?

É uma ferramenta que transforma entradas simples — como o título, a descrição e a URL canônica da sua página — em meta tags HTML corretamente formatadas que você pode colar no da página. Ela poupa você de escrever a marcação repetitiva à mão e ajuda a evitar erros de sintaxe.

O que são tags Open Graph e Twitter Card?

As tags Open Graph (og:) dizem a plataformas como Facebook e LinkedIn como exibir o seu link, e as tags Twitter Card fazem o mesmo para o Twitter/X. Juntas, elas controlam o título, a descrição e a imagem de prévia mostrados quando alguém compartilha a sua URL. Este gerador pode adicionar ambas para você.

As meta keywords ainda importam para SEO?

Grandes mecanismos de busca como o Google não usam mais a tag meta keywords para ranqueamento, então ela tem pouco valor de SEO hoje. Ela é incluída aqui por completude e para sistemas que ainda a leem, mas as tags de título, descrição e canônica importam muito mais.

A ferramenta escapa caracteres especiais?

Sim. Qualquer valor que você digita é escapado em HTML, então caracteres como aspas, e comerciais e colchetes angulares são convertidos em entidades seguras. Isso mantém o trecho gerado válido e evita marcação quebrada ou insegura.

Este gerador de meta tags é gratuito e privado?

Sim. Ele é totalmente gratuito e roda inteiramente no seu navegador com JavaScript. Nada do que você digita é enviado ou armazenado em qualquer servidor — as tags são geradas localmente no seu dispositivo.