**TL;DR.** Ottimi PDP ottimizzano tre cose: (1) velocità (LCP < 1.8s, INP < 200ms), (2) chiarezza (galleria, variante, pulsante di acquisto) e (3) fiducia (recensioni, politica di reso, spedizione, prova sociale). Ogni elemento ha un impatto misurabile sulla conversione. Impilali deliberatamente.
## Il funnel PDP
Funnel ecommerce tipico (benchmark di settore 2025–2026):
| Passo | Conversione mediana | Top-quartile |
| ------------------------------------- | ----------------- | ---------------- |
| Visualizzazione PDP → aggiungi al carrello | 8–15% | 20–30% |
| Aggiungi al carrello → checkout | 50–65% | 70–80% |
| Checkout → acquisto | 50–70% | 75–90% |
| **Visualizzazione PDP complessiva → acquisto** | **2–4%** | **8–15%** |
I negozi che passano dalla mediana al top-quartile in ogni passo raddoppiano o triplicano il fatturato per sessione.
## Velocità
Trattato in dettaglio nella [guida ai Core Web Vitals](/guides/core-web-vitals-ecommerce-2026). Soglie chiave per PDP:
- LCP ≤ 1.8s (obiettivo), ≤ 2.5s (buono).
- INP ≤ 150ms (obiettivo), ≤ 200ms (buono).
- CLS < 0.05 (obiettivo), ≤ 0.1 (buono).
Un secondo di miglioramento LCP su PDP tipicamente produce un aumento della conversione del 5–15%.
## Galleria e immagine principale
La prima immagine del prodotto è il tuo LCP. Modelli:
| Elemento | Migliore pratica |
| ------------------ | ------------------------------------------------------------------- |
| Dimensione immagine principale | 800×800px a 1200×1200px su desktop; larghezza completa viewport su mobile |
| Formato | AVIF (con fallback WebP/JPEG) |
| Precaricamento LCP | Sì, `
```
**Taglia**: usa pulsanti con l'etichetta della taglia.
```html
S
M
L
XL (Esaurito — avvisami)
```
Regole:
- Usa `aria-pressed` per lo stato selezionato.
- Disabilita visivamente le varianti esaurite; offri "Avvisami quando disponibile."
- Aggiorna l'URL per includere la variante selezionata per la condivisione (`?variant=size-m`).
- UI ottimistica per il cambio di variante (trattato nella [guida INP](/guides/inp-optimization-product-pages)).
## Aggiungi al carrello
Il CTA principale. Migliori pratiche:
| Elemento | Modello |
| ---------------------- | ---------------------------------------------------------------------- |
| Testo del pulsante | "Aggiungi al carrello" o "Aggiungi alla borsa" (il tuo vocabolario di marca) |
| Colore | Primario del marchio; alto contrasto rispetto allo sfondo della pagina |
| Dimensione | Larghezza completa su mobile; obiettivo di tappo minimo 48×48px |
| Fisso su mobile | Sì, ancorato in basso durante lo scroll oltre la piega iniziale |
| Stato di caricamento | Spinner nel pulsante mentre il server conferma; non bloccare mai la pagina |
| Modello di conferma | Mini-carrello che scivola o toast; non un'interruzione dell'intera pagina |
| Urgenza di stock | "Solo 3 rimasti" se vero; mai falso |
| Prezzo vicino al pulsante | Sì, grande e chiaro |
Anti-modelli:
- Più CTA primari ("Aggiungi al carrello" + "Acquista ora" + "Acquisto veloce") — divide l'attenzione.
- Interruzione modale dopo l'aggiunta al carrello ("Continua a fare acquisti o checkout?") — aggiunge un passo.
- Prezzo nascosto (costringe a scorrere verso l'alto per vedere).
## Segnali di fiducia
Il cluster di segnali vicino al pulsante di acquisto:
1. **Soglia di spedizione gratuita**: "Spedizione gratuita sopra i $50" — aumenta la dimensione del carrello.
2. **Riepilogo della politica di reso**: "Resi gratuiti entro 30 giorni" — riduce il freno all'acquisto.
3. **Consegna stimata**: "Arriva mercoledì 15 maggio" — date concrete superano le fasce.
4. **Badge di sicurezza**: indicatore "Checkout sicuro" in stile Stripe — minore ma cumulativo.
5. **Stelle di recensione aggregate + conteggio**: "4.7 ★ da 218 recensioni" — segnale di fiducia principale.
## Prova sociale
Modelli di prova sociale efficaci:
- **Estratti di recensioni verificate**: 2–3 recensioni sopra la piega con valutazione stellare, autore, data.
- **Conteggio delle recensioni**: un numero elevato (218 recensioni) è più persuasivo delle sole stelle.
- **"X persone hanno visualizzato questo oggi"**: scarsità a bassa pressione. Usa dati reali, non casuali.
- **Notifiche di acquisto recenti**: pop-up che mostra "Sarah da Londra ha acquistato questo 3 ore fa." Reale, opt-in per l'acquirente. Frequenza: ogni 30–60 secondi, massimo.
- **Foto generate dagli utenti**: griglia in stile Instagram di clienti che indossano/utilizzano il prodotto.
Evitare:
- Recensioni false.
- Urgenza di stock falsa ("Solo 1 rimasto!" quando ce ne sono 200).
- Timer di conto alla rovescia aggressivi ("Offerta valida per 3:21!").
Questi si ritorcono contro — i moderni acquirenti li riconoscono e la fiducia diminuisce.
## Acquisti frequenti insieme
Una vera leva di conversione. Modello:
```
Questo prodotto: Borsa a tracolla in pelle marrone $149
+ Cintura con fibbia in ottone $89
+ Portacarte in pelle $49
─────────────────────────────────────────────────────
Totale pacchetto: $287
[ Aggiungi il pacchetto al carrello → $258 ] (risparmia $29)
```
Implementazione:
- Calcola in anticipo le coppie "frequentemente acquistate insieme" dalla co-occorrenza degli articoli ordinati + similarità coseno su `descriptionEmbedding`.
- Tag `` reali che puntano ai prodotti raccomandati (crawlabili per SEO).
- Aggiunta del pacchetto con un clic.
## Prodotti simili
Sotto frequentemente acquistati insieme. Usa:
- similarità coseno pgvector su `descriptionEmbedding` per trovare simili nella stessa categoria.
- Facoltativamente filtra per fascia di prezzo.
- Tag ` ` reali con `rel="related"`.
## Specifiche e descrizione
Contenuti lunghi sono buoni per SEO e per acquisti ad alta considerazione. Struttura:
```markdown
## Descrizione
[Testo di marketing completo — 2-4 paragrafi]
## Specifiche
| Materiale | Pelle pieno fiore |
| Dimensioni | 13" × 11" × 4" |
| Peso | 1.8 lbs |
| Hardware | Ottone solido |
| Origine | Made in Italy |
## Cosa c'è nella confezione
- Borsa
- Cinghia a spalla rimovibile
- Sacchetto antipolvere
- Guida alla cura
## Cura
[Istruzioni per la cura]
```
Questo contenuto va anche nel campo JSON-LD `description` del prodotto, migliorando la profondità del risultato ricco.
## Sezione recensioni
Sotto la sezione specifiche. Migliori pratiche:
- Mostra la media di sempre + conteggio in modo prominente.
- Istogramma di distribuzione (5 stelle: 67%, 4 stelle: 22%, 3 stelle: 8%, 2 stelle: 2%, 1 stella: 1%).
- Ordinamento e filtro (più recenti, più utili, per stelle).
- Pagina o scroll infinito (caricamento pigro).
- Rispondi alle recensioni dove pertinente.
- Badge di acquisto verificato.
## Come è costruito il PDP predefinito di Ordiko
- Renderizzato dal server con React Server Components.
- Immagine principale LCP precaricata con `priority` e `fetchPriority="high"`.
- Selettore di varianti con `useOptimistic` per feedback istantaneo.
- Aggiungi al carrello mobile fisso dallo scroll oltre la piega iniziale.
- Conferma mini-carrello che scivola (nessuna interruzione della pagina).
- Segnali di fiducia (spedizione gratuita, resi, checkout sicuro) renderizzati lato server.
- Riepilogo recensioni verificate e lista recensioni (top 5 in JSON-LD).
- Frequentemente acquistati insieme tramite similarità coseno pgvector.
- Prodotti simili nella stessa categoria, link crawlabili.
- Descrizione completa + specifiche + recensioni sotto la piega.
INP predefinito < 200ms p75 con questa configurazione.
## FAQ
**Qual è l'ottimizzazione PDP più sottovalutata?**
Un pulsante di aggiunta al carrello mobile fisso che rimane visibile durante lo scroll. Su PDP lunghi (che dovrebbero essere per SEO), gli utenti che scorrono recensioni o specifiche hanno bisogno di un tocco singolo per acquistare. I negozi che aggiungono un CTA fisso tipicamente vedono un aumento della conversione mobile del 10–20%.
**Dovrei nascondere le varianti esaurite?**
No. Mostrali visivamente disabilitati ma ancora presenti. Nasconderli crea un'esperienza utente incoerente e segnala che i clienti di ritorno non possono trovare un prodotto che hanno acquistato in precedenza. Disabilitare + 'Avvisami quando disponibile' converte i clienti in iscritti via email.
**Quanto è troppa prova sociale?**
Una notifica pop-up di acquisti recenti ogni 30–60 secondi sembra utile. Ogni 5 secondi sembra manipolativo. Un 'X persone hanno visualizzato questo nelle ultime 24 ore' è accettabile. Una prova sociale eccessiva è la causa principale dell'erosione della fiducia.
**Come affronta Ordiko l'UX del PDP?**
Il PDP predefinito di Ordiko include CTA mobile fisso, immagine principale precaricata LCP, campioni di colore/taglia con UI ottimistica, riepilogo recensioni verificate, frequentemente acquistati insieme (similarità coseno pgvector su embedding delle descrizioni), e breadcrumb + JSON-LD per impostazione predefinita. INP < 200ms p75 con il tema predefinito.