Como configurar a imagem do link compartilhado e o ícone da aba

Quando alguém manda o link da loja no WhatsApp, no Instagram ou no Facebook, aparece um card com imagem, título e descrição. Em Configurações > SEO e compartilhamento você escolhe essa imagem, o ícone da aba do navegador e a cor da barra no celular.

Passo a passo

1. 1

   Abra a tela

   No menu lateral, clique em Configurações e depois em SEO e compartilhamento.

2. 2

   Envie a imagem de compartilhamento

   Em Compartilhamento do link, no campo Imagem de compartilhamento, clique em Upload ou Galeria. Use 1200×630 px, no formato paisagem.

3. 3

   Informe o perfil no X

   Se a loja tiver perfil no X, preencha Perfil no X (Twitter) sem o @.

4. 4

   Envie o ícone da aba

   Em Ícone e cor, no campo Ícone da aba (favicon), envie uma imagem quadrada de 48×48 px ou maior, em PNG.

5. 5

   Escolha a cor da barra no celular

   Em Cor da barra no celular, clique numa cor sugerida, use o seletor de cor ou digite o código. Usar padrão volta ao automático.

6. 6

   Confira e salve

   Veja as prévias No WhatsApp e No navegador e clique em Salvar.

O que acontece quando o campo fica vazio

• Sem imagem de compartilhamento, a loja usa o Logo de Configurações > Personalização, aba Imagens. Os produtos usam a foto do próprio produto.
• O ícone definido nesta tela tem prioridade sobre todos os outros favicons da loja.

De onde vem o ícone da aba

A loja procura o favicon nesta ordem e usa o primeiro que estiver preenchido:

• Primeiro, o Ícone da aba (favicon) desta tela de SEO e compartilhamento.
• Depois, o Favicon da aba Tema do editor visual, em Personalizar Loja.
• Depois, o Favicon de Configurações > Personalização, aba Imagens.
• Por último, o Logo de Configurações > Personalização, aba Imagens.

O título e a descrição do card são os mesmos do Google. Veja como configurar o SEO da loja.