Skip to content

Gerador de Meta Tags e Open Graph

Gere meta tags de Open Graph, Twitter Card e SEO com prévia ao vivo do Google, Facebook e X. 100% grátis, no navegador, sem cadastro — copie e cole o código.

Sem rastreamento Roda no navegador Grátis
Tudo roda no seu navegador. Seu conteúdo e a URL da imagem nunca saem desta página — sem envio, sem cadastro.
SEO básico
Open Graph (Facebook, LinkedIn…)
X (Twitter) Card
Avançado e ícones
Verificações
    Tags de <head> geradas 
     
      
     Importar de um <head> existente (analisado localmente, nada é enviado) 
       
     
      
     Verifique após publicar: Facebook LinkedIn Google Rich Results 
     
     
      
      
       Saída de tags e especificações de plataforma verificadas em relação ao protocolo Open Graph (ogp.me), ao Google Search Central e à documentação atual de compartilhamento do Facebook, X, LinkedIn e Discord. — Go Tools Team · Jul 15, 2026  
          
     
    O que são meta tags e Open Graph?
     
     
    Meta tags são trechos de HTML dentro do <head> da sua página que descrevem a página para navegadores, buscadores e plataformas sociais. As tags de SEO clássicas são o <title>, a meta description e o link canonical. As tags de Open Graph (og:title, og:type, og:image, og:url e afins) são um protocolo, originado no Facebook, que controla o título, a descrição e a imagem exibidos quando o seu link é compartilhado — e quase todas as plataformas as leem, incluindo LinkedIn, Slack, Discord, WhatsApp, Pinterest e Telegram.
    O Twitter/X usa suas próprias tags twitter:card, mas recorre às suas tags de Open Graph quando elas estão ausentes, então um bom conjunto de tags OG mais um único valor de twitter:card cobre todas as redes. Este gerador escreve todas essas tags, adiciona dados estruturados JSON-LD opcionais e pré-visualiza o resultado ao vivo — assim você nunca precisa escrevê-las à mão nem adivinhar como um compartilhamento vai aparecer.
     
      
      
     
    Especificações de imagem e tags por plataforma
     
     
     
    Open Graph (Facebook e LinkedIn)
     
    Ambos leem og:title, og:description, og:image e og:url. Imagem recomendada 1200×630 (1,91:1). O Facebook faz cache por ~30 dias; o LinkedIn por ~7 dias — refaça o scraping com os depuradores deles após a publicação.
     
     
    X (Twitter) Card
     
    twitter:card é obrigatória (summary_large_image ou summary). O X recorre a og:* para o resto. Uma única imagem 1200×630 serve tanto para o OG quanto para o X; imagens abaixo de 300×157 rebaixam um card grande para um pequeno.
     
     
    Slack e Discord
     
    O Slack lê Twitter Card e depois Open Graph e pode exibir dois campos extras via twitter:label/data. O Discord lê Open Graph e é o único a usar theme-color para a barra de destaque do embed.
     
     
    WhatsApp e Telegram
     
    O WhatsApp precisa de og:title e og:image com os metadados perto do topo do HTML; o Telegram lê Open Graph e renderiza de forma confiável apenas a partir de imagens JPEG ou PNG.
     
     
    Rich Pins do Pinterest
     
    O Pinterest lê Open Graph ou Schema.org. Um Rich Pin de artigo precisa de og:type=article mais article:published_time e article:author — todos gerados aqui quando você escolhe o tipo article.
     
     
    Snippet de busca do Google
     
    A prévia ao vivo da SERP para desktop e celular mede o seu título e descrição em pixels — não apenas em caracteres — para que você veja o risco de truncamento antes do Google.
     
     
     
          
     
    Exemplos de meta tags
     
     
     
    Página inicial do site
     
     
    Title: Acme — Ship faster
Description: The all-in-one platform for modern teams.
URL: https://acme.com
Image: https://acme.com/og/home.png (1200×630)
     
    <title>Acme — Ship faster</title>
<meta name="description" content="The all-in-one platform for modern teams.">
<link rel="canonical" href="https://acme.com">

<meta property="og:title" content="Acme — Ship faster">
<meta property="og:type" content="website">
<meta property="og:image" content="https://acme.com/og/home.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:url" content="https://acme.com">

<meta name="twitter:card" content="summary_large_image">
     
     
    Uma página inicial precisa apenas das quatro tags obrigatórias de Open Graph, mais título, descrição e canonical. Como a imagem é 1200×630, a largura e a altura são preenchidas automaticamente, então o primeiro compartilhamento no Facebook aparece na hora, em vez de vir em branco.
     
     
    Artigo de blog (com article:* + JSON-LD)
     
     
    og:type: article
Title: The Complete Guide to Open Graph Tags
Author: Ada Lovelace
Published: 2026-07-15
     
    <meta property="og:title" content="The Complete Guide to Open Graph Tags">
<meta property="og:type" content="article">
<meta property="og:image" content="https://blog.example.com/og/guide.png">
<meta property="og:url" content="https://blog.example.com/open-graph-guide">
<meta property="article:published_time" content="2026-07-15T00:00:00Z">
<meta property="article:author" content="Ada Lovelace">

<meta name="twitter:card" content="summary_large_image">

<script type="application/ld+json">{ "@type": "Article", "headline": "The Complete Guide to Open Graph Tags", "datePublished": "2026-07-15T00:00:00Z" }</script>
     
     
    Escolher o tipo article libera as propriedades article:published_time e article:author e gera o JSON-LD de Article correspondente, então os buscadores e os Rich Pins do Pinterest recebem dados estruturados de graça.
     
     
    O Twitter/X herda o Open Graph
     
     
    twitter:card: summary_large_image
Inherit title/description/image from OG: on
     
    <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@acme">
     
     
    O X lê suas tags de Open Graph quando a tag twitter:* correspondente está ausente, então você só precisa de twitter:card. O gerador nunca emite um twitter:image vazio, o que quebraria esse fallback.
     
     
     
          
     
    Como adicionar tags de Open Graph ao seu site
     
       
    1.  1 
       
      Insira título, descrição e URL
       
      Digite o título da página, a meta description e a URL canonical. O medidor de pixels mostra se elas cabem no snippet de busca do Google.
       
       
    2.  2 
       
      Adicione uma og:image e escolha o tipo
       
      Cole uma URL de imagem 1200×630 e escolha website, article, product ou profile — os campos de Open Graph e o JSON-LD correspondentes aparecem automaticamente.
       
       
    3.  3 
       
      Confira as prévias ao vivo
       
      Alterne entre as abas Google, Facebook, X, LinkedIn, Slack e Discord para ver exatamente como o seu link vai aparecer antes de publicá-lo.
       
       
    4.  4 
       
      Copie para o seu 
       
      Copie o bloco completo de tags (ou uma seção) e cole dentro do  do seu HTML. Verifique após a publicação com os depuradores do Facebook e do LinkedIn.
       
       
      5.  
     
      
     
    Erros comuns de Open Graph
     
     
     
    Caminho relativo de og:image
     
    Um caminho como /cover.png funciona no seu editor, mas fica em branco ao compartilhar, porque os crawlers precisam de uma URL absoluta.
     
     
     ✗ Incorreto 
    <meta property="og:image" content="/cover.png">
     
     
     ✓ Correto 
    <meta property="og:image" content="https://example.com/cover.png">
     
     
     
     
    og:url ausente
     
    Sem uma og:url canonical, as contagens de compartilhamento se dividem entre variantes de URL e as plataformas podem escolher o endereço errado.
     
     
     ✗ Incorreto 
    <!-- no og:url -->
     
     
     ✓ Correto 
    <meta property="og:url" content="https://example.com/page">
     
     
     
     
    Imagem pequena demais ou proporção errada
     
    O Facebook ignora imagens abaixo de 200×200 e corta qualquer coisa distante de 1,91:1.
     
     
     ✗ Incorreto 
    600×600 og:image
     
     
     ✓ Correto 
    1200×630 og:image (1.91:1)
     
     
     
     
    Esquecer o twitter:card
     
    Mesmo com todas as tags de Open Graph, o X não renderiza card a menos que twitter:card esteja definida.
     
     
     ✗ Incorreto 
    <!-- OG only, no twitter:card -->
     
     
     ✓ Correto 
    <meta name="twitter:card" content="summary_large_image">
     
     
     
     
    twitter:image vazio quebra o fallback
     
    Um twitter:image vazio impede o X de recorrer a og:image — omita a tag em vez de deixá-la em branco.
     
     
     ✗ Incorreto 
    <meta name="twitter:image" content="">
     
     
     ✓ Correto 
    <!-- omit it; X uses og:image -->
     
     
     
     
    Charset colocado tarde demais
     
    A declaração de charset precisa aparecer dentro dos primeiros 1024 bytes do documento, ou é ignorada.
     
     
     ✗ Incorreto 
    <meta charset> after many tags
     
     
     ✓ Correto 
    <meta charset="utf-8"> first in <head>
     
     
     
     
     
      
     
    Casos de uso comuns
     
     
     
    Lançar uma landing page
     
    Gere o bloco head completo para uma nova página de marketing, para que ela fique impecável no momento em que alguém compartilhar o link no X, LinkedIn ou Slack.
     
     
    Prévias de blog e artigos
     
    Adicione article:published_time, article:author e o JSON-LD de Article para que os posts se qualifiquem para os Rich Pins do Pinterest e cards sociais ricos.
     
     
    Corrigir um compartilhamento quebrado
     
    Importe as suas tags atuais, identifique a og:image ausente ou a dimensão errada no painel de verificações, corrija e refaça o scraping com os links dos depuradores.
     
     
    Snippets de head para frameworks
     
    Copie um conjunto de tags limpo e correto para inserir em um site estático, um template de CMS ou um partial de head renderizado no servidor.
     
     
     
      
     
    Como o gerador funciona
     
     
     
    Prévia ao vivo, no navegador
     
    Cada card é renderizado a partir dos valores que você digita, nunca buscando a sua URL. Isso mantém as prévias instantâneas e privadas, e é a única forma honesta de pré-visualizar antes de uma página ser publicada.
     
     
    Medidor de SERP preciso em pixels
     
    O Google trunca títulos e descrições pela largura em pixels, não pela contagem de caracteres. Um canvas mede o seu texto na mesma fonte, então o medidor fica âmbar exatamente quando o snippet seria cortado.
     
     
    Verificação de imagem no lado do cliente
     
    Sua URL de og:image é carregada em um Image no seu navegador para ler a largura e a altura reais, depois comparada com 1200×630 e a proporção do card. Imagens de origem cruzada ainda informam o seu tamanho, então a verificação funciona sem nenhum envio.
     
     
    Conjunto de tags completo e moderno
     
    SEO básico, Open Graph, Twitter Card e JSON-LD em um único bloco, com o charset emitido primeiro para que fique dentro dos primeiros 1024 bytes. Tags legadas como meta keywords ficam desativadas por padrão.
     
     
     
      
     
    Boas práticas de meta tags
     
     
     
    Use URLs HTTPS absolutas
     
    og:image e og:url precisam ser URLs https://… completas. Caminhos relativos funcionam localmente, mas aparecem em branco quando um crawler busca a página no ar.
     
     
    Sempre defina og:image:width e height
     
    Declarar as dimensões permite que as plataformas montem o card imediatamente, então o primeiro compartilhamento não fica em branco enquanto elas buscam a imagem de forma assíncrona.
     
     
    Mantenha canonical e og:url iguais
     
    Aponte ambos para a mesma URL canonical, para que as contagens de compartilhamento e os sinais de busca não se dividam entre variantes de URL.
     
     
    Escreva para o orçamento de pixels
     
    Mire em um título com cerca de 50–60 caracteres e uma descrição com cerca de 155 — mas confie no medidor de pixels, já que o Google mede a largura, não a contagem de caracteres.
     
     
    Renderize as tags no servidor
     
    Os crawlers do Facebook, LinkedIn, WhatsApp, Telegram e Discord não executam JavaScript, então as tags de Open Graph precisam estar no HTML estático ou renderizado no servidor.
     
     
     
      
     
    Perguntas frequentes
     
     
     O que é um gerador de meta tags? 
     Um gerador de meta tags cria as tags HTML que ficam dentro do <head> da sua página — o <title>, a meta description, o link canonical, as tags de Open Graph para Facebook e LinkedIn e as tags de Twitter/X Card. Esta ferramenta gera todas de uma vez, mostra uma prévia ao vivo de como o seu link vai aparecer no Google, Facebook, X, LinkedIn, Slack e Discord, e permite copiar o código com um clique. Tudo roda no seu navegador. 
     
     Como adiciono tags de Open Graph ao meu site? 
     Preencha o título, a descrição, a URL canonical e uma URL de og:image, escolha o tipo de Open Graph, depois copie as tags geradas e cole dentro do <head> do seu HTML. Como os crawlers do Facebook, LinkedIn, WhatsApp e Telegram não executam JavaScript, as tags precisam estar presentes no HTML estático ou renderizado no servidor, e não injetadas por scripts do lado do cliente. 
     
     Qual tamanho deve ter uma imagem de Open Graph? 
     O tamanho recomendado de og:image é 1200×630 pixels, uma proporção de 1,91:1, que também atende ao card summary_large_image do X. O Facebook ignora imagens menores que 200×200 e exibe um quadradinho para qualquer coisa abaixo de 600×315. Sempre inclua og:image:width e og:image:height para que o primeiro compartilhamento apareça na hora, e sirva a imagem por HTTPS em uma URL pública que não esteja bloqueada pelo robots.txt. 
     
     A tag twitter:card é obrigatória? 
     Sim — twitter:card é a única tag de Twitter/X que você precisa incluir, caso contrário o X não renderiza um card mesmo com as tags de Open Graph presentes. Defina como summary_large_image para uma imagem grande ou summary para uma miniatura quadrada pequena. Para todo o resto (título, descrição, imagem), o X recorre às suas tags og:*, então esta ferramenta as omite por padrão para manter o markup limpo. 
     
     As meta tags ajudam no SEO? 
     O <title> e a tag canonical importam para o SEO; a meta description não é um fator direto de ranqueamento, mas influencia os cliques ao moldar o snippet de busca. As tags de Open Graph e Twitter Card não afetam o ranqueamento no Google, mas controlam a aparência dos seus links quando compartilhados, o que gera tráfego social. O Google pode reescrever o seu título nos resultados, então escreva um título claro e único e coloque as palavras importantes primeiro. 
     
     Esta ferramenta envia meu conteúdo ou minhas imagens? 
     Não. Tudo é gerado localmente no seu navegador com JavaScript. Seu título, descrição e URL de imagem nunca saem da página — não há servidor, envio nem conta. A og:image é carregada apenas no seu próprio navegador para pré-visualizá-la e ler as suas dimensões. 
     
     Posso importar meta tags que já tenho? 
     Sim. Abra o painel de importação, cole as suas tags <meta> existentes e a ferramenta as analisa localmente com o próprio parser de HTML do navegador para preencher o formulário — sem requisição de rede, sem nada enviado. É a alternativa que prioriza a privacidade em relação a ferramentas que buscam uma URL ao vivo no servidor delas. 
     
     Por que minha prévia atualizada ainda mostra a imagem antiga no Facebook ou LinkedIn? 
     As plataformas fazem cache dos dados de Open Graph: o Facebook por cerca de 30 dias, o LinkedIn por cerca de 7 dias. Depois de publicar, refaça o scraping da página com o Facebook Sharing Debugger ou o LinkedIn Post Inspector para atualizar o título, a descrição e a imagem em cache. Os links dos depuradores estão listados abaixo do código gerado. 
     
     
     
     
       
      
     
     
    Ferramentas relacionadas
      Ver todas as ferramentas →
 
     
      
     
      
      
      
     
     
    Gerador e Construtor de Comandos cURL
     
     
    Web & API
     
    Monte comandos curl no navegador — defina método, cabeçalhos, autenticação e corpo, obtenha um comando pronto para copiar instantaneamente. Presets para Bearer, POST JSON e upload. Grátis, privado, sem cadastro.
     
     
       
          
     
      
      
      
     
     
    Gerador htpasswd — bcrypt, Apache MD5 (apr1) e Basic Auth
     
     
    Web & API
     
    Gere entradas htpasswd com bcrypt, Apache MD5 (apr1), SHA-1 e mais. Obtenha configuracoes prontas para Apache, nginx e Docker. 100% no seu navegador — sem upload.
     
     
       
          
     
      
      
      
     
     
    Conversor de Base Numérica — Binário, Hex, Decimal e Octal
     
     
    Ferramentas de Conversão
     
    Converta números entre binário, hexadecimal, decimal, octal e qualquer base personalizada (2-36) instantaneamente. Gratuito, privado, sem cadastro — todo o processamento acontece no seu navegador.
     
     
       
          
     
      
      
      
     
     
    Decodificador e Codificador Base64
     
     
    Codificação e Formatação
     
    Decodifique e codifique Base64 online gratuitamente. Conversão em tempo real com suporte completo a UTF-8 e emoji. 100% privado — executa no seu navegador. Sem necessidade de cadastro.
     
     
       
          
     
      
      
      
     
     
    Conversor de Base64 para Imagem
     
     
    Codificação e Formatação
     
    Decodifique uma string Base64 ou data URI de volta para imagem no navegador. Pré-visualize, leia dimensões e MIME, e baixe como PNG, JPG, GIF, SVG. Sem upload.
     
     
       
          
     
      
      
      
     
     
    Gerador e Verificador de Hash Bcrypt
     
     
    Ferramentas de Segurança
     
    Gere e verifique hashes bcrypt de senha online — custo ajustável, prefixos $2b$/$2a$/$2y$. 100% no seu navegador; sua senha nunca é enviada.