A imagem de compartilhamento social da Shopify não está funcionando
A Shopify escolhe a imagem de compartilhamento em uma ordem fixa: código do tema, configurações do tema e, por fim, a imagem em Preferências. Fazer o upload no lugar errado é a causa mais comum.
Última atualização
Solução rápida
Verifique a URL da loja com o verificador de meta tags.
Primeiro, procure uma configuração de imagem social no seu tema; ela substitui as Preferências.
Caso contrário, defina-a em Loja virtual, Preferências, Imagem de compartilhamento social e SEO.
Atualize o link no Depurador de compartilhamento do Facebook.
Por que a imagem da Shopify não está aparecendo
O tema substitui as Preferências. A Shopify usa as imagens nesta ordem: codificadas no código do tema, depois as configurações do tema para redes sociais ou checkout e, por fim, a imagem das Preferências.
Seu tema usa apenas a configuração própria. Alguns temas ignoram totalmente a imagem das Preferências.
A página tem a própria imagem. Links de produtos, coleções e postagens de blog usam a imagem destacada dessa página nos temas gratuitos da Shopify.
Nenhuma imagem foi definida em lugar algum, portanto a Shopify recorre ao seu logotipo e adiciona um espaçamento com a cor de fundo.
A plataforma armazenou a pré-visualização antiga em cache.
Como corrigir
Abra a URL no verificador de meta tags e veja qual
og:imageela veicula.Em Loja virtual, Temas, Editar tema, Configurações do tema, procure por Redes sociais ou Compartilhamento social e defina a imagem lá, caso exista.
Se o tema não tiver essa configuração, acesse Loja virtual, Preferências e adicione a imagem em Imagem de compartilhamento social e SEO.
Para produtos, coleções e postagens, defina uma imagem destacada nesse item.
Remova a senha da loja virtual antes de testar. O suporte da comunidade da Shopify destaca que uma página protegida por senha oculta suas tags.
Clique em Depurar novamente no Depurador de compartilhamento do Facebook.
Tags que os temas da Shopify geram
Os temas gratuitos da Shopify adicionam tags Open Graph para você: og:title, og:description, og:url e og:image. Temas personalizados podem ser diferentes, portanto verifique o HTML publicado.
Regras de tamanho de imagem
Facebook: 1200 x 630 px recomendado, mínimo de 200 x 200 px, máximo de 8 MB
LinkedIn: mínimo de 1200 x 627 px, máximo de 5 MB
WhatsApp: menos de 600 KB
A Shopify preenche com bordas os logotipos que não correspondem ao tamanho recomendado ou que têm fundo transparente. Use uma imagem sem bordas (sangria total). Verifique o arquivo com o verificador de tamanho de imagem OG.
Como forçar uma atualização
A Shopify não consegue limpar o cache do Facebook ou do LinkedIn. Use o Depurador de compartilhamento e o Post Inspector, e compartilhe a URL com uma query string no X, Slack e Discord. A ferramenta de atualização tem o passo a passo completo.
Fontes
Perguntas Frequentes
Por que a imagem das minhas preferências da Shopify não aparece quando compartilho um link?
Seu tema tem sua própria configuração de imagem para redes sociais ou tags embutidas que substituem as Preferências. Defina a imagem nas configurações do tema.
Qual imagem a Shopify usa para links de produtos?
Nos temas gratuitos da Shopify, a imagem em destaque do produto. O mesmo vale para coleções e posts do blog.
Por que o meu logotipo aparece com uma borda colorida?
Nenhuma imagem de compartilhamento foi definida, então a Shopify usa o logotipo e preenche o espaço com a cor de fundo do seu tema.
Verifique sua página e atualize a prévia
Cole sua URL no verificador gratuito para ver as tags exatas que cada aplicativo lê. Assim que as tags estiverem corretas, use a ferramenta de atualização para limpar a pré-visualização antiga.
Guias relacionados
A prévia do link do Facebook não está aparecendo ou não está atualizando
O Facebook lê as tags Open Graph com seu próprio rastreador e armazena o resultado em cache por até 30 dias. Corrija as tags e a imagem e, em seguida, rastreie o URL novamente.
A imagem OG do WordPress não aparece ao compartilhar um post
No WordPress, as tags do Open Graph vêm de um plugin de SEO ou do tema. Duas fontes em conflito, uma página em cache ou uma imagem pequena costumam ser as causas mais comuns.
A imagem Open Graph do Webflow não está funcionando
O Webflow define o Open Graph por página, nunca globalmente. As páginas de modelo do CMS precisam de um campo de Imagem, e todas as imagens dessa coleção devem ter o mesmo tamanho.