Gerador gratuito de tags Open Graph e ferramenta de visualização
Gere as tags meta Open Graph e Twitter Card corretas para qualquer URL. Visualize como sua página aparecerá ao ser compartilhada.
Define your page details to visualize how your link will unfurl on social media.
O que é o protocolo Open Graph?
O protocolo Open Graph (OG) foi criado pelo Facebook em 2010 para padronizar como as páginas da web são representadas quando compartilhadas em redes sociais. Quando você cola um URL no Facebook, LinkedIn, Twitter, Slack ou qualquer outra plataforma, esses aplicativos procuram metatags og: no HTML <head> da página para decidir qual título, descrição e imagem exibir no cartão de visualização do link.
Sem tags OG, as plataformas sociais precisam adivinhar - e muitas vezes escolhem a imagem errada (um logotipo, um pixel de anúncio, um ícone minúsculo) ou obtêm uma descrição truncada e irrelevante. Uma imagem OG bem elaborada pode aumentar as taxas de cliques em 3x ou mais em comparação com links com visualizações ausentes ou quebradas.
As cinco tags principais do Open Graph
- og:title: O título da sua página como deve aparecer na visualização do link. Geralmente é igual ou uma variação da tag
<title>da sua página. Procure usar de 40 a 60 caracteres. - og:description: uma descrição de 1 a 2 frases do conteúdo da página. Procure usar de 50 a 160 caracteres. Escreva-o como um resumo atraente, não como um despejo de palavras-chave.
- og:image: o URL da imagem do cartão de visualização. Tamanho recomendado: 1200 × 630 pixels em uma proporção de 1,91:1. Deve ser um URL absoluto (não um caminho relativo). Use uma imagem visualmente clara e de alto contraste. Evite textos pequenos na imagem.
- og:url: o URL canônico da página. Ajuda as plataformas sociais a eliminar entradas de cache duplicadas e garante que a contagem de compartilhamentos seja atribuída ao URL correto.
- og:type: O tipo de conteúdo:
sitepara páginas gerais,artigopara postagens de blog,produtopara itens de comércio eletrônico,perfilpara perfis de usuário.
Tags de cartão do Twitter
Twitter (X) usa suas próprias meta tags twitter: além ou em vez das tags OG. O mais importante é o twitter:card, que controla o estilo do cartão. summary_large_image exibe uma imagem grande acima do texto do tweet - esse formato tem desempenho consistentemente melhor do que o cartão summary padrão. Esta ferramenta gera tags OG e Twitter juntas, alinhadas corretamente.
Como testar suas tags OG
Depois de publicar sua página com tags OG, teste com ferramentas de depuração específicas da plataforma. Certifique-se também de usar nosso Gerador de link de compartilhamento social para criar botões de compartilhamento personalizados que direcionam os usuários a compartilhar sua página:
- Facebook: Meta Sharing Debugger - também permite que você force a atualização do seu cache.
- Twitter/X: Twitter Card Validador
- LinkedIn: Inspetor de postagem do LinkedIn
Perguntas frequentes
Por que a imagem errada aparece quando compartilho meu link?
As plataformas sociais armazenam fortemente os dados OG. Mesmo depois de adicionar tags OG corretas, as visualizações antigas podem persistir por dias. Use as ferramentas de depuração de compartilhamento da plataforma (Facebook Sharing Debugger, LinkedIn Post Inspector) com a opção "Forçar atualização" para limpar os dados em cache e rastrear novamente sua página imediatamente.
As tags OG afetam minhas classificações de SEO do Google?
Não diretamente. O Google não usa tags OG como sinal de classificação. No entanto, eles impactam indiretamente o SEO por meio das taxas de cliques: links com imagens e títulos atraentes recebem mais cliques quando compartilhados nas redes sociais, o que gera tráfego de referência. Uma CTR mais alta nos resultados da Pesquisa Google também é um sinal de classificação positivo.
Qual deve ser o tamanho da minha imagem OG?
O tamanho recomendado é 1200 × 630 pixels (proporção de 1,91:1). Facebook, Twitter e LinkedIn suportam esse tamanho corretamente. Mínimo: 600 × 315px. O arquivo de imagem deve ter menos de 8 MB para o Facebook. Use JPG para fotografias e PNG para imagens com texto ou gráficos.
Ferramentas de desenvolvedor entregues gratuitamente
Guias de deep links, dicas de Open Graph e novas ferramentas dev - direto na sua caixa de entrada.
Related Tools
Explore other free tools to build, test, and optimize your links and QR codes.
Código de barras (1D)
Gere, visualize e baixe códigos de barras 1D (Code128, EAN-13, UPC, etc.) instantaneamente em seu navegador.
Rastreador de vários domínios GA4
Gere snippets de código de rastreamento de vários domínios do Google Analytics 4 (GA4) para manter sessões de usuários em vários sites.
Link direto do aplicativo inteligente
Gere scripts de roteamento inteligentes que detectam o sistema operacional do usuário e redirecionam para aplicativos móveis nativos recorrendo a URLs da web.
Links HTML
Gere tags âncora HTML limpas e perfeitamente formatadas com atributos personalizados rel, target, class e ID.
Construtor de links afiliados da Amazon
Limpe URLs confusos da Amazon e gere links de associados perfeitos usando sua tag de afiliado.
Expirador de link e snippet de contagem regressiva
Gere um snippet Javascript para expirar automaticamente um link e redirecionar o tráfego após uma data e hora específicas.