Visualizador Open Graph
Confira como sua página aparece quando alguém a compartilha, antes de publicar.
Acessado pelo nosso servidor
Para ler uma página da web, nosso servidor acessa a página e a imagem de compartilhamento dela por você. Não guardamos nenhuma das duas nem o endereço que você verifica. O que fazemos com seus dados
Lacrado
Prévias do link
Informe o endereço de uma página para ver a prévia do link em cinco apps populares.
Como funciona
-
Cole o endereço
Informe o endereço da página que você vai compartilhar: um artigo, um produto ou sua página inicial.
-
Compare as prévias
Veja lado a lado como o card do seu link deve aparecer, aproximadamente, no Facebook, X, LinkedIn, Discord e Slack.
-
Corrija as tags
As verificações listam tags ausentes ou fracas e problemas na imagem. Atualize sua página e verifique de novo.
Perguntas frequentes
O que são tags Open Graph?
São meta tags no head de uma página, como og:title, og:description e og:image. As redes sociais e os apps de mensagens as leem para montar o card exibido quando alguém compartilha um link.
Por que esta ferramenta precisa do seu servidor?
Os navegadores não deixam um site ler as páginas de outro site. Nosso servidor acessa a página e a imagem de compartilhamento por você e devolve apenas o necessário para as prévias. Nada é guardado.
Qual deve ser o tamanho da minha imagem de compartilhamento?
Use 1200 × 630 pixels, uma proporção de 1,91:1. Imagens menores ganham uma prévia pequena, e imagens com menos de 200 × 200 costumam ser ignoradas. Mantenha textos importantes longe das bordas, porque alguns apps cortam a imagem.
Estas prévias são exatamente o que cada app vai mostrar?
São aproximações próximas do layout habitual de cada app. Os apps mudam o visual de vez em quando e podem manter em cache uma versão antiga da sua página, então o card real pode ser um pouco diferente.
Atualizei minhas tags, mas a prévia antiga continua aparecendo. Por quê?
As redes sociais guardam uma cópia de cada link por um tempo. A maioria oferece uma ferramenta para atualizá-la, como o Depurador de Compartilhamento do Facebook ou o Post Inspector do LinkedIn.
Preciso de tags separadas para o X (Twitter)?
Na maioria dos casos, não: o X lê o título, a descrição e a imagem do Open Graph. Adicione twitter:card com o valor summary_large_image se quiser uma imagem grande em vez de um quadrado pequeno.