Ferramenta de visualização de gráfico aberto

\n\n\n\n\n`; }, copy(){ navigator.clipboard.writeText(this.tags); this.copied=true; setTimeout(()=>this.copied=false,1500); } }">

Title

Description

Image URL

Page URL

Preview (Facebook/LinkedIn style)

Open Graph tags

Share X / Twitter Facebook LinkedIn WhatsApp

Como usar Ferramenta de visualização de gráfico aberto

Preencha o título, a descrição, o URL da imagem e o URL da página.
Assista à visualização do cartão de compartilhamento - repita até que pareça correto.
Copie as meta tags no da sua página - valores exclusivos por página.
Após a publicação, verifique os caches da plataforma ao vivo e atualize (Facebook Debugger) se a página foi compartilhada antes.

O que é Ferramenta de visualização de gráfico aberto?

Uma ferramenta de visualização do Open Graph mostra a aparência do cartão de compartilhamento de um link (o título, a descrição e a imagem que aparecem quando sua página é postada no Facebook, X, LinkedIn, WhatsApp ou Slack) e gera as meta tags para produzi-lo. Você projeta o cartão visualmente e copia o código, em vez de publicar e esperar.

As tags Open Graph controlam a visualização do link desenrolado, e acertá-los é de grande importância: um cartão atraente com uma imagem forte ganha muito mais cliques do que um URL simples ou uma visualização quebrada. A visualização antes do envio detecta os problemas (imagem errada, título truncado, tags ausentes) que de outra forma envergonham você no feed de alguém.

Sobre o Ferramenta de visualização de gráfico aberto

Preencha o título, a descrição, o URL da imagem e o URL da página, assista à atualização da visualização do cartão de compartilhamento e copie as metatags completas do Open Graph (e do Twitter Card) para o da sua página.

O que a visualização ensina a acertar: a imagem — 1200×630 é o padrão multiplataforma e deve ser um URL https absoluto (os caminhos relativos são o principal motivo pelo qual as imagens não são exibidas); o título — contundente, com cerca de 60 caracteres para não truncar e pode ser diferente do seu título SEO (escreva-o para o feed); a descrição — ~2 linhas de gancho (~110 caracteres visíveis na maioria das plataformas); e completude — a visualização mostra o que está faltando antes que as plataformas reais renderizem um cartão simples.

O fluxo de trabalho: projete o cartão aqui, cole as tags em cada página compartilhável (cada uma com seus próprios valores — um cartão idêntico em todo o site faz com que cada link se pareça com a página inicial) e, após a publicação, verifique a página ativa e atualize os caches da plataforma (Facebook Sharing Debugger, LinkedIn Post Inspector), já que as visualizações de cache das plataformas são agressivamente — uma página compartilhada antes de suas tags estarem corretas mantém o cartão quebrado até ser forçado a raspar novamente. Nosso Open Graph Checker verifica tags ao vivo; esta ferramenta os projeta.

Perguntas Frequentes

1200×630 (1,91:1) — o padrão multiplataforma, nítido no Facebook, LinkedIn, X e WhatsApp. Mantenha o visual principal centralizado (alguns cortes são quadrados), use um URL https absoluto e fique abaixo de aproximadamente 5 MB.

Na maioria das vezes, um URL de imagem relativo em vez de absoluto - og:image deve ser um endereço https://… completo. Outras causas: imagem muito pequena, bloqueada por robôs ou a plataforma armazenou em cache uma versão mais antiga (atualize com seu depurador).

Sim - og:title é separado da tag <title>, então ajuste-o para o feed social (curiosidade, sem sufixo de marca) enquanto a tag title direciona a pesquisa. Dois públicos, duas manchetes, a mesma página.

Cache de plataforma. Facebook/WhatsApp: cole o URL no Depurador de compartilhamento e "Raspe novamente". LinkedIn: Inspetor de postagem. X é atualizado em poucos dias. A correção está ativa; o cache só precisa de um empurrãozinho.

Cada página compartilhável, com valores específicos da página — caso contrário, cada link compartilhado mostra o mesmo cartão (geralmente a página inicial). Os CMSs os geram por página automaticamente; sites personalizados usam ferramentas como esta para construí-los por página.