Mockup de prévia de rede social para uma imagem

Confira como ficará o compartilhamento de um link antes de publicá-lo: importe sua imagem de prévia (og:image), seu título e sua descrição, e veja o resultado simulado em um cartão no estilo Facebook ou X.

PNG, JPG ou WebP — de preferência no formato 1200x630

Como funciona

Quando um link é compartilhado no Facebook, no LinkedIn ou no X, a plataforma lê as tags Open Graph (og:image, og:title, og:description) da página para montar um cartão de prévia. Esta ferramenta recria visualmente esse cartão a partir das mesmas informações, sem que você precise publicar o link para conferir o resultado.

Por que meu título ou minha descrição aparecem cortados?

Cada plataforma limita o número de caracteres e de linhas exibidos antes de cortar o texto com reticências. Este mockup aplica um limite de duas linhas para o título e uma linha para a descrição, próximo do comportamento real observado nas principais redes.

Esta ferramenta altera as tags meta do meu site?

Não, é apenas uma prévia visual baseada nas informações que você digita aqui. Você ainda precisa preencher suas próprias tags Open Graph no código HTML da sua página para que o resultado real corresponda a esta prévia.

Nenhuma imagem nem nenhum texto é transmitido a um servidor: toda a renderização é gerada localmente no seu navegador.