1001Ferramentas
🏷️ SEO

Gerador de Meta Tags

Gere as meta tags de SEO — title, description, canonical e Open Graph — em segundos. Cole o HTML gerado diretamente no código do seu site.

Por que as meta tags são importantes para SEO?

As meta tags informam ao Google e outros mecanismos de busca sobre o conteúdo de uma página. O <title> aparece como título clicável nos resultados de busca (SERP) e deve ter entre 50 e 60 caracteres. A meta description é o trecho exibido abaixo do título — com até 160 caracteres — e influencia diretamente a taxa de cliques (CTR).

A canonical evita conteúdo duplicado indicando ao Google qual é a URL preferencial de uma página. As tags Open Graph (og:title, og:description) controlam como a página aparece ao ser compartilhada no WhatsApp, Facebook, LinkedIn e Twitter.

Cole o HTML gerado diretamente dentro do <head> do seu site para ativar todas as otimizações de uma vez.

Guia completo de meta tags para SEO e compartilhamento social

Meta tags são pequenos trechos de HTML que ficam dentro do <head> de cada página e descrevem o conteúdo para buscadores, navegadores e redes sociais. Elas são invisíveis ao visitante, mas decidem como o Google indexa a página, como o link é exibido no WhatsApp, se um card grande aparece no LinkedIn e se duplicatas diluem o ranking. Uma página pode ter conteúdo impecável e ainda assim ter desempenho ruim porque o título é longo demais, a descrição é genérica, o canonical aponta para a URL errada ou a imagem Open Graph está ausente. As seções abaixo percorrem cada categoria que realmente importa hoje, com o markup exato que você deve publicar e os erros mais frequentes que custam tráfego.

Meta tags essenciais: title, description, canonical, robots, viewport

O elemento <title> é o sinal on-page mais importante. É a linha azul clicável no Google, o rótulo da aba do navegador e o texto padrão usado pelo Open Graph quando og:title está ausente. Mire em 50 a 60 caracteres; títulos maiores são truncados com reticências, e abaixo de 30 caracteres desperdiçam pixels que poderiam qualificar a intenção. Cada página precisa de título único, com a palavra-chave mais distintiva primeiro e sufixo de marca depois. A meta description não influencia ranking diretamente, mas influencia a taxa de clique. Fique entre 150 e 160 caracteres; mobile trunca por volta dos 120, então coloque o argumento mais forte na primeira frase.

A tag canonical informa qual é a URL mestre quando várias URLs servem o mesmo conteúdo (HTTP versus HTTPS, com e sem barra final, parâmetros de tracking, arquivos paginados). Sem canonical, o link equity se dispersa entre as duplicatas. A meta robots controla a indexação: use noindex para páginas de obrigado, resultados de busca interna e cópias de staging; nofollow só quando realmente não quiser que crawlers sigam os links externos. A declaração viewport é obrigatória no mobile — sem ela, smartphones tratam a página como layout desktop de 980 pixels e reduzem tudo.

<title>Gerador de Meta Tags - Ferramenta SEO Gratuita</title>
<meta name="description" content="Gere title, description, canonical e Open Graph otimizados em segundos. Grátis, sem cadastro.">
<link rel="canonical" href="https://exemplo.com/gerador-meta-tags">
<meta name="robots" content="index, follow, max-image-preview:large">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">

Open Graph (Facebook, LinkedIn, WhatsApp, Slack, Discord)

Open Graph é um protocolo criado pelo Facebook em 2010 e adotado por praticamente todo app de mensagem e rede social moderna. Quando as tags OG estão presentes, os previews mostram um card rico com imagem, título, descrição e nome do site; sem elas, a plataforma raspa o primeiro parágrafo e a primeira imagem da página, que costuma ser um logo ou pixel de tracking. Quatro propriedades são exigidas: og:title, og:type, og:image e og:url. Na prática inclua também og:description, og:site_name e og:locale. A imagem precisa estar em URL HTTPS absoluta — caminhos relativos são ignorados.

As dimensões recomendadas são 1200 x 630 pixels com proporção de 1,91:1. Imagens menores viram miniaturas laterais; proporções fora do padrão sofrem corte pelo centro. Mantenha o arquivo abaixo de 8 MB e prefira JPEG para fotos, PNG para screenshots e um fallback estático para GIFs (a maioria das plataformas não anima). Forneça sempre og:image:alt para leitores de tela e og:image:width e og:image:height para que a plataforma reserve o layout antes de baixar o arquivo.

<meta property="og:type" content="website">
<meta property="og:title" content="Gerador de Meta Tags - Ferramenta SEO">
<meta property="og:description" content="Gere title, description, canonical e Open Graph otimizados em segundos.">
<meta property="og:url" content="https://exemplo.com/gerador-meta-tags">
<meta property="og:site_name" content="1001 Ferramentas">
<meta property="og:locale" content="pt_BR">
<meta property="og:image" content="https://exemplo.com/og/meta-tags.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Screenshot do gerador de meta tags">

Twitter Card / X Card

O X (antigo Twitter) tem o próprio protocolo de cards, mas o crawler dele lê Open Graph como fallback. A tag twitter:card é o que dispara o preview rico; sem ela, o X exibe apenas um link em texto. Os dois valores que você mais vai usar são summary (miniatura quadrada pequena) e summary_large_image (card de banner grande). Para conteúdo e páginas de produto, escolha sempre summary_large_image — o engajamento é quase o dobro. Tags específicas do Twitter sobrescrevem Open Graph para o mesmo atributo, permitindo enviar uma imagem diferente ao X se precisar de outra proporção.

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@suamarca">
<meta name="twitter:creator" content="@autor">
<meta name="twitter:title" content="Gerador de Meta Tags - Ferramenta SEO">
<meta name="twitter:description" content="Gere title, description, canonical e Open Graph otimizados em segundos.">
<meta name="twitter:image" content="https://exemplo.com/og/meta-tags.jpg">
<meta name="twitter:image:alt" content="Screenshot do gerador de meta tags">

Schema.org e dados estruturados em JSON-LD

Além das meta tags clássicas, o SEO moderno depende de dados estruturados injetados como JSON-LD dentro de um <script type="application/ld+json">. O Google usa esses dados para gerar resultados ricos: estrelas de avaliação, breadcrumbs, accordions de FAQ, cards de produto com preço e cards de receita. JSON-LD é preferido em vez de Microdata ou RDFa porque fica no head, não polui o HTML e é mais fácil de manter. Os tipos mais úteis para sites gerais são Organization, BreadcrumbList, Product (preço, disponibilidade, avaliações), FAQPage e Article ou NewsArticle para conteúdo editorial.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "1001 Ferramentas",
  "url": "https://exemplo.com",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://exemplo.com/busca?q={query}",
    "query-input": "required name=query"
  }
}
</script>

hreflang para sites multilíngues

Se você serve o mesmo conteúdo em vários idiomas ou variantes regionais, o atributo hreflang diz ao Google qual versão exibir para cada usuário. Cada alternativa precisa referenciar todas as outras, inclusive a si mesma, caso contrário o Google ignora o cluster inteiro. Inclua sempre um fallback x-default para usuários cujo idioma não está coberto. Clusters de hreflang inconsistentes são um dos erros técnicos de SEO mais comuns porque falham em silêncio — o Search Console reporta em "Segmentação Internacional".

<link rel="alternate" hreflang="pt-br" href="https://exemplo.com/pt/pagina">
<link rel="alternate" hreflang="en" href="https://exemplo.com/en/page">
<link rel="alternate" hreflang="es" href="https://exemplo.com/es/pagina">
<link rel="alternate" hreflang="x-default" href="https://exemplo.com/en/page">

Erros comuns que custam tráfego

  • Títulos duplicados entre templates — cada arquivo paginado servindo o mesmo título dilui os sinais de ranking.
  • Descriptions geradas automaticamente com palavras-chave separadas por vírgula; o Google reescreve e você perde o controle do snippet.
  • Imagens Open Graph cortadas pelo centro — mantenha o ponto focal (logo, manchete) dentro do retângulo seguro de 1200x600.
  • Canonical apontando para 404 ou para o protocolo errado (http em vez de https), o que tira a página do índice.
  • URLs relativas em og:image ou canonical; ambas devem ser absolutas, com o esquema completo.
  • Falta de viewport no mobile, o que destrói os Core Web Vitals e dispara o aviso de "usabilidade móvel".
  • Deixar noindex no ambiente de staging e esquecer de remover depois do deploy.

Ferramentas de teste

  • Google Search Console — Inspeção de URL: veja exatamente o que o Googlebot renderizou e indexou.
  • Facebook Sharing Debugger: atualize o cache OG e veja o preview no Facebook, Messenger e WhatsApp.
  • X Card Validator (antigo Twitter): visualize o card summary_large_image.
  • LinkedIn Post Inspector: o LinkedIn cacheia dados OG por sete dias; use o inspector para limpar.
  • Rich Results Test do Google: valida dados estruturados JSON-LD e mostra quais resultados ricos são elegíveis.
  • Schema Markup Validator (schema.org): faz lint em qualquer marcação Schema.org, mesmo tipos que o Google não renderiza.

Perguntas frequentes

A tag meta keywords ainda importa? Não. O Google ignora desde 2009 e os outros buscadores seguiram. Deixar não custa nada, mas também não acrescenta.

Por que o Google mostra uma descrição diferente da minha? O Google reescreve cerca de 70% das descriptions quando julga que o texto on-page combina melhor com a busca. Faça com que a introdução da página seja tão atraente quanto a meta description.

Posso usar emoji no título? Tecnicamente sim, mas o Google remove a maioria e renderiza os restantes de forma inconsistente entre dispositivos. Reserve os emojis para a descrição se for indispensável.

Com que frequência devo atualizar as meta tags? Sempre que o conteúdo da página mudar de forma significativa, quando o CTR cair no Search Console ou a cada 6 a 12 meses como rotina de higiene.

Open Graph é fator de ranking? Não diretamente, mas gera tráfego de referência social, que produz backlinks e sinais de engajamento que de fato influenciam o ranking.

Ferramentas Relacionadas

🤖

Gerador de robots.txt

Gera arquivos robots.txt para SEO: define User-agent, Allow/Disallow por path e link para o sitemap.xml.
📣

Preview de Open Graph

Visualize como uma página aparecerá quando compartilhada no Facebook, Twitter/X, LinkedIn e WhatsApp. Preencha as meta tags e veja os cards sociais em tempo real.
🏷️

Gerador de JSON-LD (Schema.org)

Gere markup JSON-LD para Schema.org — Article, Product, FAQPage, BreadcrumbList, Organization, Person. Cole direto no &lt;head&gt; e melhore o snippet do Google. Tudo no navegador.

Gere as meta tags de SEO

As meta tags são o que define como uma página aparece no Google e ao ser compartilhada nas redes — e montá-las na mão, com a sintaxe certa, é fácil de errar. Este gerador cria as principais tags de SEO em segundos, a partir das informações que você preencher.

Ele cobre o title, a meta description, o canonical e as tags de Open Graph que controlam o cartão de compartilhamento. Você preenche os campos e recebe o bloco de HTML pronto para colar no <head> da página, garantindo que ela apareça bem na busca e nas redes sociais.

A geração roda no navegador, na hora. Uma forma rápida de cuidar do SEO básico de uma página sem decorar a estrutura de cada meta tag.