Escolha de imagem para redes sociais

Ao compartilhar um link da sua loja virtual nas redes sociais, como Facebook ou Pinterest, é possível exibir uma imagem em miniatura na publicação.

Exemplo de uma publicação do Facebook com uma imagem anexada

Para todos os temas gratuitos da Shopify, quando você posta um link da sua loja virtual nas redes sociais, a imagem em destaque da página é exibida. Os tipos de página a seguir têm imagens em destaque:

  • Páginas do produto
  • Páginas de coleção
  • Posts do blog

Para páginas que não têm imagens em destaque, como a página inicial ou uma página “Sobre nós”, é exibida a imagem de compartilhamento em redes sociais da sua loja virtual.

Definir a imagem de compartilhamento em redes sociais no admin

Nas preferências da Loja virtual, é possível adicionar uma imagem-padrão para ser usada quando não for encontrada uma imagem em destaque para a página.

Configurações do admin exibindo uma prévia de uma imagem compartilhada nas redes sociais

Etapas:

  1. No admin da Shopify, acesse Loja virtual > Preferências.

  2. Na seção Imagem de compartilhamento em redes sociais e SEO, adicione uma nova imagem ou altere uma imagem existente:

  • Para adicionar uma nova imagem, clique em Adicionar imagem.
  • Para alterar uma imagem existente, clique em Alterar imagem.
  1. Selecione no dispositivo a imagem que será exibida nas redes sociais.
  2. Clique em Salvar.

Se a imagem nos resultados do mecanismo de pesquisa estiver desatualizada depois que você atualizá-la no admin, será preciso reenviar o sitemap.

Imagem alternativa de logo

Quando uma imagem de compartilhamento em redes sociais não é carregada manualmente, a Shopify usa imagens adicionadas ao tema como alternativas. A Shopify pode usar o valor de uma das seguintes configurações do tema:

  • Cabeçalho > Logo (preferencial)
  • Configurações do tema > Checkout > Logo

Se o tamanho do logo não atender às dimensões recomendadas ou estiver em um fundo transparente, a Shopify preencherá a área com uma cor de Configurações do tema > Cores > Plano de fundo. Se essa configuração não estiver disponível, a Shopify usará a configuração Configurações do tema > Checkout > Área de conteúdo principal > Cor do plano de fundo. A imagem a seguir ilustra uma cor de plano de fundo sendo usada como preenchimento:

Logo quadrado da loja com barras vermelhas em cada lado para criar uma imagem retangular

Prioridade da imagem de compartilhamento em redes sociais

A imagem de compartilhamento em redes sociais em Loja virtual > Preferências serve como alternativa quando nenhuma outra imagem é encontrada. As imagens são selecionadas na seguinte ordem de prioridade:

  1. Imagens do código do tema: imagens codificadas diretamente nos arquivos do tema (prioridade mais alta).
  2. Imagens das configurações do tema: imagens carregadas nas configurações do tema para redes sociais ou checkout.
  3. Imagem das Preferências da loja virtual: a imagem alternativa padrão carregada em Configurações > Loja virtual > Imagem de compartilhamento em redes sociais.

Essa hierarquia garante que as escolhas de design intencionais no tema tenham precedência sobre as alternativas automáticas.

Campo da imagem de compartilhamento em redes sociais aparece em branco

Se o campo da imagem de compartilhamento em redes sociais em Configurações > Loja virtual > Preferências estiver em branco, talvez os compartilhamentos em redes sociais estejam buscando a imagem das configurações do tema. Analise os seguintes locais no editor de temas em busca de imagens:

  • Configurações do tema > Checkout > Logo
  • Configurações do tema > Redes sociais ou Compartilhamento em redes sociais

Se ambos os locais estiverem em branco, os compartilhamentos em redes sociais não conseguirão buscar uma imagem relevante, e o campo ficará em branco. É possível fazer o upload manual de uma imagem no campo Imagem de compartilhamento em redes sociais nas preferências da loja virtual.

A imagem de compartilhamento em redes sociais não é exibida nas redes sociais

Alguns temas exibem apenas imagens carregadas nas configurações do tema em posts de redes sociais. Se você tiver feito o upload de uma imagem em Configurações > Loja virtual > Preferências, mas ela não for exibida quando você compartilhar links, verifique se também há uma imagem carregada nas configurações de redes sociais do tema.

Visualização das imagens

Os temas gratuitos da Shopify usam tags Open Graph para fornecer às plataformas de redes sociais informações sobre o site. O Open Graph é usado pelo Facebook, Twitter, LinkedIn, Pinterest e outros serviços. É possível ter uma prévia da aparência da imagem social em algumas plataformas com ferramentas como o Card Validator do Twitter, o Crawler do Facebook e o Post Inspector do LinkedIn.