O que é uma imagem OG?
Uma imagem OG é a imagem de prévia identificada pelos metadados Open Graph de uma página da web. Redes sociais e serviços de mensagens compatíveis podem exibi-la quando os usuários compartilham a URL da página.
Como funcionam as imagens OG
Uma imagem OG é descoberta nos metadados estruturados da página por rastreadores que criam cartões de links fora do fluxo normal de renderização do navegador. Os metadados fornecem uma URL e podem adicionar dimensões, tipo MIME, texto alternativo ou várias opções de imagem, enquanto cada sistema consumidor aplica suas próprias regras de seleção e recorte. Os rastreadores podem buscar o conteúdo com pouca frequência e armazenar em cache tanto as tags quanto os bytes da imagem, por isso as atualizações nem sempre são imediatas. Os fluxos de trabalho de publicação geram um ativo estável e acessível publicamente e validam tanto a resposta do servidor quanto a marcação da página.
Informações essenciais
- Usar uma URL HTTPS absoluta para og:image evita ambiguidades quando os rastreadores resolvem metadados a partir de redirecionamentos, hosts alternativos ou URLs de página não canônicas.
- Declarar og:image:width e og:image:height pode ajudar um rastreador a reservar espaço para um ativo ou escolhê-lo sem decodificá-lo primeiro, mas os sistemas consumidores podem ignorar esses campos.
- Restrições de rastreamento, autenticação, assinaturas com prazo de validade, respostas MIME incorretas ou agentes de usuário de rastreadores bloqueados podem impedir a obtenção da prévia.
Quando as imagens OG são importantes
Escolha uma imagem com dimensões e conteúdo adequados para prévias de links, pois as plataformas podem recortá-la ou redimensioná-la. Metadados ausentes ou inacessíveis podem resultar em uma miniatura sem relação com o conteúdo ou na ausência de imagem.