Prévia de cartão de compartilhamento (Open Graph)

Como funciona

Quando um link é compartilhado no Twitter/X, Facebook ou Discord, cada plataforma lê as tags meta Open Graph (og:title, og:description, og:image, og:url) presentes no <head> da página para construir seu próprio cartão de prévia — e cada plataforma o exibe com um estilo ligeiramente diferente. Em vez de publicar de fato o link para ver o resultado (o que também expõe a página publicamente e armazena o link em cache na plataforma), insira aqui os valores previstos para suas tags e visualize imediatamente as três renderizações lado a lado.

Por que a ferramenta não recupera automaticamente as tags da minha URL?

Porque isso exigiria fazer uma requisição de rede para um site externo a partir do seu navegador, o que é bloqueado pela política de segurança CORS dos navegadores para a grande maioria dos sites, e porque uma prévia obtida dessa forma poderia, de qualquer forma, não refletir fielmente como cada plataforma realmente interpreta suas tags. Inserir os valores manualmente é mais simples, mais confiável e funciona para qualquer URL, incluindo uma página que ainda não está online.

A imagem não aparece na prévia, por quê?

Se a URL da imagem inserida não estiver acessível publicamente (página em desenvolvimento local, URL inválida, ou servidor que bloqueia a exibição de outro domínio), seu navegador também não conseguirá carregá-la aqui. Verifique se a URL é realmente de uma imagem acessível publicamente.

Privacidade: nenhuma prévia real é obtida da Internet — apenas os valores que você insere são usados, inteiramente no seu navegador.