Prévia de OG

Visualize como suas tags Open Graph aparecem no Facebook, LinkedIn e Discord antes de publicar. Gera codigo HTML de meta tags OG.

Principais recursos

Cartões de prévia ao vivo para Facebook, LinkedIn e Discord
Avisos de contagem de caracteres para título e descrição
Gera código de meta tag OG pronto para usar
Feedback visual ajuda a otimizar a aparência ao compartilhar em redes sociais

Guide

Voce compartilha o link do seu site no Facebook e ele fica... sem graca. Sem imagem, titulo generico, talvez um trecho aleatorio de texto. Isso acontece quando suas tags Open Graph estao faltando ou mal configuradas. Tags OG controlam exatamente como seu link aparece quando compartilhado em redes sociais. O previsualizador de Open Graph gratuito do WebRecast mostra exatamente como suas tags OG renderizarao no Facebook, LinkedIn e Discord - antes de publicar. Insira og:title, og:description, og:image URL e og:url, e a ferramenta gera cards de pre-visualizacao ao vivo que correspondem a renderizacao real de cada plataforma. A ferramenta tambem gera o codigo HTML completo de meta tags OG. Uma dica que faz diferenca real: use imagens com proporcao de 1200x630 pixels para og:image. E o tamanho que Facebook e LinkedIn exibem melhor. Qualquer coisa menor e cortada de forma estranha. Este previsualizador de Open Graph online gratuito te ajuda a acertar a apresentacao de cada link compartilhado. Sem conta necessaria.

Perguntas frequentes

O que são tags Open Graph?

As tags OG controlam como seu link aparece quando compartilhado em redes sociais — o título, a imagem e a descrição que as pessoas veem.

Por que meu link compartilhado aparece errado?

Geralmente tags OG ausentes ou incorretas. Esta ferramenta ajuda você a configurá-las e visualizar antes de publicar.