Pré-visualização OpenGraph

Sobre esta ferramenta

O protocolo Open Graph foi introduzido pelo Facebook em 2010 e hoje é utilizado por todas as principais plataformas para gerar pré-visualizações de links partilhados. As tags og:title, og:description e og:image definem a aparência de um link no Facebook, LinkedIn, Twitter, Slack ou iMessage. Uma og:image correta deve ter pelo menos 1200x630 px para o Facebook - uma imagem mais pequena aparecerá desfocada ou nem aparecerá. Uma pré-visualização OG fraca ou ausente reduz significativamente a taxa de cliques dos links partilhados. O OpenGraph Preview carrega a tua página e mostra uma simulação precisa de como a pré-visualização aparecerá em cada plataforma - sem necessidade de partilha real e espera pela atualização da cache das redes sociais.

Como usar

1. 1Insere o URL da página no campo de entrada - a página deve estar acessível publicamente.
2. 2Clica em Pré-visualização - a ferramenta carrega a página e extrai as tags Open Graph e Twitter Card.
3. 3Observa a simulação da pré-visualização para Facebook e LinkedIn - é assim que o link aparecerá quando partilhado.
4. 4Verifica a pré-visualização do Twitter Card - certifica-te de que a imagem é suficientemente grande e o texto adequado.
5. 5Se as tags OG estiverem em falta ou incompletas, adiciona-as no HTML e testa novamente.

Especificações e limites

Simula pré-visualização para: Facebook e LinkedIn (formato 1200x630 px), Twitter summary e summary_large_image card. Extrai: og:title, og:description, og:image, og:url, og:type, twitter:card, twitter:title, twitter:description, twitter:image. Verifica disponibilidade de og:image e suas dimensões. Valida og:url. Saída para download como JSON. Análise imediata.