Qual é o melhor tamanho para imagens de produtos de comércio eletrônico?

Se você está administrando sua loja online, a otimização de imagem é uma arte real que você deseja se tornar um mestre. Desde estimular os clientes a buscar imagens do Google para reduzir o tempo de carregamento do site, a otimização de imagem desempenha um papel tão importante na criação de sites de comércio eletrônico bem-sucedidos, pois a fotografia do produto atua como uma pedra angular da sua loja online.

Como mencionado anteriormente, você é proprietário de uma loja de comércio eletrônico; então, você pode reconhecer que as fotos de produtos de comércio eletrônico são vitais. Apresentar bem qualquer item é a chave para o sucesso. Seus clientes vão se perguntar como jóias ou itens de vestuário podem olhar para eles ou como um sofá de couro típico ficará em sua sala de estar.

Recomendado para você

• Tamanho do banner do site: qual é o tamanho mais eficaz?
• Como se tornar uma loja confiável do Google?
• Como encontrar produtos para vender online?

Neste artigo, você verá qual é o melhor tamanho para imagens de produtos de comércio eletrônico?

O que é otimização de imagem?

A otimização de imagem reduz ao máximo o tamanho do arquivo de suas imagens sem perder a qualidade para que os tempos de carregamento da página permaneçam baixos. A otimização de imagem também é conhecida como relacionada ao SEO de imagem. Isso significa obter imagens de seus itens, juntamente com imagens decorativas classificadas no Google com outros mecanismos de pesquisa de imagens.

Por que o tamanho da imagem do produto é importante em sites de comércio eletrônico?

Como você pode não saber, as imagens estão entre os ativos mais vitais para sua loja de comércio eletrônico.

Existe um ditado:

“E, no entanto, muitas vezes eles são negligenciados – os donos de lojas esquecem completamente de otimizar imagens para a web.”

Existem duas razões:

• Como obter imagens otimizadas para o seu site é outro passo extra na lista interminável que você precisa fazer
• É considerado uma prioridade baixa, então facilmente esquecido

No entanto, se você deseja melhorar sua taxa de conversão, sua fidelidade, seu envolvimento com o cliente e até mesmo seu valor de vida útil, é melhor começar direcionando sua atenção para sua coleção de imagens.

Antes de prosseguir, vamos descobrir por que as imagens desempenham um papel tão essencial no sucesso do seu negócio.

1. Contagem de primeiras impressões

Imagens ou pis são a primeira coisa que seus compradores veem enquanto verificam sua página de produto, e acredita-se que esses primeiros segundos podem se tornar vitais para permitir que eles decidam se continuam procurando seus produtos ou não.

Na verdade, no estudo de 2017 realizado pela Square e BigCommerce, diz-se que os clientes online americanos citam a fotografia extra de produtos como a primeira coisa que gostariam de marcas online.

2. Uma imagem vale mais do que 1.000 palavras

As fotos ajudam os clientes com mais confiança para garantir a qualidade e os detalhes dos produtos melhor do que qualquer descrição curta e longa.

Poder sentir os produtos como se estivessem em uma loja real por meio de imagens de produtos de boa qualidade permite que qualquer cliente explore muitos detalhes dos itens que procura.

Evidências de BigCommerce e Square provaram que cerca de metade dos entrevistados disseram que não conseguiam tocar, sentir e experimentar seus produtos favoritos ao fazer compras online.

3. O celular está tomando conta

Como as compras móveis estão se tornando cada vez mais importantes na vida de todos, as imagens serão necessárias, como mostra o movimento Speed ​​Update do Google. Os usuários de dispositivos móveis são maiores em quantidade ao usar imagens do que palavras ou textos para avaliar e navegar pela adequação de seus produtos.

Um item de comércio eletrônico claro e mais atraente de alguma forma significa que seus itens podem ser clicados e comprados com frequência.

4. As imagens podem arruinar o site da sua empresa

Observe que fotos de baixa qualidade e não profissionais para sites podem afetar negativamente a experiência do cliente e classificá-las nos mecanismos de pesquisa.

Você pode se perguntar as três seguintes perguntas:

• “Suas imagens carregam lentamente?”

• “Você não incluiu a meta descrição?”

• “As pessoas estão pulando quando aterrissam lá?”

Qual é o melhor tamanho para imagens de produtos de comércio eletrônico?

Caso você esteja usando o Photoshop, você pode desenvolver o modelo de imagem do produto gerando arquivos em branco e redimensionando-o para as dimensões desejadas. Isso ajuda você a manter a consistência dos seis da imagem. Há mais sobre os requisitos, mas os pontos de partida muito bons para os tamanhos de modelo para ajudá-lo a usar em sua loja estão entre 1.200px e 1.600px no lado mais longo. Lembre-se de que você deseja apenas detalhes suficientes para que os clientes aumentem e diminuam o zoom.

Uma consideração importante é como reduzir o tamanho do arquivo de imagens para ajudar a manter o tempo de carregamento da página no mínimo. Você não deve se preocupar que nada pode estragar a experiência do usuário como a página de carregamento lento. Um fato diz que cerca de 47% dos usuários agora esperam que uma página da Web carregue em menos de dois segundos, e 40% terão uma página abandonada que pode levar mais de 3 segundos para carregar.

Por isso, é necessário que você fique longe das imagens de tamanho grande que geralmente demoram mais para carregar. A regra geral para AIM para tamanhos de arquivo de imagem é inferior a 70 kb. E, felizmente, é possível reduzir o tamanho do arquivo sem perder a qualidade da imagem usando a ferramenta “Salvar para a Web” do Photoshop.

Além disso, você também deve considerar isso:

• Cerca de 50% dos clientes não estarão prontos para esperar 3 segundos para um site carregar.

• O tempo médio de carregamento da página está aumentando globalmente.

• A Amazon descobriu que, se suas páginas ficarem lentas em apenas um segundo, elas podem perder US$ 1,6 bilhão anualmente.

• O Google está usando o tempo de carregamento da página como um dos fatores de classificação mais importantes no algoritmo.

Outra maneira de ajudá-lo a reduzir o tamanho do arquivo de imagem é usar o comando "Salvar para a Web" no Adobe Photoshop. Usando esta ferramenta, você gostaria de ajustar as imagens para o menor tamanho de arquivo, mantendo a qualidade da imagem.

• Qualidade : Você pode encontrá-lo localizado nos cantos superior e direito.

• Formato do arquivo : Você pode encontrá-lo no canto superior e direito

• Otimização : Você pode encontrá-lo no canto superior e direito

• Cor : Você pode encontrá-lo no canto superior e direito

• Redução de tamanho e nitidez : você pode encontrá-lo no canto inferior e direito

• Tamanho do arquivo esperado : você pode encontrá-lo no canto inferior e esquerdo

E você também pode optar por usar Exportar como .

Agora, você pode se perguntar como escolher o tipo de arquivo correto .

Existem, de fato, três tipos de arquivos populares que você pode usar para postar essas fotos na web, incluindo GIF , PNG e JPEG .

Imagens JPEG ou .jpg são um tipo de arquivo antigo. JPEG agora está se tornando a foto padrão de fato da Internet. As fotos JPEG podem ser compactadas, resultando em fotos de qualidade com tamanhos de arquivo minúsculos.

As imagens GIF ou .gif têm qualidade inferior às imagens JPEG e são amplamente usadas para mais imagens, incluindo fotos e ícones decorativos. GIFs também auxiliam na animação. Em relação à otimização de imagem, os GIFs são conhecidos como ótimos para imagens simples e simples em qualquer página da web. No entanto, os GIFs não são uma solução útil para imagens complexas, o que é verdade para imagens maiores.

Imagens PNG são cada vez mais comuns como substitutos de GIFs. Os PNGs também suportam mais cores do que os GIFs e não serão degradados com o tempo com re-saves como os JPEGs estão fazendo. É melhor ter em mente que as fotos PNG-24 são três vezes maiores no tamanho do arquivo do que PNG-8. Esta é a razão pela qual você deve ter cuidado com PNGs.

E aqui estão várias dicas para ajudá-lo a lembrar como escolher os tipos de arquivo:

• Na maioria dos casos, no negócio de comércio eletrônico, os JPEGs podem se tornar os melhores. Eles podem oferecer a melhor qualidade para o menor tamanho de arquivo.

  

• Você nunca deve usar GIFs para fotos grandes de produtos. Esse tamanho de arquivo ficará enorme e não haverá como reduzi-lo. Você pode usar GIFs para as miniaturas e apenas para decorar as imagens.

• PNGs podem ser sua boa solução como alternativa para GIFs e JPEGs. Caso você só possa usar imagens de produtos no formato PNG, você pode tentar usar PNG-8 em vez de PNG-24. PNGs podem se destacar como fotos decorativas simples devido ao tamanho de arquivo extremamente pequeno.

5 dicas para otimizar as imagens de produtos da sua loja virtual

1. Defina o nome da imagem de forma descritiva e em linguagem simples

Não é tão complicado exagerar centenas de fotos de produtos e ainda manter os nomes de arquivo padrão que sua câmera já atribuiu.

Em relação à imagem SEP, é crucial que você use palavras-chave relacionadas para obter sua página da web classificada nos mecanismos de pesquisa. A geração de nomes de arquivos descritivos e ricos em palavras-chave é essencial para a otimização de imagens. Os mecanismos de pesquisa rastrearão os textos em sua página da Web e os nomes dos arquivos de imagem.

Tomemos o exemplo abaixo:

Você pode aplicar o nome genérico que sua câmera já atribuiu à sua imagem. Mas, será melhor nomear o arquivo em detalhes.

Vamos pensar em como seus clientes pesquisarão seus itens em sites. Quais os padrões de nomes que eles usarão como pesquisa. Por exemplo, os compradores de carros podem pesquisar o seguinte:

• Ford Mustang LX vermelho 2012

• Ford Mustang LX Vermelho 2012

• Red Ford Mustang LX 2012

Você pode analisar a análise do site para verificar que tipo de padrões de palavras-chave seus clientes estão seguindo. Você pode decidir os padrões de nomenclatura mais populares que eles estão usando e usar esse padrão para o processo de nomenclatura do arquivo de imagem.

Caso você não tenha o data-driven, pode ter certeza de usar palavras-chave importantes e relevantes para nomear suas imagens.

2. Obtenha seus atributos alternativos otimizados com cuidado

Os atributos Alt são conhecidos como a substituição de texto para fotos quando os navegadores não conseguem renderizá-las corretamente. Por sua vez, eles são amplamente utilizados para acessibilidade na web. Quando a foto for renderizada, você verificará o texto do atributo alt se passar o mouse. Esse atributo alt precisa agregar valor de SEO ao seu site. Incluir atributos alternativos apropriados contendo palavras-chave relevantes para as imagens do seu site pode ajudá-lo a ter uma classificação melhor em seus mecanismos de pesquisa. Como resultado, usar um atributo alt é a melhor maneira de seus itens de comércio eletrônico aparecerem na pesquisa e na imagem do Google.

Você pode dar uma olhada no código-fonte de um atributo alt:

<img src=”2012-Ford-Mustang-LX-Red.jpg” alt=”2012 Ford Mustang LX Red”>

Quando se trata de otimização de imagem, a primeira prioridade é preencher todos os atributos al para cada foto de produto em seu site. E aqui estão algumas regras para os atributos alt:

• Obtenha suas imagens descritas em uma linguagem simples, como você faz para os nomes dos arquivos de imagem

• Caso você esteja vendendo itens que contenham números de modelo ou números de série, você pode digitá-los nos atributos alt

• Pare de encher os atributos alt que estão cheios de palavras-chave

• Pare de usar atributos alt para as imagens decorativas. Os motores de busca podem penalizá-lo demais pela otimização.

Por último, mas não menos importante, vamos fazer a verificação de sanidade de vez em quando. Não se esqueça de ver as fontes da sua página web e verificar se os seus atributos alt estão devidamente preenchidos ou não. Você ficará muito surpreso com o que realmente sente falta à medida que avança na velocidade do empreendedorismo.

3. Opte por dimensões de imagem e ângulos de produto adequados

É comum verificar muitos ângulos do seu item. Você pode verificar novamente o exemplo do Ford Mustang e talvez não queira mostrar uma foto do cartão, normalmente você o está vendendo. Seria melhor você mostrar algumas fotos de:

• O interior

• A traseira, especialmente o aerofólio

• As jantes

• O motor

Portanto, uma das melhores maneiras de capitalizar essas imagens adicionais é preencher os atributos alt. E a maneira que você pode fazer é gerar atributos alternativos exclusivos para cada imagem de produto. O ponto-chave aqui é inserir descrições em seus atributos alt para que pesquisadores promissores possam pousar em seu site. Se você realizar algum trabalho extra, será recompensado com buscadores do Google.

4. Otimize suas miniaturas

Muitos sites de negócios de comércio eletrônico agora estão usando fotos em miniatura, principalmente nas páginas de categoria, pois podem mostrar os produtos sem ocupar muito espaço.

Embora as miniaturas sejam boas, você deve ter cuidado, pois elas podem se tornar um assassino silencioso. Não se esqueça da velocidade de carregamento da sua página. Suas miniaturas são frequentemente demonstradas em alguns pontos importantes durante o processo de compra. Caso eles impeçam o carregamento rápido de suas páginas de categorias, você pode perder seus consumidores em potencial. Observe que os usuários da Shopify não precisam se preocupar com a otimização de miniaturas, pois ela cuida disso para eles.

Portanto, o que você deve fazer agora?

• Certifique-se de que os tamanhos dos arquivos em miniatura sejam os menores possíveis. Vale a pena permitir que o slide de qualidade suporte um tamanho de arquivo menor. Observe que o cumulativo das miniaturas tem uma enorme influência no tempo de carregamento da página.

• Depois disso, deixe seu atributo alt variar para não duplicar o texto que você está usando para uma versão maior de uma imagem semelhante. Como resultado, você deve fazer seu texto de atributos alternativos de forma diferente. A última coisa a fazer é que a miniatura deve ser indexada em vez de imagens maiores.

5. Permita que suas fotos sejam testadas

O objetivo de otimizar suas imagens é aumentar o resultado final. Estamos falando sobre como reduzir o tamanho dos arquivos e como permitir que o mecanismo de busca indexe suas fotos; no entanto, não mencionamos testar imagens para verificar o que pode converter em mais e mais clientes.

• Testa o número de fotos do item em cada página. Como o tempo de carregamento é um problema para vários sites de comércio eletrônico não hospedados, você pode descobrir que reduzir o número de fotos em cada página ajudará a promover as taxas de cliques, juntamente com as vendas. É possível você dar muitas fotos em cada página que podem incentivar a experiência do usuário, gerando mais vendas. A única maneira de descobrir isso é testando.

• Teste quais ângulos os clientes gostam de fazer. Você pode ver um aumento na fidelidade do cliente fornecendo visualizações que seus consumidores gostariam de ver. Uma das melhores maneiras de descobrir é pesquisando seus próprios clientes sobre o que eles realmente mais gostaram ao revisar suas fotos de produtos. Falar com os clientes e pesquisá-los é considerado o melhor hábito a adquirir.

• Teste quantas listagens de itens é melhor ter nas páginas de categorias: 10, 20 ou 100 itens? Você pode testar o número de itens listados nas páginas de categorias para verificar o que funcionará melhor para seus compradores.

Postagens relacionadas

• Mais de 20 melhores aplicativos Shopify que toda loja precisa
• 11 melhores sites de banco de imagens para o seu negócio

Palavras finais

As imagens têm o poder de promover a aparência do seu negócio e podem servir bem como uma importante ferramenta de vendas. Todas as ferramentas que você tem para fazer isso acontecer estão disponíveis e você deve tentar conter os tops mais úteis, bem como a técnica acima. Esperamos que, com nosso guia completo sobre qual é o melhor tamanho para imagens de produtos de comércio eletrônico , você possa obter suas imagens altamente otimizadas para o negócio da sua loja. Agora, é hora de você começar de novo e o planejamento é a chave.