og:image é a imagem que um consumidor de Open Graph pode usar na prévia de compartilhamento. O protocolo define como declarar sua URL, descrição e dimensões, mas não impõe uma proporção universal: cada aplicativo pode recortar ou exibir o cartão de modo diferente.
Crie um arquivo que sobreviva ao recorte
- Como ponto de partida visual, use uma composição horizontal de 1200 × 630 px (aproximadamente 1,91:1). Trate isso como canvas comum, não como dimensão garantida por todas as redes.
- Mantenha assunto, logotipo e texto dentro de uma margem interna generosa. Confira miniatura pequena, cartão alto/estreito e crop central; não coloque informação essencial só nas bordas.
- Exporte JPEG, PNG ou WebP conforme suporte do canal; escolha formato/qualidade por teste real. Mantenha arquivo público, HTTPS, URL estável e resposta
200com tipo de mídia correto. - Use imagem da página que represente seu conteúdo. Não reaproveite o mesmo cartão genérico quando a página merece uma prévia específica. Texto dentro da imagem não substitui título/descrição HTML.
- Confirme os limites atuais de proporção, dimensões e peso no destino em que o link será compartilhado; um único recorte não garante comportamento idêntico em WhatsApp, LinkedIn, Facebook, X e apps de mensagem.
Declare metadados consistentes
<meta property="og:title" content="Título claro da página">
<meta property="og:type" content="article">
<meta property="og:url" content="https://exemplo.com.br/guia/">
<meta property="og:image" content="https://exemplo.com.br/imagens/guia-social.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Descrição objetiva do que aparece no cartão">
<meta property="og:description" content="Resumo que explica o conteúdo compartilhado.">Mantenha og:url alinhado com a canonical e não declare dimensões diferentes do arquivo servido. O Open Graph recomenda og:image:alt quando há imagem; essa descrição informa seu conteúdo e não é legenda.
Teste a URL pública
Depois de publicar, inspecione o HTML recebido sem JavaScript, abra a imagem diretamente e use o depurador/validador oficial de cada plataforma disponível para atualizar o cache e observar a prévia. Teste em tela pequena e desktop, e repita depois de trocar a imagem: algumas plataformas armazenam a versão anterior por um período.
Veja a especificação do Open Graph Protocol e as práticas do Google para imagens na Pesquisa. Imagem social ajuda a apresentação de links; não é requisito para uma página ser indexada nem garante destaque no Google.