Come ottenere immagini di prodotti dall'aspetto fantastico a caricamento rapido

Come ogni proprietario di negozio sa, le foto sono una parte cruciale di ogni pagina di prodotto. Da sole, le foto dei prodotti possono convincere un acquirente a fare il passo successivo nel processo di acquisto: offri foto dei tuoi prodotti splendidamente scattate e altamente dettagliate e sei molto più vicino a ottenere un clic sul pulsante "aggiungi al carrello" .

Tuttavia, fornire ai tuoi acquirenti tutte queste foto può avere un prezzo. Con ogni foto o file multimediale di grandi dimensioni che aggiungi alla pagina del prodotto, il tempo di caricamento aumenta. E i tuoi acquirenti, non importa quanto siano interessati, non sono disposti ad aspettare per più di qualche secondo.

La sfida per i proprietari di negozi è questa: trovare un modo per fornire agli acquirenti le foto ad alta risoluzione che desiderano mantenendo le pagine dei prodotti caricate rapidamente . Potrebbe sembrare una sfida insormontabile, ma in realtà ci sono diversi modi per bilanciare veloce e fantastico, dalla compressione delle immagini ai plugin di WordPress.

I tuoi clienti possono infatti avere la loro torta e mangiarla anche loro. Diamo un'occhiata a come puoi velocizzare i tempi di caricamento delle foto dei tuoi prodotti preservandone la qualità.

Perché la velocità del tuo negozio è importante (suggerimento: non è solo SEO)

Ci sono alcuni motivi per cui avere foto di prodotti a caricamento rapido è importante tanto quanto averne di attraenti. Quello a cui la maggior parte dei proprietari di negozi pensa per primo riguarda i motori di ricerca.

Google ha iniziato a includere la velocità del sito come fattore di ranking per i suoi risultati di ricerca nel 2010. Da allora, quasi tutti i consigli sull'ottimizzazione dei motori di ricerca per i siti di e-commerce includono il consiglio "accelerare il tuo negozio" o "ridurre i tempi di caricamento".

È vero che i siti più veloci funzioneranno meglio nelle classifiche di ricerca, tutte le altre cose considerate uguali. Ma la SEO non è l'unico motivo per cui la velocità è così importante . Google ha reso la velocità un fattore di ranking solo in primo luogo a causa dell'esperienza dell'utente .

Ecco di cosa si tratta davvero: gli acquirenti non vogliono aspettare . Non vogliono aspettare le spedizioni, non vogliono aspettare risposte e di certo non vogliono aspettare che il tuo negozio si carichi. Quindi, se offri a un potenziale cliente una pagina del prodotto lenta e in ritardo... beh, cosa dice sul modo in cui potrebbe andare il resto della loro esperienza con te?

Quindi, mentre file di immagine di grandi dimensioni possono causare un caricamento lento delle pagine che potenzialmente danneggiano la tua SEO, queste pagine lente possono anche, cosa più importante, irritare i tuoi acquirenti . Ed è per questo che è così importante trovare l'equilibrio tra veloce e bello.

Con questo in mente, passiamo ai metodi che puoi utilizzare per ridurre i file di immagine preservandone la qualità.

Prova prima questo: salva le tue immagini con la compressione specifica per il web

Gli acquirenti vogliono foto dei prodotti grandi, molto dettagliate e in grado di essere ingrandite (se hai una funzione di zoom abilitata nel tuo negozio, cioè). Questo potrebbe sembrare impossibile se la tua missione è ridurre le dimensioni dei tuoi file.

Per fortuna, non lo è. Varie applicazioni e siti Web offrono una compressione pronta per il Web per le tue foto, consentendoti di condensare i file preservandone la qualità. Molte di queste applicazioni sono diventate così efficienti che un occhio inesperto non è in grado di individuare la differenza tra immagini compresse e non compresse.

Ecco come salvare le foto dei prodotti originali direttamente dalla fotocamera con la compressione pronta per il Web.

Se hai accesso ad Adobe Photoshop, prova l'opzione "Salva per il Web".

Se utilizzi qualsiasi versione di Adobe Photoshop, l'opzione "Salva per il Web" è esattamente ciò di cui hai bisogno per comprimere le foto dei tuoi prodotti per il tuo negozio . In Photoshop CC 2015 l'opzione si trova in File > Esporta > Salva per Web; nelle versioni precedenti l'opzione si trova in File > Salva per Web.

Dal nuovo menu visualizzato è possibile regolare la dimensione, la compressione e il formato dell'immagine risultanti. Ti verrà anche fornito un tempo di caricamento approssimativo e la dimensione del file: tutto ciò che devi sapere se sei nel segno con le tue foto compresse.

Niente Photoshop? Nessun problema: prova uno di questi strumenti online gratuiti

Non tutti hanno accesso a Photoshop, ma questo non dovrebbe trattenerti. Ci sono molti strumenti online gratuiti progettati per comprimere le tue foto .

Due dei migliori sono Kraken Image Optimizer e TinyPNG. Entrambi gli strumenti riducono le tue immagini a dimensioni sorprendentemente ridotte pur preservando la qualità.

Una volta che gli strumenti avranno terminato con le immagini caricate, potrai salvarle e aggiungerle al tuo negozio. Certo, aggiunge un passaggio in più, ma pensa a tutto il tempo (di caricamento) che salverà i tuoi acquirenti.

Usi WooCommerce? Modifica le impostazioni di WordPress o prova un plugin

Potresti sapere o meno che la compressione delle immagini è integrata direttamente in WordPress . Questa compressione riduce i tuoi file JPEG al 90% delle loro dimensioni originali, ma potrebbe non essere sufficiente per i negozi che optano per foto enormi e altamente dettagliate o grandi gallerie.

Un'opzione che devi controllare questa compressione incorporata è modificare il file functions.php di WordPress. Ciò ti consentirà di aumentare - o diminuire, se preferisci - la quantità di compressione automatica che si verifica prima che le tue immagini raggiungano il Catalogo multimediale.

Vuoi un percorso più facile? Puoi sempre provare un plugin. TinyPNG ha il suo, che funziona sia per JPEG che per PNG. Con un account gratuito, puoi ridurre fino a 100 immagini al mese.

Opta per JPEG a meno che tu non abbia bisogno di trasparenza

Un'altra cosa da tenere a mente: il formato del file. Certo, puoi comprimere le tue immagini quanto vuoi, ma alcuni formati sono naturalmente più grandi di altri.

In generale, JPEG dovrebbe essere il tuo formato preferito a meno che tu non abbia bisogno di trasparenza per qualche motivo . Nel caso in cui sia richiesta la trasparenza, dovresti optare per un PNG trasparente.

Altri formati sono più grandi o meno convenienti per la compressione online. E mentre potresti essere tentato di utilizzare una GIF animata esilarante sulla pagina del tuo prodotto... dovresti probabilmente riconsiderare. Il compromesso nel tempo di caricamento non vale la breve risatina che potrebbero avere i tuoi acquirenti.

Abilita una rete di distribuzione dei contenuti per il tuo negozio

Sebbene le moderne connessioni Internet e le migliori capacità di hosting abbiano accelerato il tempo necessario a un acquirente per caricare il tuo negozio, possono comunque verificarsi ritardi imprevisti. E a volte questi ritardi sono inevitabili se un acquirente si trova dall'altra parte del mondo da dove si trova il tuo server.

Fortunatamente, c'è un modo per velocizzare le cose per loro (e non solo per quei file più grandi come le foto dei prodotti). Una rete di distribuzione dei contenuti (CDN) utilizza la memorizzazione nella cache per fornire contenuti archiviati da server locali anziché contenuti su richiesta da un'unica posizione , velocizzando l'esperienza per tutti i tuoi acquirenti.

Con un CDN come CloudFlare o Amazon CloudFront, le copie memorizzate nella cache (ovvero non aggiornate al secondo) del tuo negozio verranno mostrate ai visitatori. I visitatori riceveranno anche i contenuti dal server CDN più vicino a loro. Entrambe queste cose accelerano notevolmente i tempi di caricamento, specialmente per foto e file multimediali di grandi dimensioni.

Insieme alla compressione, l'utilizzo di una CDN è un modo fantastico per pubblicare le foto dei prodotti in modo super veloce , soprattutto se non aggiorni il tuo negozio con una frequenza estremamente frequente. (E ovviamente, se qualcosa richiede un aggiornamento urgente, puoi disattivare il CDN.)

Alcuni altri modi per bilanciare veloce e fantastico

Le idee offerte sopra sono le cose più grandi e significative che puoi fare per trovare un equilibrio tra le foto dei prodotti che hanno un bell'aspetto e si caricano rapidamente . Ma ecco qualche altro consiglio da tenere a mente:

• Optare per sfondi bianchi . In generale, meno colori contiene un'immagine, minore sarà la dimensione del file. Ciò è ancora più vero una volta che la compressione entra in gioco e la tavolozza viene ulteriormente ridotta.
• Elimina i colpi di prodotto non necessari. Hai foto delle scarpe che vendi da dieci diverse angolazioni? Probabilmente puoi ridurre a cinque e dimezzare il tempo di caricamento.
• Carica prima le miniature e visualizza la dimensione intera solo facendo clic su . In questo modo gli acquirenti si aspetteranno di aspettare le foto più grandi.
• Se le foto non funzionano, prova il video... ospitato fuori sede . Il caricamento di video da YouTube o Vimeo non rallenterà il tuo negozio ed è una bella svolta nel concetto di foto del prodotto.

Le straordinarie immagini dei prodotti non devono rallentare il tuo sito (o i tuoi acquirenti)

Potrebbe sembrare che l'unico modo per avere splendide foto dei prodotti sia accontentarsi di un negozio lento... o che l'unico modo per ottenere pagine di prodotti a caricamento rapido sia accontentarsi di foto minuscole e altamente compresse. Ma ci permettiamo di dissentire.

Con poche ottimizzazioni alle foto dei tuoi prodotti, puoi trovare il perfetto equilibrio tra caricamento rapido e aspetto fantastico . E né il tuo sito, né i tuoi acquirenti, dovranno rallentare.

Hai domande su come ottenere fantastiche foto di prodotti sul tuo negozio WooCommerce senza rendere le cose lente? O meglio ancora, qualche tuo consiglio che vorresti condividere? Ci piacerebbe sentirti nei commenti!