Ottimizzazione delle immagini dei prodotti e-commerce per migliori tassi di conversione

Pubblicato: 2023-02-23

Riepilogo: la mancanza di esperienza sensoriale del prodotto è sempre stata uno svantaggio per i negozi online. Nell'e-commerce, dove i clienti non possono tenere in mano o toccare gli articoli, le immagini e le immagini dei prodotti possono creare o distruggere una vendita . Pertanto, è fondamentale che le immagini dei prodotti forniscano agli acquirenti informazioni sufficienti per convincerli a convertire.

Svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3

Autore: Martin Dolore

8 minuti di lettura

Questo post fa parte della serie sull'e-commerce

In questo articolo, parleremo dei modi per ottimizzare le immagini dei prodotti del tuo e-commerce:

Introduzione: perché le immagini dei prodotti e-commerce sono importanti
1. Evidenzia ciò che rende unico un prodotto
2. Mostra il prodotto da più angolazioni e in contesti diversi
3. Visualizza il prodotto in diversi colori e varianti
4. Rendi immediatamente chiaro quale prodotto rappresenta l'immagine
5. Includere elementi visivi inviati dall'utente nella pagina dei dettagli del prodotto
6. Aggiungi video alla tua pagina dei dettagli del prodotto e-commerce
7. Considera di investire nella realtà aumentata (AR)
Conclusione: lascia che le immagini dei tuoi prodotti e-commerce dipingano un'immagine per gli acquirenti

Introduzione: perché le immagini dei prodotti e-commerce sono importanti

L'assenza di dettagli sensoriali ed esperienziali è una rovina per l'e-commerce. In un negozio fisico, gli acquirenti possono provare un paio di occhiali, sentire la consistenza di un vestito e valutare le dimensioni di un divano, ad esempio.

Queste sono cose che i clienti non ottengono online e sono potenziali barriere alla conversione . Sono motivi per cui gli acquirenti non acquisteranno dal tuo negozio di e-commerce. Quindi, i tuoi media visivi devono svolgere un ottimo lavoro nel mitigare la mancanza di esperienza sensoriale che i clienti ottengono nei luoghi fisici.

Immagini di e-commerce ben presentate non solo fanno apparire il tuo prodotto più attraente e desiderabile, aumentando potenzialmente le vendite. Aiutano anche i clienti a prendere decisioni di acquisto informate . Questo può…

  • minori tassi di reso online,
  • ridurre al minimo lo sforzo sulla gestione dell'inventario e
  • aumentare la fiducia e la soddisfazione dei clienti.

Inoltre, le immagini dei prodotti e-commerce sono fondamentali per l'ottimizzazione dei motori di ricerca (SEO). Aiutano a migliorare la visibilità di un prodotto nei risultati di ricerca, il che può aumentare la probabilità che un cliente scopra e acquisti il ​​tuo prodotto.

Ecco alcuni suggerimenti per assicurarti che le immagini e le immagini dei tuoi prodotti e-commerce rappresentino gli articoli in modo accurato e soddisfino correttamente le aspettative dei clienti .

1. Evidenzia ciò che rende unico un prodotto

Se vendi articoli simili, assicurati che sia facile identificare le differenze tra un articolo e l'altro. Evidenzia ciò che distingue un prodotto attraverso le immagini del prodotto.

Ad esempio, JetPens, un negozio di cartoleria online, ha immagini di prodotti di penne stilografiche. Vendono penne con pennini di diverse dimensioni (ad esempio, fine, medio, largo, ecc.). Tuttavia, ciò che rende ogni penna diversa è difficile da rilevare solo guardando le foto grandangolari.

Quindi, per ogni dimensione del pennino, JetPens ha un teleobiettivo o un'immagine del prodotto ingrandita che mostra il pennino da vicino. Ciò consente al cliente di vedere qualsiasi incisione sul pennino e l'aspetto della punta del pennino:

E-commerce product images best practice example. Product detail page with a close-up shot of a fountain pen nib.

La pagina dei dettagli del prodotto di JetPens consente ai clienti di selezionare la dimensione del pennino, il colore del pennino e il colore del corpo preferiti. La pagina mostra varie immagini del prodotto, inclusi scatti grandangolari e primi piani della penna stilografica, sia con cappuccio che senza cappuccio. Le immagini del prodotto visualizzate cambiano anche in base alla dimensione del pennino, al colore del pennino e al colore del corpo selezionato dall'utente.

Le immagini dei prodotti e-commerce che non trasmettono immediatamente ciò che rende un prodotto diverso dagli altri quando vendi articoli simili creano attriti nell'esperienza utente (UX). Dover capire cosa rende unico un prodotto stancherà il cervello dell'utente. Ciò potrebbe scoraggiare gli acquirenti dal portare a termine l'acquisto.

9 cose che i professionisti del marketing online devono sapere sul cervello
Per saperne di più

2. Mostra il prodotto da più angolazioni e in contesti diversi

Un cliente potrebbe esitare ad aggiungere un prodotto al carrello perché non è in grado di vederlo da diverse angolazioni. I clienti dovrebbero essere in grado di vedere l'aspetto del prodotto di lato o da dietro e da vicino, in modo da poter valutare meglio il prodotto.

Esempio di utilizzo di immagini di prodotti e-commerce per mostrare un articolo da diverse angolazioni

Un sito Web eccellente nell'utilizzo delle immagini per offrire agli acquirenti una visione chiara e dettagliata dei prodotti è KateSpade.com. La pagina dei dettagli del prodotto (PDP) include diverse foto che mostrano la vista frontale, laterale e superiore del prodotto:

Collage of different e-commerce product images included in a product detail page for a pink bag

La pagina dei dettagli del prodotto di Kate Spade mostra la vista frontale, superiore e laterale della borsa. Include anche un primo piano della targhetta con il logo della borsa.

Il sito Web utilizza anche una visualizzazione modale sul PDP che mostra il prodotto nel contesto . Ad esempio, consente agli acquirenti di configurare l'altezza e la corporatura del modello per immaginare meglio come starebbe una borsa su di loro. Gli utenti possono anche apprezzare meglio le dimensioni della borsa, poiché il widget consente loro di mettere il prodotto accanto ad altri oggetti come un telefono o una bottiglia d'acqua:

Tangiblee visualization modal on PDP. It shows an illustration of a woman standing, holding a pink bag. Controls allow users to change the model size

La modalità di visualizzazione di KateSpade.com consente agli utenti di modificare l'altezza e le dimensioni del corpo del modello.

Visualization modal on PDP, showing a pink bag beside a phone illustration. The dimensions of the bag and the phone are indicated

Il modal consente inoltre agli utenti di posizionare la borsa accanto a oggetti di uso quotidiano come un iPhone e una bottiglia d'acqua per valutare meglio cosa si adatta all'interno del prodotto.

Riduci al minimo l'incertezza dell'acquirente il più possibile. Utilizza immagini del prodotto di alta qualità per offrire agli acquirenti una visione dettagliata del prodotto. Ciò include mostrare l'oggetto da diverse prospettive e metterlo accanto a oggetti di uso quotidiano per contesto e scala, se appropriato.

3. Visualizza il prodotto in diversi colori e varianti

Nel caso in cui un prodotto sia disponibile in più colori, includi immagini che mostrino il prodotto in ciascuno dei colori disponibili. In questo modo, gli acquirenti possono visualizzare facilmente le loro opzioni e prendere una decisione di acquisto informata.

Esempio di visualizzazione dei colori disponibili nelle immagini dei prodotti e-commerce

JetPens.com consente agli acquirenti di scoprire facilmente le varianti di una specifica penna stilografica. Il loro PDP mostra tutti i colori del corpo in cui è disponibile la penna e con quale dimensione e colore del pennino può essere combinata.

Quando l'utente fa clic su un determinato colore del corpo, vengono mostrate diverse immagini della penna stilografica in quel colore. Ogni colore ha il proprio set di immagini del prodotto: foto della penna stilografica con e senza cappuccio, un primo piano della punta del cappuccio, una foto della penna utilizzata, ecc.

E-commerce product images best practice example - Collage of PDPs for two variants of a Sailor fountain pen

In alto: pagina dei dettagli del prodotto per la penna stilografica nera Sailor Pro Gear Slim con pennino fine 14K. In basso: PDP per la variante verde gentile della stessa stilografica, ma con pennino medio-fine 14K.

Mostrare diverse opzioni di colore può anche aumentare le possibilità del tuo sito web di effettuare una vendita. Sarà più probabile che i clienti trovino un colore che gli piace e che preferiscono, portando a un tasso di conversione più elevato. Fai attenzione, tuttavia, a come presenti le scelte. Troppe opzioni possono sopraffare gli utenti e sono dannose per le conversioni.

4. Rendi immediatamente chiaro quale prodotto rappresenta l'immagine

L'esperienza di un acquirente sul tuo sito di e-commerce dovrebbe essere il più agevole possibile. Altrimenti , potrebbero rimandare la decisione per un altro giorno.

I clienti non dovrebbero fare molti sforzi per capire le cose sul tuo sito web. Ad esempio, dovrebbe essere immediatamente evidente cosa rappresenta l'immagine di un prodotto. Gli acquirenti non dovrebbero perdere tempo a cercare di identificare dove si trova il prodotto che stai vendendo nell'immagine.

Prendi questo Banana Republic PDP, per esempio. Ha solo un'immagine del prodotto. È una foto della modella che indossa diverse cose, quindi non è chiaro quale sia il "Petite Roll-Cuff Top". Il prodotto è anche appena visibile perché indossato sotto una giacca e infilato nei pantaloni. L'acquirente non riesce a vedere la maggior parte della parte superiore, compresa la parte "roll-cuff", che è presumibilmente la caratteristica distintiva del prodotto:

Product detail page with the e-commerce product image on the left side and the product details and CTA button on the right

Una pagina prodotto Banana Republic per "Petite Roll-Cuff Top" con una sola foto.

Semplifica la decisione degli acquirenti dell'e-commerce riducendo il carico di utenti . Se non è immediatamente chiaro dove si trova il tuo prodotto su un'immagine, stai aggiungendo carico cognitivo e visivo ai visitatori. Questo è un male per le conversioni.


Identifica le barriere di conversione sul tuo sito di e-commerce.

Fatti aiutare da un esperto e scopri nuove opportunità di guadagno.

Ulteriori informazioni su audit e revisioni CRO

5. Includere elementi visivi inviati dall'utente nella pagina dei dettagli del prodotto

La prova sociale è sempre stata una delle scorciatoie più utilizzate dagli acquirenti online durante gli acquisti. In questi giorni, la prova sociale non si limita alle recensioni testuali inviate da altri clienti. I clienti online ora si affidano alle immagini generate dagli utenti per decidere se acquistare o meno un prodotto.

L'Annual Shopper Experience Index 2022 di Bazaarvoice ha rivelato che il 71% dei consumatori americani afferma che le foto inviate dagli utenti sulla pagina del prodotto aumentano la probabilità di acquistare un prodotto.

Esempio di utilizzo di elementi visivi inviati dall'utente come prova sociale

Una società che cerca di sfruttare il potere delle immagini inviate dagli utenti è la Dr. Martens. Il PDP del sito Web include una galleria online di clienti reali che indossano il prodotto. Le foto servono come elementi di persuasione perché mostrano il prodotto in diverse ambientazioni di vita reale, indossato da persone reali. Aiutano i potenziali acquirenti a visualizzare come un paio di sandali, ad esempio, starebbero ai loro piedi e come apparirebbero se abbinati a abiti diversi.

Below the fold of the PDP for a pair of sandals. The area includes anchor links to the different sections of the page

Oltre alla sezione "Recensioni", il PDP di DrMartens.com ha un'area "Indossata da te" che mostra le foto inviate dagli utenti. La sezione è collegata a Instagram, dove gli acquirenti possono caricare foto e taggare Dr. Martens se vogliono essere presenti nella galleria.

Puoi provare a raccogliere le immagini dei clienti "gamificando " il tuo programma di contenuti generati dagli utenti (UGC) . Il rapporto sulle preferenze degli acquirenti del 2022 di Bazaarvoice ha mostrato che il 77% dei consumatori globali ha dichiarato che avrebbe inviato UGC per una ricompensa.

Anthropologie.com, ad esempio, spinge gli acquirenti a inviare recensioni con immagini attraverso una lotteria mensile:

A webpage discussing the mechanics of a promo. It tells users to sign in and submit a product review with a photo to qualify

Anthropologie convince gli acquirenti a lasciare una recensione per i mobili acquistati attraverso la "lotteria solo da Anthro". La pagina "Recensioni" del sito Web elenca i meccanismi della promozione e afferma che i clienti devono "Inviare una recensione sui mobili con un'immagine dell'articolo" per vincere un prodotto più venduto.

Scopri di più sull'importanza delle immagini inviate dai clienti e sull'utilizzo della riprova sociale in generale. Leggi "8 best practice per le recensioni dei clienti per ottimizzare i tassi di conversione".

6. Aggiungi video alla tua pagina dei dettagli del prodotto e-commerce

Lo shopping in live streaming sta diventando sempre più popolare. Le aziende che ospitano eventi di shopping virtuale in tempo reale hanno persino riferito di "aver visto 10 volte i tassi di conversione del loro sito Web tradizionale".

Uno dei motivi della predilezione degli acquirenti online per gli eventi di shopping dal vivo è la capacità di vedere i prodotti nel contesto e da diverse angolazioni.

I live streaming aiutano i clienti a comprendere meglio le informazioni sui prodotti, come le dimensioni o il materiale. Questi sono dettagli che altrimenti non otterrebbero da immagini statiche o descrizioni testuali.

Anche se non ti diletti nello shopping in live streaming, puoi comunque integrare alcuni aspetti che le persone amano del live streaming nel tuo sito web di e-commerce.

Ad esempio, puoi aggiungere video alla pagina dei dettagli del prodotto che mostrano l'articolo indossato da un modello se vendi vestiti. In questo modo, gli acquirenti possono valutare meglio il materiale e la vestibilità.

PDP with images and video on the left and CTA and product details on the right. The video is playing and shows a woman in a floral dress

Il video sul PDP di Asos.com consente agli acquirenti di valutare il materiale dell'abito e la vestibilità migliore. Una modella che indossa e cammina nel vestito dà un'impressione visiva migliore rispetto alla descrizione testuale "tessuto in stile raso: lucido, drappeggiato e liscio come la seta, 100% poliestere".

Oppure puoi adottare una strategia direttamente dal playbook dello shopping dal vivo: includi un video di rappresentanti di vendita che mostri le caratteristiche del prodotto e come potrebbe essere utilizzato.

Nordstrom, ad esempio, ha PDP per articoli di moda con brevi video di rappresentanti di vendita che parlano del prodotto. Descrivono il materiale e la vestibilità ed evidenziano alcuni dettagli sull'articolo.

Collage of PDP screenshots. First image shows photos and video on the page. Second photo shows the video playing in a popup modal

Uno stilista di Nordstrom parla di un paio di jeans a vita alta in un video PDP. Discute la trama dei jeans e dimostra l'elasticità del tessuto. Raccomanda anche a quale top e calzature possono essere abbinati i pantaloni.

Gli eventi di shopping dal vivo in tempo reale potrebbero non essere adatti a tutti. Tuttavia, i siti Web di e-commerce faranno bene a esplorare metodi più coinvolgenti che forniscono agli acquirenti dettagli più ricchi sul prodotto, come l'aggiunta di video al PDP.

8 best practice per le recensioni dei clienti per ottimizzare i tassi di conversione


Sfrutta il potere della riprova sociale attraverso le recensioni dei clienti.

Per saperne di più

7. Considera di investire nella realtà aumentata (AR)

La realtà aumentata (AR) è in aumento nell'e-commerce.

Alcuni negozi online stanno compensando la mancanza di informazioni sensoriali sui prodotti attraverso l'AR. Questa tecnologia consente agli acquirenti di interagire virtualmente, testare e provare i prodotti attraverso un dispositivo elettronico sovrapponendo le informazioni digitali al mondo reale. Attraverso l'AR, ad esempio, gli acquirenti possono vedere come si adatterebbe un divano a casa loro.

A smartphone held by its user. The screen captures the living room in the background with the addition of a lounge chair.

L'app AR di IKEA consente agli acquirenti di posizionare virtualmente modelli 3D in scala reale nel proprio spazio. L'app consente ai clienti di vedere come un prodotto si adatterebbe alla loro casa. Fonte immagine: IKEA

Fornire agli acquirenti più informazioni contestuali e visive tramite AR può aumentare la fiducia dell'acquirente che ciò che sta acquistando soddisferà le sue aspettative. Ciò, a sua volta, ridurrà i tassi di reso, aumenterà la soddisfazione del cliente e aumenterà la fedeltà al marchio.

È importante notare che, secondo il Bazaarvoice Shopper Experience Index del 2022 (con dati raccolti da dicembre 2021 a gennaio 2022), solo il 12% degli acquirenti globali ha incluso la realtà aumentata nei loro "cinque fattori indispensabili" quando acquistano con sicurezza.

Quindi, la realtà aumentata potrebbe non essere essenziale per la cassetta degli attrezzi per l'ottimizzazione del tasso di conversione dell'e-commerce... tuttavia, a seconda del tipo di prodotti che vendi. Per alcuni settori, la pandemia ha messo in gioco la realtà aumentata.

La realtà aumentata nel settore della bellezza

Il marchio di bellezza L'Oreal, ad esempio, utilizzava la tecnologia AR per consentire ai clienti di provare virtualmente i propri prodotti anche prima dell'epidemia di COVID. E anche prima della pandemia, l'utilizzo della tecnologia ha comportato un aumento di 3 volte delle vendite per l'azienda di bellezza.

La pandemia ha reso le prove virtuali essenziali per i marchi di makeup, anche per le esperienze in negozio. Poiché gli acquirenti non sono più in grado di provare fisicamente i campioni di trucco a causa di problemi di igiene e sicurezza, dipendono dalla realtà aumentata per vedere se un prodotto di bellezza completa il tono della loro pelle, ad esempio.

NYX Professional Makeup, una consociata di L'Oreal, fa un paio di cose giuste sull'uso della realtà aumentata per aiutare gli acquirenti a scegliere gli articoli più adatti a loro. Per prima cosa, rendono immediatamente evidente nella pagina della categoria quali articoli l'acquirente può virtualmente provare:

A cosmetics webpage with three lip products. Each has a name, star ratings, price, available colors, and CTA button below it

Il callout "Try It On" nell'angolo in alto a sinistra dell'immagine del prodotto sulla pagina delle categorie di NYX funge da indicatore visivo che il cliente può visualizzare in anteprima l'articolo tramite AR.

Lipstick product mages on the left and product details on the right including star ratings, colors available, and CTA button

La pagina dei dettagli del prodotto di NYX ha un pulsante fantasma di invito all'azione "Try It On" sotto l'immagine del prodotto.

An image of a girl on the left with buttons below it. The product name, available colors, and CTA button are on the right.

La prova virtuale del marchio di bellezza consente ai clienti di provare il prodotto utilizzando la loro videocamera dal vivo, caricando una foto o scegliendo un modello.

La realtà aumentata è importante per l'e-commerce?

Secondo i dati del 2020 di Vertebrae, un'azienda specializzata in AR e commercio 3D, i tassi di conversione aumentano del 90% per i consumatori che si dedicano all'AR rispetto a quelli che non lo fanno.

Shopify ha anche notato nel settembre 2021 che, sebbene non esistessero ancora molte ricerche affidabili su come l'AR influisce sui tassi di conversione, i loro dati interni hanno mostrato il forte potenziale dell'AR .

Quindi, se ha senso per la tua azienda e disponi delle risorse, considera di consentire ai tuoi clienti di visualizzare in anteprima e interagire con i tuoi prodotti attraverso la realtà aumentata. Dopotutto, si prevede che entro il 2025 quasi il 75% delle persone in tutto il mondo e quasi tutti gli utenti di smartphone saranno utenti AR frequenti.

Puoi immergere le dita dei piedi in AR per lo shopping utilizzando applicazioni come SnapAR e Meta Spark. Tieni presente, tuttavia, che anche queste app richiedono competenze tecniche. Avrai bisogno di qualcuno con l'esperienza per realizzare modelli artistici o 3D da utilizzare nell'ambiente AR.

Conclusione: lascia che le immagini dei tuoi prodotti e-commerce dipingano un'immagine per gli acquirenti

Se desideri che i visitatori acquistino dal tuo sito di e-commerce, dai loro le informazioni necessarie per decidere con sicurezza . Un modo per ottenere ciò è attraverso immagini e immagini di alta qualità che rappresentino accuratamente i tuoi prodotti.

Se tu …

  • evidenziare le caratteristiche distintive di un prodotto,
  • mostrare l'oggetto da diversi punti di vista e utilizzato in diverse situazioni,
  • presentare il prodotto in diversi colori e varianti,
  • rendere subito evidente quale prodotto rappresenta la foto,
  • includere elementi visivi inviati dagli utenti,
  • aggiungi video sul tuo PDP e
  • utilizzare la realtà aumentata (se ha senso per la tua attività)

… aumenterai le possibilità che l'acquirente effettui una conversione sul tuo sito Web, diminuirai la probabilità che restituisca l'articolo e creerai un'esperienza cliente positiva nel complesso.

Parla con un esperto di conversioni

Dacci 30 minuti e ti mostreremo come possiamo aiutarti a ottenere risultati migliori

Pianifica la mia chiamata ora
Pianifica la mia chiamata ora