Gerador de meta tags

Gere meta tags de SEO, Open Graph e Twitter Card para a sua página a partir de um título, descrição, URL canônica, imagem, nome do site e tipo de cartão.

Carregando ferramenta…

Gerador de meta tags — Preencha o título, a descrição, a URL canônica, a imagem e o nome do site da sua página para obter um bloco pronto para colar de meta tags de SEO, Open Graph e Twitter Card para o head do seu HTML. As prévias ao vivo do SERP do Google e do cartão social mostram como a página vai aparecer na busca e ao ser compartilhada. Tudo é gerado no seu navegador — nada da sua página é enviado.

O que é Gerador de meta tags?

O Gerador de meta tags é uma ferramenta online gratuita que transforma alguns dados da página em um conjunto completo de meta tags HTML: as tags SEO padrão (title, meta description, link canônico), as tags Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name) e as tags Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Profissionais de marketing, blogueiros e desenvolvedores a usam ao lançar uma página ou artigo para controlar como ela aparece nos resultados do Google e como o seu link se expande no Facebook, LinkedIn, X/Twitter, Slack e Discord. Escolha o og:type (website, article, product, profile ou video.other) e o estilo de twitter:card (summary, summary_large_image, app ou player), e a ferramenta escreve apenas as linhas dos campos que você preencher. Ela gera tags HTML simples — não rastreia o seu site nem lê a página por você.

Como usar Gerador de meta tags

  1. Digite o título da sua página — ele se torna as tags <title>, og:title e twitter:title.
  2. Escreva uma meta descrição (cerca de 150–160 caracteres) para as tags description, og:description e twitter:description.
  3. Insira a URL canônica da página e uma URL de imagem absoluta para a prévia do link.
  4. Adicione o nome do seu site e escolha o og:type e o twitter:card nos menus suspensos.
  5. Copie o bloco HTML gerado da caixa de saída e cole-o no <head> da sua página.
  6. Use as prévias do SERP do Google e do cartão social para conferir o resultado antes de publicar.

Exemplos

Tags de um artigo de blog

Entrada

Título: How to Bake Sourdough
Descrição: A beginner's guide to baking sourdough bread at home.
URL: https://blog.example.com/sourdough
og:type: article

Saída

<title>How to Bake Sourdough</title>
<meta name="description" content="A beginner's guide to baking sourdough bread at home." />
<link rel="canonical" href="https://blog.example.com/sourdough" />
<meta property="og:title" content="How to Bake Sourdough" />
<meta property="og:type" content="article" />
<meta name="twitter:card" content="summary_large_image" />

Cartão social com imagem grande

Entrada

Imagem: https://example.com/og.png
twitter:card: summary_large_image

Saída

<meta property="og:image" content="https://example.com/og.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://example.com/og.png" />

Caracteres especiais são escapados

Entrada

Título: Tips & Tricks for "Pros"

Saída

<title>Tips &amp; Tricks for &quot;Pros&quot;</title>

Perguntas frequentes

Quais meta tags isto gera?
Ele produz tags SEO padrão (<title>, meta descrição e um link canônico), tags Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name) e tags Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Apenas as linhas dos campos que você preencher são incluídas, então você nunca recebe tags de espaço reservado vazias.
Qual é a diferença entre og:type e twitter:card?
og:type informa às plataformas que tipo de objeto a página é — website, article, product, profile ou video.other —, o que afeta como o link se expande. twitter:card escolhe o layout no X/Twitter: summary é uma miniatura pequena, summary_large_image mostra uma imagem grande em formato de banner, enquanto app e player são para aplicativos e mídia. Escolha o par que combina com o seu conteúdo.
A URL da imagem deve ser absoluta?
Sim. og:image e twitter:image devem ser URLs absolutas completas começando com https:// porque os rastreadores as buscam de fora do seu site — um caminho relativo como /og.png não carregará. Para melhores resultados, use uma imagem de 1200×630 em cartões grandes.
Esta ferramenta rastreia ou lê a minha página no ar?
Não. Ela apenas formata os valores que você digita em meta tags HTML. Não busca, rastreia nem analisa nenhuma URL — a URL canônica e a URL da imagem são escritas nas tags exatamente como estão, sem serem visitadas.
Meus dados são enviados a um servidor?
Não. As tags são criadas inteiramente no seu navegador com JavaScript. Nada do que você digita — incluindo títulos, URLs ou descrições não publicados — é enviado, armazenado ou transmitido a lugar algum, então é seguro usá-la em páginas privadas ou antes do lançamento.

Ferramentas relacionadas

Gerador de tags hreflang

Gera tags link hreflang para uma página multilíngue a partir de uma lista de pares de idioma e URL, com um x-default opcional e uma tag autorreferente.

Gerador de JSON-LD

Gere dados estruturados JSON-LD válidos para os esquemas Article, Product, FAQPage, HowTo, LocalBusiness, Event, Recipe, BreadcrumbList e Organization a partir de um formulário simples.

Verificador de densidade de palavras-chave

Analise qualquer texto para contar a frequência das palavras e a densidade de palavras-chave como frases de 1, 2 ou 3 palavras, com um aviso de superotimização.

Pré-visualização de Open Graph e cartão social

Pré-visualize como um link se expande em cartão social no X, LinkedIn, Slack, Discord e Facebook a partir de um título, uma descrição, uma URL de imagem e uma URL de página.