Qual è la dimensione migliore per le immagini dei prodotti e-commerce?

Pubblicato: 2021-12-24

Se gestisci il tuo negozio online, l'ottimizzazione delle immagini è una vera arte che desideri diventare un maestro. Dallo stimolo dei clienti a perseguire le immagini di Google per ridurre i tempi di caricamento del sito, l'ottimizzazione delle immagini svolge un ruolo così importante nella creazione di siti di eCommerce di successo poiché la fotografia del prodotto funge da pietra angolare del tuo negozio online.

Come accennato in precedenza, sei il proprietario di un negozio eCommerce; quindi, potresti riconoscere che le foto dei prodotti eCommerce sono vitali. Presentare bene qualsiasi oggetto è la chiave del successo. I tuoi clienti si chiederanno come possono guardarli gioielli o capi di abbigliamento o come apparirà un tipico divano in pelle nel loro soggiorno.

raccomandato per te

Dimensioni del banner del sito Web: qual è la dimensione più efficace?
Come diventare un Google Trusted Store?
Come trovare prodotti da vendere online?

In questo articolo, ti verrà mostrato qual è la dimensione migliore per le immagini dei prodotti eCommerce?

Che cos'è l'ottimizzazione delle immagini?

L'ottimizzazione delle immagini riduce il più possibile le dimensioni del file delle immagini senza perdere la qualità in modo che i tempi di caricamento della pagina possano rimanere bassi. L'ottimizzazione delle immagini è anche nota come correlata alla SEO delle immagini. Ciò significa ottenere le immagini dei tuoi articoli, insieme alle immagini decorative classificate su Google con altri motori di ricerca di immagini.

Perché la dimensione dell'immagine del prodotto è importante sui siti Web di e-commerce?

Come forse non saprai, le immagini sono tra le risorse più vitali per il tuo negozio eCommerce.

C'è un detto:

"Eppure, troppo spesso vengono trascurati, i proprietari dei negozi dimenticano completamente di ottimizzare le immagini per il web".

Ci sono due ragioni:

Dal momento che ottenere immagini ottimizzate per il tuo sito è un altro passaggio in più nell'elenco infinito che devi fare
È considerata una priorità bassa, quindi facilmente dimenticata

Tuttavia, se desideri migliorare il tuo tasso di conversione, la tua lealtà, il coinvolgimento dei clienti e persino il valore della tua vita, è meglio iniziare attirando la tua attenzione sulla tua raccolta di immagini.

Prima di andare oltre, scopriamo perché le immagini giocano un ruolo così essenziale nel successo della tua attività.

1. Le prime impressioni contano

Immagini o pis sono la prima cosa che i tuoi acquirenti vedono mentre controllano la pagina del tuo prodotto e si ritiene che questi primi secondi possano diventare vitali per consentire loro di decidere se continuare a cercare i tuoi prodotti o meno.

In realtà, nello studio del 2017 condotto da Square e BigCommerce, si dice che i clienti online americani citino la fotografia di prodotto extra come la prima cosa che vorrebbero dai marchi online.

2. Un'immagine vale più di 1.000 parole

Le foto aiutano i clienti con maggiore sicurezza a garantire la qualità e i dettagli dei prodotti meglio di qualsiasi descrizione breve e lunga.

Essere in grado di percepire i prodotti come se fossero in un negozio reale attraverso immagini di prodotti di buona qualità consente a qualsiasi cliente di esplorare molti dettagli degli articoli che sta cercando.

Le prove di BigCommerce e Square hanno dimostrato che circa la metà degli intervistati ha affermato di non essere in grado di toccare, toccare e provare i propri prodotti preferiti durante gli acquisti online.

3. Il cellulare sta prendendo il sopravvento

Poiché lo shopping mobile sta diventando sempre più importante nella vita di tutti, le immagini saranno necessarie, come mostra la mossa Speed Update di Google. Gli utenti di dispositivi mobili sono più numerosi quando utilizzano immagini rispetto a parole o testi per valutare e navigare l'idoneità dei tuoi prodotti.

Un articolo di eCommerce chiaro e più attraente in qualche modo significa che i tuoi articoli possono essere cliccati e acquistati spesso.

4. Le immagini possono rovinare il tuo sito aziendale

Tieni presente che le foto di bassa qualità e non professionali per i siti Web possono influire negativamente sull'esperienza del cliente e classificarle nei motori di ricerca.

Potresti chiederti le tre seguenti domande:

"Le tue immagini si caricano lentamente?"
"Non hai incluso la meta descrizione?"
"Le persone rimbalzano mentre atterrano lì?"

Qual è la dimensione migliore per le immagini dei prodotti eCommerce?

Nel caso in cui utilizzi Photoshop, puoi sviluppare il modello di immagine del prodotto generando file vuoti e ridimensionandolo alle dimensioni desiderate. Questo ti aiuta a mantenere la coerenza delle immagini a sei. C'è di più sui requisiti, ma gli ottimi punti di partenza per le dimensioni dei modelli da utilizzare nel tuo negozio sono compresi tra 1.200 px e 1.600 px sul lato più lungo. Tieni presente che desideri solo dettagli sufficienti per consentire ai clienti di ingrandire e rimpicciolire.

Una considerazione fondamentale è come ridurre le dimensioni del file delle immagini per ridurre al minimo il tempo di caricamento della pagina. Non dovresti preoccuparti che nulla possa rovinare un'esperienza utente come la pagina a caricamento lento. Un fatto dice che circa il 47% degli utenti spera ora che una pagina Web venga caricata in meno di due secondi e il 40% riceverà una pagina abbandonata che può richiedere più di 3 secondi per essere caricata.

Pertanto, è necessario stare lontano dalle immagini di grandi dimensioni che generalmente richiedono più tempo per essere caricate. La regola generale per AIM per le dimensioni dei file di immagine è inferiore a 70 kb. E fortunatamente, è possibile ridurre le dimensioni del file senza perdere la qualità dell'immagine utilizzando lo strumento "Salva per Web" di Photoshop.

Inoltre, dovresti considerare anche questo:

Circa il 50% dei clienti non sarà pronto ad attendere 3 secondi per il caricamento di un sito.
Il tempo medio di caricamento della pagina sta aumentando a livello globale.
Amazon ha scoperto che se le loro pagine rallentano di un solo secondo, potrebbero perdere 1,6 miliardi di dollari all'anno.
Google utilizza il tempo di caricamento della pagina come uno dei fattori di ranking più importanti nell'algoritmo.

Un altro modo per aiutarti a ridurre le dimensioni del file immagine è utilizzare il comando "Salva per il Web" in Adobe Photoshop. Usando questo strumento, si desidera che le immagini vengano regolate alla dimensione del file più piccola, tenendo comunque d'occhio la qualità dell'immagine.

Qualità : puoi trovarlo negli angoli in alto e a destra.
Formato file : puoi trovarlo nell'angolo in alto a destra
Ottimizzazione : puoi trovarlo nell'angolo in alto a destra
Colore : puoi trovarlo nell'angolo in alto a destra
Ridimensionamento e nitidezza : puoi trovarlo nell'angolo in basso e a destra
Dimensione file prevista : puoi trovarla nell'angolo inferiore e sinistro

E puoi anche scegliere di utilizzare Esporta come .

Ora potresti chiederti come scegliere il tipo di file corretto .

Esistono, infatti, tre tipi di file popolari che puoi utilizzare per pubblicare quelle foto sul Web, inclusi GIF , PNG e JPEG .

Le immagini JPEG o .jpg sono un vecchio tipo di file. JPEG sta diventando di fatto la foto standard di Internet. Le foto JPEG possono essere compresse, ottenendo foto di qualità con file di dimensioni ridotte.

Le immagini GIF o .gif hanno una qualità inferiore rispetto alle immagini JPEG e sono ampiamente utilizzate per più immagini, comprese le foto e le icone decorative. Le GIF aiutano anche l'animazione. Per quanto riguarda l'ottimizzazione delle immagini, le GIF sono famose per le immagini semplici e semplici su qualsiasi pagina web. Tuttavia, le GIF non sono una soluzione utile per immagini complesse, il che è vero per immagini più grandi.

Le immagini PNG sono sempre più comuni in sostituzione delle GIF. I PNG supportano anche più colori rispetto alle GIF e non si degraderanno nel tempo con i nuovi salvataggi come stanno facendo i JPEG. Faresti meglio a tenere a mente che le foto PNG-24 sono oltre tre volte più grandi nella dimensione del file rispetto a PNG-8. Questo è il motivo per cui devi stare attento con i PNG.

E qui ci sono diversi suggerimenti per aiutarti a ricordare come scegliere i tipi di file:

Nella maggior parte dei casi, nel settore dell'eCommerce, i JPEG possono diventare i migliori. Possono darti la migliore qualità per la dimensione del file più piccola.
Non dovresti mai usare GIF per foto di prodotti di grandi dimensioni. Questa dimensione del file diventerà enorme e non ci sarà modo di ridurla. Puoi usare le GIF solo per le miniature e decorare le immagini.
I PNG possono essere la tua buona soluzione come alternativa sia alle GIF che ai JPEG. Nel caso in cui tu possa utilizzare le immagini dei prodotti solo in formato PNG, puoi provare a utilizzare PNG-8 anziché PNG-24. I PNG possono eccellere come semplici foto decorative grazie alle dimensioni estremamente ridotte del file.

5 consigli per ottimizzare le immagini dei prodotti del tuo negozio online

1. Impostare il nome dell'immagine in modo descrittivo e in un linguaggio semplice

Non è così complicato esagerare centinaia di foto di prodotti e mantenere comunque i nomi di file predefiniti che la tua fotocamera ha già assegnato.

Per quanto riguarda l'immagine SEP, è fondamentale utilizzare parole chiave correlate per posizionare la tua pagina Web sui motori di ricerca. La generazione di nomi di file descrittivi e ricchi di parole chiave è essenziale per l'ottimizzazione delle immagini. I motori di ricerca eseguiranno la scansione sia dei testi sulla tua pagina web che dei nomi dei file di immagine.

Prendiamo l'esempio qui sotto:

Puoi applicare il nome generico che la tua fotocamera ha già assegnato alla tua immagine. Ma sarà meglio nominare il file in dettaglio.

Pensiamo a come i tuoi clienti cercheranno i tuoi articoli sui siti web. Quali modelli di nomi useranno come ricerca. Ad esempio, gli acquirenti di auto potrebbero cercare quanto segue:

Ford Mustang LX rossa del 2012
Ford Mustang LX rossa 2012
Ford Mustang LX rossa 2012

Puoi guardare l'analisi del sito per verificare che tipo di modelli di parole chiave stanno seguendo i tuoi clienti. Puoi decidere i modelli di denominazione più popolari che stanno utilizzando e utilizzare quel modello per il processo di denominazione dei file di immagine.

Nel caso in cui non disporrai di dati guidati, puoi essere sicuro di utilizzare parole chiave importanti e pertinenti per ottenere il nome delle tue immagini.

2. Ottimizza attentamente i tuoi attributi alt

Gli attributi Alt sono conosciuti come la sostituzione del testo alle foto quando i browser non riescono a renderle correttamente. A loro volta, sono ampiamente utilizzati per l'accessibilità al web. Quando la foto viene renderizzata, controllerai che il testo dell'attributo alt se lo passi con il mouse. Questo attributo alt deve aggiungere valore SEO al tuo sito. Includere attributi alt appropriati contenenti parole chiave pertinenti alle immagini del tuo sito può aiutarti a classificarti meglio nei motori di ricerca. Di conseguenza, l'utilizzo di un attributo alt è il modo migliore per visualizzare i tuoi articoli eCommerce nella ricerca web e nell'immagine di Google.

Puoi dare un'occhiata più da vicino al codice sorgente di un attributo alt:

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

Quando si tratta di ottimizzazione delle immagini, la prima priorità è compilare ogni attributo al per ogni foto di prodotto sul tuo sito web. Ed ecco alcune regole per gli attributi alt:

Ottieni le tue immagini descritte in un linguaggio semplice come fai per i nomi dei file di immagine
Nel caso in cui vendi articoli che contengono numeri di modello o numeri di serie, puoi digitarli negli attributi alt
Smetti di riempire gli attributi alt che sono pieni di parole chiave
Smetti di usare gli attributi alt per le immagini decorative. I motori di ricerca possono penalizzarti troppo per l'ottimizzazione.

Ultimo ma non meno importante, di tanto in tanto facciamo il controllo di integrità. Non dimenticare di visualizzare le fonti della tua pagina web e controllare se i tuoi attributi alt sono compilati correttamente o meno. Sarai molto sorpreso da ciò che ti manca davvero mentre ti muovi alla velocità dell'imprenditorialità.

3. Scegli le dimensioni dell'immagine e gli angoli del prodotto adeguati

È comune controllare molti angoli del tuo articolo. Puoi ricontrollare l'esempio Ford Mustang e potresti non voler mostrare una foto della carta, in genere la stai vendendo. Sarebbe meglio per te mostrare alcune foto di:

L'interno
La parte posteriore, in particolare lo spoiler dell'aria
I cerchi
Il motore

Quindi, uno dei modi migliori per sfruttare queste immagini aggiuntive è compilare gli attributi alt. E il modo in cui potresti fare è generare attributi alt univoci per ogni immagine di prodotto. Il punto chiave qui è inserire descrizioni nei tuoi attributi alt in modo che i ricercatori promettenti possano atterrare sul tuo sito. Se esegui del lavoro extra, sarai ricompensato con i ricercatori da Google.

4. Ottimizza le tue miniature

Molti siti di attività di eCommerce ora utilizzano immagini in miniatura, in particolare nelle pagine delle categorie poiché possono mostrare i prodotti senza occupare troppo spazio.

Sebbene le miniature siano buone, dovresti stare attento perché possono diventare un killer silenzioso. Non dimenticare la velocità di caricamento della tua pagina. Le tue miniature vengono spesso mostrate in alcuni punti importanti durante il processo di acquisto. Nel caso in cui impediscano il caricamento rapido delle pagine delle tue categorie, potresti perdere i tuoi potenziali consumatori. Tieni presente che gli utenti di Shopify non devono preoccuparsi dell'ottimizzazione delle miniature poiché se ne occupa per loro.

Quindi, cosa dovresti fare ora?

Assicurati che le dimensioni del tuo file di anteprima possano essere le più ridotte possibile. Vale la pena consentire alla diapositiva di qualità di supportare una dimensione del file inferiore. Tieni presente che il cumulativo delle miniature ha un'enorme influenza sul tempo di caricamento della pagina.
Successivamente, lascia variare l'attributo alt in modo da non duplicare il testo che stai utilizzando per una versione più grande di un'immagine simile. Di conseguenza, dovresti rendere il testo degli attributi alt in modo diverso. L'ultima cosa da fare è che la miniatura dovrebbe essere indicizzata anziché immagini più grandi.

5. Consenti alle tue foto di essere testate

Lo scopo principale dell'ottimizzazione delle immagini è aumentare i profitti. Stiamo parlando di come ridurre le dimensioni dei file e come lasciare che il motore di ricerca indicizzi le tue foto; tuttavia, non abbiamo menzionato il test delle immagini per verificare cosa può convertire a un numero sempre maggiore di clienti.

Test il numero di foto dell'oggetto in ogni pagina. Poiché il tempo di caricamento è un problema per diversi siti di eCommerce non ospitati, puoi scoprire che ridurre il numero di foto su ogni pagina aiuterà a promuovere le percentuali di clic, insieme alle vendite. È possibile per te fornire molte foto su ogni pagina che possono incoraggiare l'esperienza dell'utente, quindi aumentare le vendite. L'unico modo per trovarlo è testarlo.
Prova quali angoli amano fare i clienti. Puoi vedere un aumento della fedeltà dei clienti fornendo visualizzazioni che i tuoi consumatori vorrebbero vedere. Uno dei modi migliori per scoprirlo è esaminare i tuoi clienti su ciò che gli è piaciuto di più come rivedere le foto dei tuoi prodotti. Parlare con i clienti ed esaminarli è considerata la migliore abitudine da prendere.
Testare quanti elenchi di articoli è meglio avere nelle pagine delle categorie: 10, 20 o 100 articoli? Puoi testare il numero di articoli che elenchi nelle pagine delle categorie per verificare cosa funzionerà meglio per i tuoi acquirenti.

Articoli correlati

Oltre 20 migliori app Shopify di cui ogni negozio ha bisogno
11 migliori siti di foto d'archivio per il tuo business

Parole finali

Le immagini hanno il potere di promuovere l'aspetto grafico della tua attività e possono fungere da strumento di vendita fondamentale. Tutti gli strumenti che hai per farlo accadere sono disponibili e dovresti cercare di contenere le cime più utili così come la tecnica sopra. Ci auguriamo che con la nostra guida completa su quale sia la dimensione migliore per le immagini dei prodotti eCommerce , puoi ottenere le tue immagini altamente ottimizzate per l'attività del tuo negozio. Ora è il momento di ricominciare e la pianificazione è la chiave.