Resposta rápida: Uma imagem de partilha social é a imagem Open Graph — a imagem que aparece quando o URL do seu produto ou blog é colado em DMs do Instagram, WhatsApp, Slack, X ou Facebook. É definida por og:image no cabeçalho da página, não pelas fotos do seu produto, e o padrão do Shopify é frequentemente o logótipo da loja ou nada. Não afeta diretamente os rankings; afeta se um link partilhado é clicado. Para fatores de ranking de imagens na página, veja SEO de imagens para Shopify; para texto alternativo especificamente, veja texto alternativo de imagem de produto.

A maioria das lojas Shopify descobre este problema da mesma forma: alguém partilha um link de produto num chat de grupo e ele aparece como uma caixa cinzenta, um logótipo esticado ou o produto errado. A correção é pequena e quase sempre negligenciada, porque nada no admin do Shopify a revela.

O que realmente controla a pré-visualização

Três tags, todas em <head>:

  • og:image — o URL da imagem. Esta é a que importa.
  • og:title e og:description — o título e o texto abaixo dele. Estes recorrem ao seu título SEO e meta descrição se não estiverem definidos, o que geralmente está bem.
  • twitter:card — definido como summary_large_image para obter a pré-visualização em largura total no X em vez de uma miniatura.

Se og:image estiver ausente, cada plataforma adivinha. O Facebook escolhe a maior imagem que consegue encontrar, que numa página de coleção do Shopify é frequentemente um banner promocional. O Slack e o WhatsApp frequentemente não mostram nada.

Plataforma Comportamento de Recurso Resultado Típico
Facebook Escolhe a maior imagem na página Frequentemente mostra um banner promocional (não a imagem do produto pretendida)
Slack Não mostra nada quando og:image está ausente Link partilhado sem qualquer imagem de pré-visualização
WhatsApp Não mostra nada quando og:image está ausente Link partilhado sem qualquer imagem de pré-visualização

As especificações que realmente importam

1200×630 pixels. Esta é a proporção para a qual todas as principais plataformas cortam. Fotos de produtos quadradas são cortadas ao centro, o que num produto alto — uma garrafa, um vestido — corta o topo e o fundo.

Menos de 1 MB, idealmente menos de 300 KB. O WhatsApp e o iMessage silenciosamente ignoram imagens que são demasiado grandes, razão pela qual uma pré-visualização de link aparece corretamente no Slack de desktop e não mostra nada num telemóvel.

URLs absolutos com https://. Um URL relativo ao protocolo //cdn.shopify.com/… funciona num navegador e falha na maioria dos rastreadores.

JPEG ou PNG. O suporte a WebP em rastreadores sociais ainda é inconsistente — este é o único lugar numa loja Shopify onde WebP é a escolha errada.

Definindo no Shopify

O Shopify não expõe og:image no admin. É definido em theme.liquid, e a maioria dos temas inclui um padrão razoável:

Páginas de produtos devem usar a imagem em destaque. Páginas de coleção devem usar a imagem da coleção, recorrendo ao logótipo da loja. Artigos de blog devem usar a imagem do artigo. Tudo o resto recorre a um padrão de marca único.

O erro comum é um tema que define og:image uma vez, globalmente, para o logótipo da loja — então cada produto é partilhado como o logótipo. Verifique colando um URL de produto no Facebook Sharing Debugger, que mostra exatamente o que o rastreador vê e permite forçar uma nova análise após uma alteração.

Porque isto não é um fator de ranking, e porque ainda importa

As tags Open Graph não são usadas pelo Google para ranking. Nenhuma quantidade de trabalho em og:image move uma posição.

O que move é o clique em links partilhados, e partilhas são como a maioria das lojas Shopify obtêm seus primeiros links. Um produto partilhado num grupo de Facebook de 200 pessoas como uma caixa cinzenta é ignorado; o mesmo link com uma imagem limpa do produto é clicado. O valor de SEO é de segunda ordem e real: links partilhados que são clicados são ligados, e links movem rankings.

Também importa por uma razão que não existia há três anos. Motores de resposta de IA cada vez mais mostram um cartão de fonte com uma imagem quando citam uma página. Um og:image ausente significa que a sua loja é citada como texto enquanto um concorrente é citado com uma imagem do produto.

Verificando em todo o catálogo

Um produto é fácil de verificar. O modo de falha é que o recurso funciona e o caso específico não — produtos sem imagem em destaque, coleções criadas após a edição do tema, posts de blog importados de outra plataforma.

Colar cada URL no depurador do Facebook não escala. Os relatórios de auditoria do RankEngine indicam valores og:image ausentes e sobredimensionados por URL juntamente com o resto das verificações na página, que é a única maneira de capturar o subconjunto que silenciosamente recorreu ao padrão.

Relacionado