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é-visualização 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 etiquetas SEO, Open Graph e Twitter num só lugar

Este gerador de meta tags transforma um formulário simples num conjunto completo e pronto a copiar de etiquetas SEO, Open Graph e Twitter Card. Preencha o título, a descrição, o URL e a imagem de pré-visualização e o gerador escreve o bloco <head> por si: título, meta descrição, canonical, robots, charset e viewport, mais cada etiqueta og: e twitter: necessária para uma pré-visualização social rica. Sem instalação, sem registo: funciona inteiramente no seu navegador.

À medida que escreve, três pré-visualizações ao vivo — Google, Facebook e X — atualizam em tempo real para que possa ver exatamente como a sua página ficará nos resultados de pesquisa e nas redes sociais antes de publicar. Os contadores de caracteres ficam âmbar quando o título ou a descrição são demasiado longos.

As meta tags que importam

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

Este gerador inclui sempre os elementos essenciais e adiciona os campos opcionais keywords e author apenas quando os preenche. A etiqueta keywords já não afeta o posicionamento no Google — foi ignorada desde 2009 — mas o gerador inclui o campo por completude.

Melhores pré-visualizações com Open Graph e Twitter Cards

Quando alguém partilha o seu link no Facebook, LinkedIn, WhatsApp, Slack, Discord ou X, essas plataformas procuram etiquetas Open Graph (og:) e Twitter Card (twitter:) para construir um cartão de pré-visualização rico. Sem elas, um link aparece como texto simples; com elas mostra o seu título, descrição e uma imagem de 1200×630 píxeis.

O gerador de open graph aqui produz um conjunto completo de etiquetas og: e as etiquetas twitter: correspondentes, incluindo o texto alternativo da imagem. X/Twitter lê primeiro as suas próprias etiquetas mas recorre às og: para o que faltar, por isso um conjunto og: completo mais twitter:card e twitter:site é tudo o que precisa.

Controle a indexação com a meta tag robots

O gerador de robots meta tag integrado permite-lhe alternar entre index e noindex e entre follow e nofollow com um clique. Use noindex em páginas de agradecimento, sites de staging, páginas de administração e páginas de filtros finas que não quer no Google.

Quando uma página está definida como noindex, o cartão de pré-visualização do Google assinala-a com um aviso para que não possa enviar acidentalmente a configuração errada de robots. A etiqueta gerada também suporta diretivas avançadas como noarchive e nosnippet.

Como se compara com SEMrush, Yoast e Rank Math

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

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

Um gerador de meta tags para qualquer tecnologia

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

Guarde esta ferramenta para quando lançar uma nova página, atualizar um título ou quiser que um link fique perfeito ao ser partilhado. Preencha o formulário, copie o bloco <head>, cole-o e a sua página estará pronta para os motores de pesquisa e todas as principais plataformas sociais.

Frequently asked questions

O que são meta tags?

Meta tags são fragmentos de HTML colocados no head de uma página que a descrevem a navegadores e motores de pesquisa sem aparecer na própria página. As mais importantes são a tag de título e a meta descrição, que determinam o seu fragmento no Google. Também precisa de uma etiqueta viewport para escala móvel, uma declaração charset, uma etiqueta robots para controlar a indexação, um URL canonical para evitar problemas de conteúdo duplicado, e etiquetas Open Graph e Twitter Card para pré-visualizações sociais ricas.

Como crio meta tags para SEO?

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

Que meta tags importam para o SEO em 2026?

As que ainda têm valor são a tag de título, a meta descrição, a etiqueta viewport, a declaração charset, a etiqueta robots e o link canonical. Além disso, as etiquetas Open Graph e Twitter Card controlam como o seu link aparece quando partilhado em plataformas sociais. A antiga etiqueta keywords já não afeta o posicionamento no Google — foi ignorada desde 2009.

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

Aponte para um título de 50–60 caracteres e uma meta descrição de 145–155 caracteres. O Google trunca os títulos perto dos 600 píxeis de largura e as descrições em torno de 155–160 caracteres, adicionando reticências ao que for mais longo. Os contadores de caracteres aqui ficam âmbar quando ultrapassa o comprimento recomendado.

O que são etiquetas Open Graph?

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

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

Sim. Este gerador de meta tags funciona inteiramente no seu navegador usando JavaScript — o título, a descrição, os URLs e o URL de imagem que introduz nunca são enviados para um servidor, nunca são registados e nunca são armazenados em lado nenhum. A ferramenta funciona offline depois de a página ter carregado.

Que tamanho deve ter a imagem Open Graph?

Use 1200×630 píxeis numa proporção de 1,91:1 para o cartão social grande. Este é o tamanho que o Facebook, LinkedIn e X exibem sem recorte, e o mesmo ficheiro funciona para og:image e twitter:image. Mantenha-o abaixo de 5 MB, use um URL absoluto começando com https:// em vez de um caminho relativo.