Imagens de produto para uma loja rápida

Numa loja online, as fotografias são o que vende e também o que mais pesa. Uma página de produto com imagens grandes demais abre devagar, e o cliente que espera vai embora. A regra é simples: enviar a imagem já no tamanho que vai ser vista, no formato certo e com um nome que diga o que é.

Antes de enviar

1 Redimensione. Uma fotografia directamente da máquina ou do telemóvel tem muito mais píxeis do que o ecrã mostra. Veja nas definições do tema o tamanho em que as imagens de produto aparecem, e prepare-as um pouco acima dele.
2 Escolha o formato. JPEG para fotografias, PNG só quando precisa de fundo transparente, WebP quando o tema e os navegadores o aceitam. Veja a optimização de imagens e o WebP.
3 Comprima. Uma ferramenta de compressão, antes de enviar ou através de um plugin, tira peso sem se notar à vista.
4 Dê um nome ao ficheiro. sandalia-couro-castanha.jpg diz mais ao Google do que IMG_4821.jpg. Letras minúsculas, sem acentos, com hífenes.
5 Mantenha a mesma proporção em todos os produtos, por exemplo quadrada. Uma loja com imagens de formas diferentes salta na página e parece desleixada.

Depois de enviar

O quê Porquê
Texto alternativo em cada imagem Descreve a imagem a quem não a vê (leitores de ecrã, ligações lentas) e ajuda os motores de busca a percebê-la. Escreva o que se vê, sem encher de palavras.
A imagem principal primeiro É a que aparece na lista e nas partilhas, e a primeira a carregar. Dê-lhe mais cuidado do que às outras.
Carregamento adiado das restantes O WordPress já adia por omissão as imagens que ficam mais abaixo na página. Confirme que nenhum plugin o desfaz.
Regenerar tamanhos se mudar o tema O WordPress cria vários tamanhos de cada imagem. Se muda o tema, os tamanhos antigos já não servem: um plugin de regeneração cria os novos.

Quanto à galeria do produto, poucas fotografias bem escolhidas (de frente, de lado, em uso, um pormenor) vendem mais do que vinte parecidas. Cada fotografia a mais é mais um ficheiro a carregar, e mais um para guardar na conta.

Cada imagem enviada vira várias. O WordPress guarda o original e cria cópias em vários tamanhos. Uma loja com milhares de produtos gera dezenas de milhares de ficheiros, e as contas têm um limite de ficheiros (inodes) além do de espaço. Veja inodes, processos e memória e apague as imagens que já não usa.
Meça no fim. Abra a página de um produto e veja se a imagem principal é a primeira coisa a aparecer, e se o resto da página se mexe enquanto carrega. Este é um dos pontos que o Google mede: veja os Core Web Vitals em palavras simples. O plugin de cache também trata das imagens: LiteSpeed Cache: as primeiras definições.

A loja ficou lenta depois de enviar muitas imagens, ou o espaço está a acabar? Diga-nos o endereço e vemos o que consome.

Abrir um pedido de suporte

VEJA TAMBÉM

Hospedagem para WordPress

Planos de hospedagem

Política de Suporte

PRODUTO RECOMENDADO

Alojamento de sites com cPanel

Domínio e SSL incluídos, cópias diárias e o painel que já conhece. desde 5.940,00 Kz/mês (plano de 3 anos, com cupão)

Ver planos
  • 0 Utilizadores acharam útil
Esta resposta foi útil?