Il traffico va bene. La spesa pubblicitaria non è folle. Il carrello resta vuoto – quindi ritocchi le offerte, riscrivi l’annuncio, insegui un’altra keyword. Nella maggior parte dei casi la perdita sta in un punto più noioso: la pagina prodotto non ha risposto alle domande d’acquisto, o le ha sepolte sotto le “ottimizzazioni”. Questa è una mappa diretta di cosa deve esserci in una pagina prodotto, e di cosa di solito uccide la conversione – senza bisogno di rifare il tema.
E non è un problema di gusto. Nel benchmark continuo di Baymard sulla UX delle pagine prodotto ecommerce, più della metà dei siti testati finisce a livello mediocre o scarso. I fallimenti sono banali: costi di spedizione sconosciuti fino al checkout, una taglia che nessuno riesce a decifrare, foto che nascondono il dettaglio che vende il prodotto. Chi voleva comprare se ne va perché la pagina ha reso la decisione più difficile di quanto sia.
La pagina prodotto ha un solo compito
Una PDP risponde in fretta a tre domande: cos’è, quanto mi costa, quando arriva. Gestiscile e il cliente perdona un font brutto. Sbagliale e nessun widget recensioni o video di brand salva la sessione.
Le pagine categoria fanno un lavoro diverso – orientamento sopra una griglia. Se è quello il casino che stai sistemando, parti dal contenuto delle pagine categoria ecommerce. Questo articolo resta sulla PDP: un prodotto, un percorso d’acquisto.
Cosa deve esserci in una pagina prodotto
Che la chiami PDP o product detail page, cosa deve esserci in una pagina prodotto sono sempre le risposte d’acquisto – non un altro strato di decorazioni. Il minimo, in ordine di frequenza con cui lo troviamo rotto:
- Identità che regge la scelta della variante. Nome chiaro, foto principale onesta e galleria che cambia quando il cliente sceglie un colore. Troviamo ancora combinazioni PrestaShop dove l’immagine non cambia dopo aver scelto “rosso” – e il cliente conclude che il rosso non esiste. Se la foto principale non si carica proprio, la pagina è finita prima di iniziare; vedi come risolvere le immagini PrestaShop che non si visualizzano quando il bug è proprio la galleria.
- Un prezzo che corrisponde a ciò che li ha portati lì. L’annuncio diceva 47,90 €, la PDP 52,90 €, perché l’impatto prezzo di una combinazione non è mai stato controllato. Quel divario sembra esca, anche quando è solo trascuratezza.
- Opzioni che uno sconosciuto può decifrare. Taglia, colore, confezione – tutto ciò che sblocca un ordine reale. Gruppi attributo etichettati “Taglia1 / Taglia2”, o codici fornitore incollati nei menu a tendina, sono attrito travestito da opzione. Il gergo su quei controlli è un bug UX, non un vezzo di copy – approfondisci in il gergo di prodotto come problema UX.
- Verità su stock o tempi. Disponibile, in arretrato, su ordinazione, spedizione in X giorni. Un flag “disponibile” che nasconde tre settimane di attesa ti costa il chargeback dopo.
- Un’azione d’acquisto che funziona dopo la scelta. Aggiungi al carrello, raggiungibile senza caccia al tesoro – e mai disattivato in silenzio da un’opzione non selezionata senza messaggio d’errore.
- Una riga su consegna o resi che cambia la decisione. Solo quando conta per questo prodotto: merce pesante, niente resi su articoli igienici, spedizione da UE. Non un muro di link alle policy.
- Prova che corrisponde all’affermazione. Un riepilogo recensioni reale, un dato sul materiale, una nota di compatibilità. Dodici loghi fiducia sopra il prezzo non provano nulla se non che sei nervoso.
Tutto oltre quell’elenco è supporto. Video di brand e storytelling possono aspettare finché il percorso d’acquisto funziona.
Cosa uccide la conversione
I killer sembrano tutti professionali in uno screenshot. In una sessione live rubano attenzione all’elenco base:
- Barra promo, barra cookie e popup newsletter impilati prima che il prodotto sia capito – un negozio che abbiamo auditato aveva quattro elementi fissi che si contendevano l’area d’acquisto
- Wallpaper di badge fiducia sopra prezzo e opzioni
- Un saggio SEO sotto il titolo – le stesse 400 parole su 200 SKU con solo il nome prodotto cambiato
- Varianti che si contraddicono: due sistemi taglie sulla stessa pagina, o un’opzione che disabilita Aggiungi al carrello senza spiegazione
- Esaurito senza passo successivo – niente form avvisami, niente data riassortimento, niente articolo simile
- Carousel cross-sell che combattono il controllo d’acquisto principale per lo stesso slot a livello occhi
- Falsa urgenza – un countdown che si resetta a mezzanotte, o “solo 2 rimasti” su un prodotto con 400 pezzi in magazzino
Un pattern che incontriamo spesso negli audit: Aggiungi al carrello sticky, modale guida taglie, tre app recensioni, timer countdown – mentre il menu taglie resta nascosto sotto una galleria alta e il formato prezzo differisce dalla scheda in elenco. La pagina sembra ottimizzata su una checklist. Fallisce il test del “deve esserci”. Una barra sticky non è gerarchia; se i controlli veri non sono mai stati chiari, la barra galleggia solo sul casino.
Fai un passaggio «ci deve essere» / «uccide» su un prodotto reale
Scegli il prodotto che riceve traffico e zero ordini. Apri il negozio live in una finestra in incognito, prima da telefono – non l’anteprima back office, la pagina reale con ogni modulo iniettato. Fai uno screenshot. Poi segna ogni blocco D (deve esserci – risponde a una domanda d’acquisto) o U (uccide – rumore, ritardo, contraddizione). La domanda dietro ogni D è il titolo di questo articolo: fa parte di cosa deve esserci in una pagina prodotto, o è d’intralcio?
Una regola mentre lavori: se una U sta sopra una D, declassa o elimina la U prima. Non impilare nuovo contenuto D sopra il rumore. Due rimozioni battono un widget in più.
- Riesci a nominare il prodotto e vederlo entro un paio di secondi?
- Il prezzo è evidente e corrisponde all’elenco o all’annuncio che ha portato il clic?
- Riesci a scegliere l’opzione che ti serve senza indovinare l’etichetta?
- Aggiungi al carrello funziona dopo quella scelta – o resta disabilitato senza motivo mostrato?
- Cosa ti ha interrotto prima di avere quelle risposte?
Metti i segni D/U nel ticket. Spedisci i declassamenti lo stesso giorno se puoi. Il redesign può aspettare.
Il contenuto sotto il pulsante d’acquisto deve meritarsi lo spazio
Descrizione lunga, specifiche, note cura, note vestibilità, confronti, FAQ – tutto questo va dopo che il percorso decisionale funziona. Merita il posto quando elimina un’obiezione reale: “sta su un supporto 2019?”, “posso lavarlo a caldo?”, “spedisce da me?”. Non merita nulla come blocco keyword parcheggiato sotto il titolo.
Se un paragrafo esiste solo per il posizionamento, sposta i fatti utili dove i clienti guardano davvero, o taglialo. Riempire la fold con prosa SEO è il modo più pulito per uccidere la conversione dicendosi di aver “fatto content”.
Nota su piattaforme e lingue
PrestaShop, Shopify, WooCommerce – tema più stack app decidono cosa viene renderizzato, e le app adorano iniettare blocchi sopra il prezzo. Audita la pagina live su viewport mobile e desktop. I campi back office mentono quando tre moduli iniziano a scrivere HTML.
Negozi multilingue: traduci il significato, non la lunghezza keyword. Un titolo francese o polacco incollato al doppio della lunghezza inglese spinge il buy box in basso e sembra un foglio di calcolo. Stesso discorso per descrizioni “uniche” clonate che cambiano solo il nome prodotto su tutto il catalogo.
Mobile: lo stesso problema, più corto
I non negoziabili non cambiano su telefono – identità, prezzo, opzioni, verità, acquisto. Cambiano ordine e altezza. Chrome promo e gallerie alte spingono Aggiungi al carrello due scroll più in basso mentre una barra sticky finge che la pagina sia a posto. La domanda sulla fold merita un articolo a sé, e arriverà. Per ora, fai il passaggio D/U su desktop e mobile – e annota quali U dominano il primo schermo sul telefono, perché di solito lì si perde l’ordine.
Sistema prima l’elenco del deve-esserci. Elimina i killer dopo. Il tema più bello viene terzo, se proprio serve.