Skip to content
Gerador de meta tags
Tools

Gerador de meta tags

Novo

Gere meta tags de SEO, Open Graph e Twitter Card com prévia ao vivo.

Search-engine indexing (robots)
Listing
Links
Extra directives
Google preview
E Example https://example.com › page

Page title

Your meta description preview appears here.

Facebook · Open Graph
1200 × 630
EXAMPLE.COM Page title Your meta description preview appears here.
X · Twitter Card
example.com
Generated <head> tags

Runs entirely in your browser. Nothing is uploaded.

Gere tags SEO, Open Graph e Twitter em um só lugar

Este gerador de meta tags transforma um formulário simples em um conjunto completo e pronto para copiar de tags SEO, Open Graph e Twitter Card. Preencha o título, a descrição, a URL e a imagem de prévia e ele escreve o bloco <head> pra você: título, meta descrição, canonical, robots, charset e viewport, além de cada tag og: e twitter: que uma prévia social rica precisa. Sem instalação, sem cadastro: roda completamente no seu navegador.

Conforme você digita, três prévias ao vivo — Google, Facebook e X — atualizam em tempo real para você ver exatamente como sua página vai aparecer nos resultados de busca e nas redes sociais antes de publicar. Os contadores de caracteres ficam âmbar quando o título ou a descrição estão longos demais.

As meta tags que realmente importam

Uma página moderna precisa de apenas algumas meta tags HTML para estar pronta para buscas e compartilhamento. As tags <title> e <meta name="description"> determinam seu snippet no Google e são os dois campos que mais afetam a taxa de cliques. As tags viewport e charset fazem a página renderizar corretamente no celular. O link canonical evita a diluição por conteúdo duplicado. A tag robots controla se a página é indexada.

Este gerador sempre inclui os elementos essenciais e adiciona os campos opcionais keywords e author somente quando você os preenche. A tag keywords não afeta mais o posicionamento no Google — foi ignorada desde 2009 — mas o gerador inclui o campo para completude.

Prévias melhores com Open Graph e Twitter Cards

Quando alguém compartilha seu link no Facebook, LinkedIn, WhatsApp, Slack, Discord ou X, essas plataformas procuram tags Open Graph (og:) e Twitter Card (twitter:) para montar um card de prévia rico. Sem elas, o link aparece como texto simples; com elas mostra seu título, descrição e uma imagem de 1200×630 pixels.

O gerador de open graph aqui produz um conjunto completo de tags og: e as tags twitter: correspondentes, incluindo o texto alternativo da imagem. X/Twitter lê primeiro suas próprias tags mas usa as og: como fallback para o que faltar, então um conjunto og: completo mais twitter:card e twitter:site é tudo que você precisa.

Controle a indexação com a meta tag robots

O gerador de robots meta tag integrado deixa você alternar entre index e noindex e entre follow e nofollow com um clique. Use noindex em páginas de agradecimento, ambientes de staging, páginas de administração e páginas de filtro que você não quer no Google.

Quando uma página está definida como noindex, o card de prévia do Google sinaliza isso com um aviso para você não enviar acidentalmente a configuração errada de robots. A tag gerada também suporta diretivas avançadas como noarchive e nosnippet.

Como se compara ao SEMrush, Yoast e Rank Math

A maioria das alternativas tem uma dependência ou um custo. SEMrush inclui análise de meta tags na auditoria de sites, mas começa em $129/mês. Yoast SEO e Rank Math são plugins de WordPress — não funcionam para Shopify, Webflow, Next.js ou HTML estático.

Este gerador cobre o conjunto completo de tags — título, descrição, canonical, robots, todos os campos og:, todos os campos twitter:, texto alternativo de imagem — com prévias ao vivo do Google e redes sociais, sem conta, sem custo e sem dependência de CMS.

Um gerador de meta tags para qualquer stack

Como o resultado é HTML puro, ele se encaixa em qualquer projeto. Cole o bloco em um site estático, no cabeçalho de um tema WordPress, no theme.liquid do Shopify, em uma seção de código personalizado do Webflow ou em um componente de layout React ou Vue. No Next.js, adicione os valores à sua exportação Metadata em layout.tsx. No Astro, passe-os como props para o componente head no Layout.astro.

Salve essa ferramenta para quando lançar uma nova página, atualizar um título ou quiser que um link fique perfeito ao ser compartilhado. Preencha o formulário, copie o bloco <head>, cole e sua página estará pronta para os mecanismos de busca e todas as principais plataformas sociais.

Frequently asked questions

O que são meta tags?

Meta tags são trechos de HTML colocados no head de uma página que a descrevem para navegadores e mecanismos de busca sem aparecer na própria página. As mais importantes são a tag de título e a meta descrição, que determinam seu snippet no Google. Você também precisa de uma tag viewport para escala mobile, uma declaração charset, uma tag robots para controlar a indexação, uma URL canonical para evitar problemas de conteúdo duplicado, e tags Open Graph e Twitter Card para prévias sociais ricas.

Como crio meta tags para SEO?

Digite o título da sua página, a descrição, a URL e uma imagem de prévia de 1200×630 no formulário e este gerador escreve o conjunto completo de tags: title, meta description, canonical, robots, Open Graph e Twitter Card. Mantenha o título perto de 60 caracteres e a descrição perto de 155, use um par único em cada página e copie o bloco para o head do seu HTML.

Quais meta tags importam para o SEO em 2026?

As que ainda valem a pena são a tag de título, a meta descrição, a tag viewport, a declaração charset, a tag robots e o link canonical. Além disso, as tags Open Graph e Twitter Card controlam como seu link aparece quando compartilhado nas redes sociais. A antiga tag keywords não afeta mais o posicionamento no Google — foi ignorada desde 2009.

Qual é o tamanho ideal do título e da descrição?

Mire em um título de 50–60 caracteres e uma meta descrição de 145–155 caracteres. O Google corta títulos perto de 600 pixels de largura e descrições em torno de 155–160 caracteres, adicionando reticências ao que for mais longo. Os contadores de caracteres aqui ficam âmbar quando você ultrapassa o tamanho recomendado.

O que são tags Open Graph?

As tags Open Graph — as que começam com 'og:' — são um padrão criado pelo Facebook que controla como seu link aparece quando compartilhado nas redes sociais e em apps de chat. O conjunto principal é og:title, og:description, og:image, og:url e og:type. Com elas, um link compartilhado mostra um card rico com seu título, descrição e imagem.

É seguro inserir detalhes reais da minha página aqui?

Sim. Este gerador de meta tags roda completamente no seu navegador usando JavaScript — o título, a descrição, as URLs e a URL da imagem que você digita nunca são enviados para um servidor, nunca são registrados e nunca são armazenados em lugar nenhum. A ferramenta funciona offline depois que a página carregar.

Posso usar no celular para gerar meta tags?

Sim. O formulário e os cards de prévia são totalmente responsivos e funcionam no Safari do iPhone e no Chrome do Android. Você pode preencher os campos, conferir as prévias do Google e redes sociais, e copiar o código gerado direto pelo celular. A ferramenta roda no navegador sem precisar instalar nenhum app.