Verifique sua imagem do Open Graph antes de compartilhar

Cole uma URL para ver a tag og:image declarada e como essa imagem aparece nas prévias de links. Identifique imagens ausentes, cortadas, borradas ou corrompidas para redes sociais antes de compartilhar o seu link.

Imagem encontrada

Verifique se a página possui uma tag og:image com uma URL HTTPS absoluta. Sem ela, as plataformas escolhem uma imagem aleatória da página ou não exibem nenhuma imagem.

Título

Descrição

framer.com

Tamanho e proporção

Use 1200 x 630 pixels, uma proporção de 1,91:1. Imagens menores podem aparecer como uma miniatura pequena, e outras proporções são cortadas de forma diferente em cada plataforma.

Título

Descrição

framer.com

Arquivo e formato

Use JPG ou PNG com menos de 5 MB. Mantenha textos e logotipos importantes longe das bordas, pois alguns aplicativos cortam a imagem em formato quadrado ou em um cartão mais estreito.

Pré-visualizações da plataforma

Compare como a mesma imagem aparece no LinkedIn, X, Slack, WhatsApp e Google para garantir que a prévia fique nítida e alinhada à sua marca em qualquer lugar.

Título

Descrição

framer.com

Um guia prático para imagens OG

A imagem OG geralmente é a maior parte da prévia de um link, por isso tem um grande impacto na decisão das pessoas de clicar. Veja aqui como verificá-la e melhorá-la.

O que é uma imagem OG?

Uma imagem OG é a imagem definida pela tag meta og:image do protocolo Open Graph. As redes sociais e aplicativos de mensagens a leem para criar o card de pré-visualização quando alguém compartilha o seu link.

Qual é o melhor tamanho para imagem OG?

1200 x 630 pixels funciona em quase todas as plataformas. Esse tamanho é compatível com o card grande de 1,91:1 no LinkedIn, Facebook e X. Adicione as tags og:image:width e og:image:height para que as plataformas possam renderizar a imagem mais rapidamente.

Como verificar uma imagem OG

Digite a URL da página e execute a verificação. Confirme se a imagem carrega, se possui a proporção correta e se tem uma boa legibilidade em tamanhos pequenos. Em seguida, veja a prévia de cada plataforma para checar se há cortes ou se o texto ficou pequeno demais.

Por que minha imagem OG não está aparecendo?

As causas mais comuns são o uso de uma URL relativa para a imagem, uma imagem bloqueada pelo robots.txt ou por uma tela de login, um arquivo grande demais, um tipo de conteúdo incorreto ou uma prévia antiga salva no cache. Corrija a tag, publique novamente e atualize o cache na ferramenta de depuração da plataforma.

Imagem OG vs. imagem do Twitter card

O X lê primeiro o twitter:image e recorre ao og:image se necessário. Defina twitter:card como summary_large_image para obter o layout com imagem grande. Na maioria dos casos, uma única imagem de 1200 x 630 pode atender a ambos.

Dicas para imagens OG que geram cliques

Use um título claro ou uma foto do produto, alto contraste e um logotipo reconhecível. Mantenha o texto curto e grande, e crie uma imagem exclusiva para páginas importantes em vez de reutilizar uma única imagem em todo o site.

Encontre inspiração para imagens OG

Navegue pela galeria do LinkPreview para ver como mais de 1.700 sites criam suas imagens Open Graph e, em seguida, verifique sua própria URL para comparar.