Como definir a imagem de visualização social do Shopify (imagem original) no Shopify e no GemPages

Quando você compartilha um link de loja Shopify no Facebook, Twitter, LinkedIn ou aplicativos de mensagens, um imagem de pré-visualização social (também chamado de Imagem Open Graph (OG)) aparecerá. Configurando o direito Imagem de pré-visualização social do Shopify ajuda sua loja a ter uma aparência profissional, melhora o SEO e aumenta as taxas de cliques nas plataformas sociais.

Neste guia, explicaremos o que é uma imagem de visualização social do Shopify, por que ela é importante para SEO e como configurá-la para diferentes tipos de página no Shopify e no GemPages.

O que é uma imagem de visualização social do Shopify?

A Imagem de pré-visualização social do Shopify é a miniatura exibida ao lado do título e da descrição da sua página quando alguém compartilha seu link. Ela fornece a primeira impressão visual da sua marca nas redes sociais.

Por exemplo:

• Uma página de produto geralmente mostra a imagem do produto em destaque.
• Uma página de coleção geralmente mostra sua imagem de coleção em destaque.
• Uma landing page personalizada criada com o GemPages pode exibir sua própria imagem de visualização.

Definir corretamente sua imagem OG não só melhora a aparência da sua loja, mas também ajuda a gerar trechos sociais ricos que geram mais cliques.

Como definir imagens de visualização social por tipo de página

1. Imagem de visualização social da página inicial

O processo de Imagem de pré-visualização social da página inicial pode só ser definido no Shopify Admin.

Passos:

• No seu administrador do Shopify, vá para Loja Online > Preferências.
• Desloque-se para o Imagem para compartilhamento social seção.
• Clique Adicionar imagem (ou Mudar se estiver atualizando).
• Carregue a imagem que você deseja usar.
• Clique Economize.

2. Imagem de visualização social da página do produto

Quando uma página de produto é compartilhada nas redes sociais, o Shopify exibe automaticamente a imagem do produto em destaque.

Passos para atualizar:

• Acesse Produtos no seu Admin do Shopify.
• Selecione o produto que você deseja editar.
• De acordo com o relatório Media seção, carregue ou atualize a imagem em destaque.
• Clique Economize.

3. Imagem de visualização social da página de coleção

As páginas de coleção usam o imagem em destaque da coleção como a imagem de pré-visualização social.

Passos para atualizar:

• No seu Admin do Shopify, vá para Produtos > Coleções.
• Abra a coleção que você deseja editar.
• De acordo com o relatório Imagem da coleção campo, carregue ou altere a imagem em destaque.
• Clique Economize.

4. Imagem de visualização social da postagem do blog

Quando você compartilha uma postagem de blog, a Shopify usa seu imagem em destaque como a imagem de pré-visualização.

Passos para atualizar:

• No seu administrador do Shopify, vá para Conteúdo > Postagens do blog.
• Selecione a postagem do blog que você deseja editar.
• De acordo com o relatório Imagem em destaque seção, carregue ou atualize a imagem.
• Clique Economize.

5. Imagem de visualização social da página de destino do GemPages

Para páginas de destino personalizadas criado com GemPages, você pode atribuir uma imagem de visualização específica diretamente no editor.

Passos:

• Abra sua página no Editor de GemPages.
• Acesse Configurações de publicação > Compartilhamento social.

• Carregue a imagem que você deseja usar como pré-visualização.

• Salve e republique a página.

Solução de problemas: Por que minha imagem de pré-visualização nas redes sociais está incorreta?

Se a imagem de pré-visualização nas redes sociais aparecer incorreta ao compartilhar seu link, geralmente isso ocorre devido ao cache das plataformas de redes sociais.

Aqui estão algumas soluções comuns:

1. Limpe o cache do Facebook

O Facebook costuma armazenar uma versão em cache da pré-visualização da sua página. Para atualizá-la, use o Depurador de Compartilhamento do Facebook e clique Raspe novamente Para forçar o Facebook a atualizar a pré-visualização.

2. Limpe o cache do Twitter/X

Se o problema ocorrer no X (antigo Twitter), use o Validador de cartão do Twitter Para atualizar os dados de pré-visualização.

3. Republique sua página

Se você atualizou recentemente a imagem no Shopify ou no GemPages, certifique-se de que a página esteja atualizada. salvo e republicado para que a nova imagem de pré-visualização possa ser detectada.

4. Verifique o tamanho e o formato da imagem.

Para obter melhores resultados, use um Imagem de 1200 × 630 px Em formato JPG ou PNG. Tamanhos incorretos podem causar cortes na imagem ou o uso de imagens alternativas.

5. Aguarde a atualização do cache.

Em alguns casos, as plataformas de redes sociais podem levar de alguns minutos a várias horas para atualizar a pré-visualização após as alterações serem feitas.