O que é
og:image é uma meta tag, <meta property="og:image" content="https://oseudominio.com/imagem.jpg">, que diz às redes sociais e aplicativos de mensagens exatamente que imagem mostrar no cartão de pré-visualização quando o link da sua página é compartilhado. Ao contrário das tags de título e descrição, normalmente não existe aqui uma alternativa automática confiável — sem esta tag, a maioria das plataformas mostra apenas uma pré-visualização em texto simples, sem qualquer imagem, o que se destaca de forma pouco convidativa ao lado de outros links compartilhados que têm uma.
A imagem precisa de ser referenciada pelo seu endereço web completo e direto (não um caminho relativo), e hospedada num local publicamente acessível, sem exigir login.
Por que importa
Um link compartilhado com uma pré-visualização visual é notado e clicado de forma significativamente mais frequente do que um que aparece como texto simples, simplesmente porque ocupa mais espaço visual e parece mais substancial num feed social ou numa conversa cheios de conteúdo. Isto é verdade em praticamente todas as plataformas que geram pré-visualizações de links — a imagem é muitas vezes o maior elemento visual de todo o cartão de pré-visualização.
Uma og:image em falta é também uma das lacunas mais comuns no compartilhamento social, precisamente porque é fácil definir as tags de título e descrição (que são apenas texto) e esquecer que a imagem precisa da sua própria tag, separada e corretamente formatada.
Como corrigir
- Escolha uma imagem que represente bem a página, com uma proporção larga, aproximadamente horizontal (1200×630 pixels é um tamanho comumente recomendado).
- Carregue a imagem em algum lugar do seu próprio site, para que tenha um endereço web estável e direto.
- Adicione
<meta property="og:image" content="https://oseudominio.com/caminho/para/imagem.jpg">na seção<head>da página, usando o endereço completo, não um relativo. - Se usa um criador de sites, procure um campo de upload "Imagem de compartilhamento social" nessa página específica, em vez de editar código diretamente.
- Teste com o Sharing Debugger do Facebook ou o Post Inspector do LinkedIn — estas ferramentas também ajudam a limpar a pré-visualização em cache (desatualizada) de uma plataforma, caso atualize uma imagem que já tenha sido compartilhada antes.