Visualizador e Gerador de Open Graph (OG) Pré-visualize a aparência do cartão Open Graph no Facebook, LinkedIn e outras plataformas.
Visualizador de Cartão Open Graph
Pré-visualize a aparência do cartão Open Graph no Facebook, LinkedIn e outras plataformas.
Insira detalhes da página
Adicione título, descrição, URL, URL da imagem e tipo de OG.
Visualize a prévia do cartão
Veja como sua página será exibida ao ser compartilhada no Facebook e LinkedIn.
Copie as tags meta
Copie as tags meta og: geradas para o seu site.
What Is Visualizador de Cartão Open Graph?
A ferramenta de Visualização do Open Graph permite que você veja exatamente como sua página da web aparecerá quando compartilhada no Facebook, LinkedIn e outras plataformas que usam o protocolo Open Graph. As tags meta do Open Graph controlam o título, descrição, imagem e tipo de informações exibidas nas visualizações de links. Uma pré-visualização do OG bem elaborada pode aumentar dramaticamente as taxas de cliques a partir de compartilhamentos sociais - posts com imagens e descrições otimizadas recebem muito mais engajamento. Essa ferramenta fornece uma pré-visualização visual que imita o formato do cartão do Facebook/LinkedIn e gera o conjunto completo de tags meta og: necessárias para adicionar ao HTML do seu site.
Why Use Visualizador de Cartão Open Graph?
-
Prévia visual que combina com os layouts de cartões do Facebook e LinkedIn
-
Gera todas as tags meta og: necessárias
-
Vários tipos de OG: website, artigo, produto, perfil, vídeo
-
Orientação sobre o número de caracteres para título e descrição ideais
-
Configuração do nome do site e da URL para configuração completa de OG
Common Use Cases
Lançamento de Site
Certifique-se de que todas as páginas tenham tags OG adequadas antes de ir ao ar.
Publicação de Blog
Otimizar como os artigos aparecem quando compartilhados nas mídias sociais.
E-commerce
Torne as páginas de produtos compartilheáveis com tags OG do tipo produto.
Campanhas de Marketing
Controle a mensagem exata que aparece nas prévias de links das mídias sociais.
Technical Guide
O protocolo Open Graph foi criado pelo Facebook em 2010 e agora é usado pela maioria das plataformas sociais para visualizações de links. Tags principais requeridas: og:title, og:type, og:image e og:url. Tags adicionais recomendadas: og:description, og:site_name, og:locale. Para imagens, o tamanho recomendado é 1200×630 pixels (razão 1.91:1) para exibição ótima em todas as plataformas. O Facebook armazena os dados do OG por cerca de 30 dias - use o Depurador de Compartilhamento do Facebook (developers.facebook.com/tools/debug/) para atualizar. O LinkedIn tem seu próprio Inspetor de Postagens para funcionalidade semelhante. As tags og devem estar na seção <head> do seu HTML. Se tanto as tags OG quanto os Cartões do Twitter estiverem presentes, o Twitter dará preferência às suas próprias tags, enquanto o Facebook usará as tags OG. A melhor prática é implementar ambos para controle máximo em todas as plataformas.
Tips & Best Practices
-
1Use imagens de 1200×630 pixels para exibição ideal em todas as plataformas
-
2Mantenha o og:título com menos de 60 caracteres e a og:descrição com menos de 160 caracteres
-
3Use o Depurador de Compartilhamento do Facebook para forçar a atualização dos dados de OG em cache
-
4Implemente tanto tags og: quanto twitter: para controle total entre plataformas
-
5Teste em várias plataformas - Facebook, LinkedIn e Slack renderizam de forma diferente
Related Tools
Visualizador de Cartão do Twitter
Pré-visualize como seu link será exibido como um cartão do Twitter/X com título, descrição e imagem.
📱 Social Media
Construtor de Links UTM
Crie URLs com parâmetros UTM para rastrear campanhas de marketing no Google Analytics.
📱 Social Media
Gerador de Botões de Compartilhamento Social
Gere botões de compartilhamento social em HTML/CSS para o seu site com vários estilos e plataformas.
📱 Social Media
Calculadora de ROAS
Calcule o retorno sobre o gasto em anúncios (ROAS) com análise de lucratividade e classificação de desempenho.
📱 Social MediaFrequently Asked Questions
Q O que são tags Open Graph?
Q Qual é o melhor tamanho de imagem OG?
Q Como atualizo os dados de OG em cache no Facebook?
Q Preciso de tags OG e Twitter Cards?
About This Tool
Visualizador de Cartão Open Graph is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.