{"id":166842,"date":"2026-07-24T09:00:00","date_gmt":"2026-07-24T09:00:00","guid":{"rendered":"https:\/\/gtechgroup.it\/blog\/?p=166842"},"modified":"2026-07-24T09:00:00","modified_gmt":"2026-07-24T09:00:00","slug":"woocommerce-ottimizzare-immagini-prodotto-seo","status":"publish","type":"post","link":"https:\/\/gtechgroup.it\/blog\/woocommerce-ottimizzare-immagini-prodotto-seo\/","title":{"rendered":"Ottimizzare le Immagini Prodotto in WooCommerce: Dimensioni, Formato e SEO"},"content":{"rendered":"

Perch\u00e9 le Immagini Prodotto Sono Fondamentali per il Tuo E-Commerce<\/h2>\n

Nel commercio elettronico, le immagini dei prodotti sono il sostituto diretto dell’esperienza tattile del negozio fisico. Un cliente non pu\u00f2 toccare, annusare o provare un prodotto prima di acquistarlo online: si affida interamente alle immagini<\/strong> per valutare qualit\u00e0, dimensioni, colore e dettagli. Studi recenti confermano che il 75{6fb8dad3a9c483f1a21adb5997a0bd0fb65a4b2f8344003d223c5d2f2542798c} degli acquirenti online considera le foto dei prodotti come il fattore decisivo per l’acquisto, ancora pi\u00f9 importante delle descrizioni o delle recensioni.<\/p>\n

In WooCommerce, la gestione delle immagini prodotto va ben oltre il semplice caricamento di una foto. Dimensioni, formato, compressione, metadati SEO e ottimizzazione delle prestazioni sono tutti aspetti che influenzano direttamente le vendite, il posizionamento su Google e la velocit\u00e0 del sito. In questa guida approfondita analizzeremo ogni aspetto dell’ottimizzazione delle immagini prodotto, dalla configurazione tecnica alle best practice fotografiche.<\/p>\n

Le Dimensioni delle Immagini in WooCommerce<\/h2>\n

WooCommerce utilizza tre dimensioni principali<\/strong> per le immagini dei prodotti, ciascuna con uno scopo specifico:<\/p>\n

Immagine singola del prodotto (Single Product Image)<\/strong>: \u00e8 l’immagine principale visualizzata nella pagina del singolo prodotto. La dimensione predefinita \u00e8 600×600 pixel, ma per un e-commerce professionale si consiglia di utilizzare almeno 800×800 pixel<\/strong>, o meglio ancora 1000×1000 pixel. Dimensioni pi\u00f9 grandi permettono la funzionalit\u00e0 di zoom, che i clienti apprezzano enormemente per esaminare i dettagli del prodotto.<\/p>\n

Immagini catalogo\/negozio (Catalog Images)<\/strong>: queste immagini appaiono nelle pagine di archivio, nella pagina shop e nei risultati di ricerca. La dimensione predefinita \u00e8 300×300 pixel. Devono essere abbastanza grandi da mostrare chiaramente il prodotto, ma sufficientemente leggere da non rallentare il caricamento di pagine che contengono decine di prodotti.<\/p>\n

Miniature (Thumbnails)<\/strong>: utilizzate nel carrello, nei widget dei prodotti correlati e nelle gallerie. La dimensione predefinita \u00e8 100×100 pixel. Anche se piccole, devono essere nitide e riconoscibili.<\/p>\n

Un aspetto spesso trascurato \u00e8 il rapporto di aspetto<\/strong>. WooCommerce permette di scegliere tra proporzioni 1:1 (quadrato), personalizzate o non ritagliate. Il formato quadrato 1:1 \u00e8 il pi\u00f9 popolare perch\u00e9 garantisce uniformit\u00e0 nel catalogo, ma alcuni negozi di moda preferiscono il formato 3:4 (verticale) per mostrare meglio i capi indossati.<\/p>\n

Configurare le Dimensioni nel Customizer di WordPress<\/h2>\n

Per modificare le dimensioni delle immagini prodotto in WooCommerce, accedi al Customizer di WordPress<\/strong> (Aspetto → Personalizza → WooCommerce → Immagini prodotto). Qui puoi configurare:<\/p>\n

Larghezza immagine singola prodotto<\/strong>: imposta la larghezza massima dell’immagine nella pagina prodotto. L’altezza viene calcolata automaticamente in base al rapporto di aspetto scelto. Per la maggior parte degli e-commerce, 800-1000 pixel di larghezza rappresentano il miglior compromesso tra qualit\u00e0 e prestazioni.<\/p>\n

Larghezza miniature<\/strong>: controlla le dimensioni delle immagini nel catalogo e nelle miniature. Un valore di 300-400 pixel \u00e8 generalmente adeguato.<\/p>\n

Tipo di ritaglio<\/strong>: puoi scegliere tra 1:1 (quadrato), personalizzato (con proporzioni specifiche) o non ritagliato (mantiene le proporzioni originali). Il ritaglio quadrato \u00e8 consigliato per la maggior parte dei negozi, perch\u00e9 crea un layout pulito e uniforme.<\/p>\n

\"Impostazioni<\/p>\n

Rigenerazione delle Miniature Dopo il Cambio Dimensioni<\/h2>\n

Quando modifichi le dimensioni delle immagini nelle impostazioni di WooCommerce, le immagini gi\u00e0 caricate non vengono ridimensionate automaticamente<\/strong>. WordPress genera le miniature al momento del caricamento, quindi le immagini esistenti mantengono le vecchie dimensioni.<\/p>\n

Per applicare le nuove dimensioni a tutte le immagini esistenti, devi utilizzare un plugin di rigenerazione miniature<\/strong>. Il pi\u00f9 affidabile \u00e8 Regenerate Thumbnails<\/em>, che rigenera tutte le miniature in batch. In alternativa, puoi usare WP-CLI con il comando wp media regenerate --yes<\/code>, che \u00e8 pi\u00f9 veloce e non sovraccarica il server.<\/p>\n

Un consiglio importante: carica sempre le immagini alla massima risoluzione ragionevole<\/strong> (almeno 1200×1200 pixel per prodotti quadrati). WordPress generer\u00e0 automaticamente tutte le dimensioni intermedie necessarie. Se carichi immagini troppo piccole, non potrai mai ingrandirle senza perdita di qualit\u00e0, nemmeno rigenerando le miniature.<\/p>\n

Formati Immagine: JPEG, PNG e WebP a Confronto<\/h2>\n

La scelta del formato immagine ha un impatto significativo sia sulla qualit\u00e0 visiva che sulle prestazioni del sito.<\/p>\n

JPEG<\/strong> \u00e8 il formato pi\u00f9 utilizzato per le foto dei prodotti. Offre un’eccellente compressione con perdita minima di qualit\u00e0 visiva, con file tipicamente del 60-80{6fb8dad3a9c483f1a21adb5997a0bd0fb65a4b2f8344003d223c5d2f2542798c} pi\u00f9 leggeri rispetto al PNG. \u00c8 ideale per fotografie con molti colori e sfumature. La qualit\u00e0 ottimale per il web \u00e8 tra l’80{6fb8dad3a9c483f1a21adb5997a0bd0fb65a4b2f8344003d223c5d2f2542798c} e l’85{6fb8dad3a9c483f1a21adb5997a0bd0fb65a4b2f8344003d223c5d2f2542798c}: al di sotto si notano artefatti di compressione, al di sopra il guadagno in qualit\u00e0 non giustifica l’aumento di peso del file.<\/p>\n

PNG<\/strong> \u00e8 il formato preferito quando servono trasparenze (sfondi trasparenti) o quando l’immagine contiene testo, grafici o bordi netti. I file PNG sono significativamente pi\u00f9 pesanti dei JPEG (spesso 3-5 volte), quindi vanno utilizzati solo quando strettamente necessario. Un uso comune nel e-commerce \u00e8 per le immagini di prodotti con sfondo rimosso, dove la trasparenza \u00e8 indispensabile.<\/p>\n

WebP<\/strong> \u00e8 il formato moderno sviluppato da Google che offre il meglio di entrambi i mondi: compressione superiore al JPEG (file del 25-35{6fb8dad3a9c483f1a21adb5997a0bd0fb65a4b2f8344003d223c5d2f2542798c} pi\u00f9 leggeri a parit\u00e0 di qualit\u00e0) con supporto per la trasparenza come il PNG. Tutti i browser moderni supportano il WebP, e WooCommerce lo gestisce nativamente a partire da WordPress 5.8. \u00c8 il formato consigliato per il 2026, con fallback automatico a JPEG per i rari browser non compatibili.<\/p>\n

AVIF<\/strong> \u00e8 il formato di ultima generazione che offre una compressione ancora migliore del WebP (fino al 50{6fb8dad3a9c483f1a21adb5997a0bd0fb65a4b2f8344003d223c5d2f2542798c} pi\u00f9 leggero del JPEG), ma il supporto dei browser \u00e8 ancora in fase di diffusione. Vale la pena considerarlo per il futuro, ma al momento il WebP resta la scelta pi\u00f9 sicura.<\/p>\n

Strumenti di Compressione per WooCommerce<\/h2>\n

La compressione delle immagini \u00e8 il singolo intervento che pu\u00f2 avere il maggiore impatto sulle prestazioni del tuo e-commerce. Ecco i migliori plugin WordPress per la compressione automatica:<\/p>\n

ShortPixel<\/strong> \u00e8 il plugin pi\u00f9 completo per la compressione delle immagini in WordPress. Offre tre livelli di compressione (lossy, glossy e lossless), conversione automatica in WebP e AVIF, e ottimizzazione delle miniature. Il piano gratuito include 100 crediti al mese, mentre i piani a pagamento partono da circa 3 euro al mese per 5.000 immagini. ShortPixel comprime le immagini al momento del caricamento e pu\u00f2 ottimizzare in bulk tutte le immagini esistenti.<\/p>\n

Imagify<\/strong>, sviluppato dallo stesso team di WP Rocket, si integra perfettamente con il plugin di caching. Offre tre livelli di compressione (Normal, Aggressive e Ultra) e conversione WebP automatica. L’interfaccia \u00e8 particolarmente intuitiva e il piano gratuito offre 20 MB al mese di ottimizzazione.<\/p>\n

Smush<\/strong> di WPMU DEV \u00e8 popolare per il suo generoso piano gratuito che permette la compressione illimitata di immagini fino a 5 MB ciascuna. La versione Pro aggiunge la compressione lossy avanzata, la conversione WebP e il ridimensionamento automatico delle immagini sovradimensionate. \u00c8 un’ottima scelta per chi ha budget limitato.<\/p>\n

Indipendentemente dal plugin scelto, configura sempre la compressione automatica al caricamento<\/strong> e il ridimensionamento automatico<\/strong> delle immagini che superano una dimensione massima (ad esempio 2000 pixel di larghezza). Questo evita che immagini enormi da fotocamera (4000×3000 pixel, 8-15 MB) vengano caricate senza ottimizzazione.<\/p>\n

Lazy Loading e CDN per le Immagini Prodotto<\/h2>\n

Il lazy loading<\/strong> (caricamento pigro) \u00e8 una tecnica che ritarda il caricamento delle immagini finch\u00e9 non sono visibili nel viewport del browser. Invece di caricare tutte le immagini della pagina contemporaneamente, il browser carica solo quelle visibili e scarica le altre man mano che l’utente scorre la pagina.<\/p>\n

WordPress include il lazy loading nativo dall’attributo loading=“lazy”<\/code> a partire dalla versione 5.5. Tuttavia, per un e-commerce con molti prodotti per pagina, \u00e8 consigliabile utilizzare un plugin dedicato come WP Rocket o Perfmatters che offre un lazy loading pi\u00f9 sofisticato, con placeholder sfocati o in colore dominante che migliorano l’esperienza visiva durante il caricamento.<\/p>\n

Attenzione<\/strong>: non applicare il lazy loading all’immagine principale del prodotto nella parte superiore della pagina (above the fold). Questa immagine deve caricarsi immediatamente per evitare un ritardo percepito dall’utente. I plugin di caching pi\u00f9 avanzati gestiscono automaticamente questa esclusione.<\/p>\n

Un CDN (Content Delivery Network)<\/strong> distribuisce le immagini su server sparsi nel mondo, servendo ogni visitatore dal server pi\u00f9 vicino. Per un e-commerce italiano con clienti prevalentemente nazionali, un CDN con nodi in Europa \u00e8 sufficiente. Servizi come Cloudflare (piano gratuito disponibile), BunnyCDN o KeyCDN riducono i tempi di caricamento delle immagini del 30-50{6fb8dad3a9c483f1a21adb5997a0bd0fb65a4b2f8344003d223c5d2f2542798c} e alleggeriscono il carico sul server di hosting.<\/p>\n

Best Practice per la Galleria Prodotto<\/h2>\n

Una galleria prodotto efficace non si limita a mostrare il prodotto: racconta una storia e risponde a tutte le domande visive del potenziale acquirente.<\/p>\n

Numero di immagini<\/strong>: il numero ideale \u00e8 tra 4 e 8 immagini per prodotto. Meno di 4 non forniscono informazioni sufficienti, pi\u00f9 di 8 possono rallentare la pagina e confondere il cliente. Per prodotti complessi (elettronica, mobili) servono pi\u00f9 immagini; per prodotti semplici (accessori, cancelleria) ne bastano meno.<\/p>\n

Angolazioni essenziali<\/strong>: includi sempre un’immagine frontale (hero shot), una posteriore, una laterale, un dettaglio ravvicinato di materiali o finiture, una foto contestualizzata (il prodotto in uso o nell’ambiente) e un’immagine con riferimento dimensionale (il prodotto accanto a un oggetto comune o indossato da una persona).<\/p>\n

Foto lifestyle<\/strong>: le immagini che mostrano il prodotto in un contesto reale (un maglione indossato, una lampada in un salotto arredato, un gadget sulla scrivania) aumentano significativamente il tasso di conversione perch\u00e9 aiutano il cliente a immaginare il prodotto nella propria vita.<\/p>\n

\"Aggiunta<\/p>\n

Zoom<\/strong>: abilita la funzionalit\u00e0 di zoom sull’immagine principale. WooCommerce include uno zoom nativo (attivabile da WooCommerce → Impostazioni → Prodotti) che si attiva al passaggio del mouse. Per un’esperienza migliore, plugin come JESGOO Product Image Zoom<\/em> offrono zoom a finestra, zoom interno e lightbox con navigazione tra le immagini della galleria.<\/p>\n

Coerenza visiva<\/strong>: tutte le immagini del catalogo dovrebbero avere lo stesso stile: stesso sfondo (bianco \u00e8 lo standard), stessa illuminazione, stesso angolo di ripresa, stesse proporzioni. Questa coerenza trasmette professionalit\u00e0 e facilita il confronto tra prodotti.<\/p>\n

Ottimizzazione SEO delle Immagini Prodotto<\/h2>\n

Le immagini dei prodotti sono una fonte significativa di traffico organico tramite Google Immagini e Google Shopping. Ottimizzarle per la SEO \u00e8 un’attivit\u00e0 spesso trascurata che pu\u00f2 portare risultati importanti.<\/p>\n

Alt text (testo alternativo)<\/strong>: ogni immagine deve avere un alt text descrittivo che includa il nome del prodotto e una caratteristica rilevante. Ad esempio, invece di “IMG_2847.jpg” o “prodotto-1”, usa “Borsa in pelle marrone artigianale con tracolla regolabile”. L’alt text aiuta Google a comprendere il contenuto dell’immagine, migliora l’accessibilit\u00e0 per gli utenti con disabilit\u00e0 visive e appare quando l’immagine non pu\u00f2 essere caricata.<\/p>\n

Nome del file<\/strong>: rinomina sempre i file prima del caricamento con nomi descrittivi e parole chiave pertinenti, separati da trattini. Usa “borsa-pelle-marrone-artigianale.jpg” invece di “DSC_0042.jpg”. Google utilizza il nome del file come segnale aggiuntivo per comprendere il contenuto dell’immagine.<\/p>\n

Title tag<\/strong>: il titolo dell’immagine appare come tooltip al passaggio del mouse. Anche se ha meno peso SEO rispetto all’alt text, \u00e8 un’opportunit\u00e0 per aggiungere informazioni contestuali come il brand, il materiale o una call-to-action.<\/p>\n

Sitemap immagini<\/strong>: assicurati che le immagini dei prodotti siano incluse nella sitemap XML del sito. Plugin SEO come SEOPress o Yoast SEO generano automaticamente una sitemap delle immagini che aiuta Google a scoprire e indicizzare tutte le foto dei prodotti.<\/p>\n

Rimozione Sfondo, Filigrana e Immagini Responsive<\/h2>\n

Rimozione dello sfondo<\/strong>: uno sfondo bianco pulito \u00e8 lo standard per le immagini prodotto degli e-commerce professionali. Strumenti come remove.bg<\/em> (integrazione WordPress disponibile), Canva<\/em> o Adobe Express<\/em> permettono di rimuovere lo sfondo in pochi secondi con intelligenza artificiale. Per volumi elevati, plugin come Flavor<\/em> automatizzano il processo direttamente in WordPress.<\/p>\n

Filigrana (watermark)<\/strong>: se vendi prodotti originali e temi il furto delle immagini, puoi applicare una filigrana discreta con il nome del brand. Plugin come Easy Watermark<\/em> applicano automaticamente il watermark al caricamento. Tuttavia, valuta attentamente se il vantaggio della protezione giustifica il potenziale impatto negativo sull’estetica: una filigrana troppo invadente pu\u00f2 ridurre le conversioni.<\/p>\n

Immagini responsive (srcset)<\/strong>: WordPress genera automaticamente diverse dimensioni di ogni immagine e utilizza l’attributo srcset<\/code> per servire la dimensione pi\u00f9 appropriata in base al dispositivo e alla risoluzione dello schermo. Un visitatore da smartphone ricever\u00e0 un’immagine pi\u00f9 piccola e leggera rispetto a un visitatore da desktop con monitor 4K. Questa funzionalit\u00e0 \u00e8 attiva di default, ma verifica che il tuo tema non la disabiliti accidentalmente.<\/p>\n

Viste a 360 gradi<\/strong>: per prodotti dove la forma tridimensionale \u00e8 importante (scarpe, mobili, gioielli), le viste a 360 gradi possono aumentare le conversioni fino al 27{6fb8dad3a9c483f1a21adb5997a0bd0fb65a4b2f8344003d223c5d2f2542798c}. Plugin come WooCommerce 360° Image<\/em> o Jeep 360 View<\/em> permettono di creare rotazioni interattive da una serie di foto scattate da angolazioni diverse (tipicamente 24-36 scatti). Richiedono pi\u00f9 lavoro fotografico, ma il risultato \u00e8 estremamente professionale.<\/p>\n

Video nella galleria prodotto<\/strong>: WooCommerce non supporta nativamente i video nella galleria prodotto, ma plugin come JESGOO Product Video<\/em> o Product Video for WooCommerce<\/em> permettono di aggiungere video da YouTube, Vimeo o file self-hosted alla galleria. Un breve video del prodotto in uso \u00e8 spesso pi\u00f9 efficace di dieci foto statiche, soprattutto per prodotti tecnologici, abbigliamento e articoli il cui funzionamento non \u00e8 immediatamente evidente.<\/p>\n

Checklist Operativa per le Immagini Prodotto<\/h2>\n

Ecco una checklist pratica da seguire ogni volta che carichi un nuovo prodotto su WooCommerce:<\/p>\n