{"id":4490,"date":"2017-04-19T14:51:36","date_gmt":"2017-04-19T12:51:36","guid":{"rendered":"http:\/\/www.wppratico.com\/?p=4490"},"modified":"2017-04-19T14:51:36","modified_gmt":"2017-04-19T12:51:36","slug":"ecommerce-ottimizzazione-immagini","status":"publish","type":"post","link":"https:\/\/www.wppratico.com\/ecommerce-ottimizzazione-immagini\/","title":{"rendered":"Come ottimizzare le immagini di un eCommerce"},"content":{"rendered":"<p>Che tu abbia un sito aziendale o un eCommerce, l\u2019ottimizzazione delle immagini \u00e8 sicuramente qualcosa che dovresti dominare.<\/p>\n<p>Dall\u2019attrarre gli utenti grazie alla ricerca per immagini di Google, al ridurre il tempo di caricamento delle pagine, l\u2019ottimizzazione delle immagini \u00e8 sicuramente una parte importante per costruire un sito web o un eCommerce di successo.<\/p>\n<p>Ricerca per immagini, alt tag e formati sono sono alcuni degli spunti per i pi\u00f9 classici dubbi proprio in materia di immagini.<\/p>\n<p>Con questo post prover\u00f2 a rispondere a tutti i tuoi dubbi. Troverai tutte le regole da applicare assolutamente!<\/p>\n<h3>1. Rinomina le tue immagini in modo descrittivo e in un italiano semplice (e, ovviamente, corretto)<\/h3>\n<p>Durante gli shooting fotografici si hanno sempre mille cose a cui pensare e rinominare i file non \u00e8 sicuramente tra le priorit\u00e0. Caricare centinaia di foto, magari tutto il tuo\u00a0catalogo prodotti, tenendo il nome di default del file, assegnato direttamente dalla fotocamera \u00e8 facile e, nella maggior parte dei casi \u00e8 la scelta pi\u00f9 frequente.<\/p>\n<p>Prima di continuare con questa (brutta) abitudine, vediamo insieme perch\u00e9 non \u00e8 poi una soluzione cos\u00ec saggia.<\/p>\n<p>Quando si parla di SEO \u00e8 importante usare keyword valide per migliorare il tuo posizionamento nella SERP. Utilizzare nomi descrittivi contenenti le parole chiave legate alle immagini \u00e8 parte integrante dell\u2019ottimizzazione.<\/p>\n<p>I crawler di Google non analizzeranno soltanto i contenuti testuali delle tue pagine, ma scansioneranno e valuteranno la tua pagina in base alle keyword per cui ti vorrai posizionare, anche le tue immagini, proprio a partire dal nome del file.<\/p>\n<p>Facciamo un esempio.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-4512 size-full\" title=\"Mustang Rossa\" src=\"http:\/\/www.wppratico.com\/wp-content\/uploads\/2017\/04\/2012-Ford-Mustang-LX-Red.jpg\" alt=\"\" width=\"667\" height=\"393\" srcset=\"https:\/\/www.wppratico.com\/wp-content\/uploads\/2017\/04\/2012-Ford-Mustang-LX-Red.jpg 667w, https:\/\/www.wppratico.com\/wp-content\/uploads\/2017\/04\/2012-Ford-Mustang-LX-Red-570x336.jpg 570w\" sizes=\"(max-width: 667px) 100vw, 667px\" \/><\/p>\n<blockquote>\n<ul>\n<li>DCIM001_HD.jpg \u00e8 una soluzione per questa immagine<\/li>\n<li>Ford-Mustang-LX-rossa.jpg\u00a0\u00e8 tutta un\u2019altra cosa<\/li>\n<\/ul>\n<\/blockquote>\n<p>Lo so, costa del tempo, come tutto quello che si fa per ottenere risultati.<\/p>\n<p>Immagina che un utente stia cercando uno specifico prodotto nel tuo sito. Quali termini potrebbe usare? Rifacendoci all\u2019esempio sopra e immaginando di essere i fortunati venditori di un\u2019auto simile, l\u2019utente potrebbe usare termini come:<\/p>\n<ul>\n<li>2012 Rossa Ford Mustang LX<\/li>\n<li>Ford Mustang LX Rossa 2012<\/li>\n<li>Rossa Ford Mustang LX 2012<\/li>\n<\/ul>\n<p>Una buona abitudine \u00e8 quella di utilizzare Google Analytics per verificare quali chiavi di ricerca utilizzino gli utenti per cercare i prodotti nel tuo\u00a0sito. Osservando un periodo sufficientemente ampio di ricerche potrete ricavare una linea guida come modello delle ricerche e utilizzarla per rinominare le tue\u00a0immagini di conseguenza.<\/p>\n<p>Un altro strumento davvero utile \u00e8 Google Keywords Planner, gratuito e abbastanza semplice, vi permette di trovare le parole chiave che meglio definiscono il tuo\u00a0prodotto.<\/p>\n<p>Se non vuoi essere cos\u00ec preciso e dettagliato, assicurati per\u00f2 di utilizzare le giuste parole chiave rinominando le tue immagini (e cerca di essere pi\u00f9 descrittivo possibile)<\/p>\n<h3>2. Ottimizza i tuoi Alt Tags con furbizia<\/h3>\n<p>Gli alt tags non sono altro che \u201ctesto alternativo\u201d all\u2019immagine che, come saprai, non pu\u00f2 essere letta da Google in quanto immagine in s\u00e9.<\/p>\n<p>L\u2019attributo alt aggiunge informazioni e valore SEO al tuo sito. Aggiungendo un alt tag appropriato alle immagini presenti nel tuo sito favorirai il posizionamento dei tuoi contenuti, associando cos\u00ec le immagini a parole chiave specifiche.<\/p>\n<p>Dopo tutto usare gli alt tags \u00e8 probabilmente il miglior modo per posizionare i tuoi prodotti, in particolare se hai un ecommerce, in una ricerca Google immagini o pi\u00f9 in generale in una ricerca nel web.<\/p>\n<p>Diamo un\u2019occhiata al codice, questo \u00e8 quello che vedrai quando aggiungi un attributo alt ad un\u2019immagine.<\/p>\n<p>&lt; img src \u201c2012-Ford-Mustang-LX-rossa.jpg\u201d alt= \u201c2012 Rossa Ford Mustang LX\u201d&gt;<\/p>\n<p>La priorit\u00e0 numero uno, quando si tratta di ottimizzare le immagini, \u00e8 quella di inserire gli alt tag ad OGNI immagine <span style=\"text-decoration: underline;\">importante<\/span> del tuo sito.<\/p>\n<p><strong>Quindi, vediamo un po\u2019 di semplici regole per gli alt tags:<\/strong><\/p>\n<ul>\n<li>Usa termini chiari, semplici e descrittivi, proprio come hai fatto per il nome del file<\/li>\n<li>Se hai un eCommerce e i tuoi prodotti hanno uno specifico numero di modello o numero seriale, usali nel loro alt tag.<\/li>\n<li>NON inserire keyword a casaccio. Niente \u201cgratis prezzo specialissimo in saldo\u201d sono assolutamente inutili ed anzi penalizzanti.<\/li>\n<li>Non essere lezioso, le immagini puramente decorative non serve che abbiano l\u2019alt tag. Potresti essere penalizzato per una sovra-ottimizzazione.<\/li>\n<li>Ultima regola, sempre valida: controlla. Puoi farlo in modo manuale guardando il codice sorgente della tua pagina e controllando tutti gli alt=\u201c..\u201d, oppure utilizzare uno strumento molto semplice ma efficace \u00a0che trovi a <a href=\"http:\/\/www.contentforest.com\/seo-tools\/image-alt-checker\">questo link<\/a>\u00a0. Questo tool ti permette, semplicemente inserendo l\u2019URL della pagina che vuoi controllare, di verificare con un colpo d\u2019occhio quali immagini non abbiano l\u2019attributo alt.<\/li>\n<\/ul>\n<h3>3. Dimensioni delle immagini e angolazione delle foto: pianifica le strategie migliori<\/h3>\n<p>Una prassi molto comune ultimamente \u00e8 quella di mostrare i prodotti, in siti web o eCommerce, da pi\u00f9 angolazioni. Perch\u00e9 si \u00e8 diffusa questa prassi? Semplice: Amazon. Siamo tutti oramai abituati agli standard Amazon per le immagini e quindi pretendiamo che ci sia un&#8217;immagine del prodotto, che lo rappresenti nella sua interezza e ci faccia subito capire tutto e poi cerchiamo le immagini con tutti gli altri dettagli.<\/p>\n<p>Per tornare al nostro esempio di prima, la Mustang, non vorresti mostrare solo un\u2019immagine dell\u2019auto, specialmente se stai cercando di venderla. Sar\u00e0 nel tuo interesse mostrare degli scatti particolari come:<\/p>\n<ul>\n<li>Gli interni<\/li>\n<li>I particolati che la rendono unica<\/li>\n<li>I dettagli ben a fuoco<\/li>\n<li>Il motore<\/li>\n<li>Tutti i dettagli che ti vengono in mente<\/li>\n<\/ul>\n<p>Quindi, quando verr\u00e0 il momento di inserire le immagini dei tuoi prodotti tieni a mente alcune regole fondamentali:<\/p>\n<ul>\n<li>non riciclare foto da cataloghi in PDF<\/li>\n<li>non sperare che le foto fatte 5 anni fa vadano ancora bene, saranno di qualit\u00e0 troppo bassa<\/li>\n<li>rivolgiti ad un professionista, quantomeno chiedigli un preventivo<\/li>\n<li>non scattare una sola foto per\u00a0prodotto, altrimenti dovrai rifare tutto il lavoro a qualche mese di distanza.<\/li>\n<\/ul>\n<p>Il miglior modo per capitalizzare tutti questi scatti ulteriori \u00e8 arricchire queste immagini con gli alt tags. Ancora meglio se, nell\u2019inserire questi alt tags, li rendi specifici per ciascuna immagine:<\/p>\n<ul>\n<li><strong>2012-Ford-Mustang-LX-rossa-interni-pelle.jpg\u00a0<\/strong>usando <strong>alt = &#8221; 2012 Ford Mustang LX rossa Interni in pelle &#8220;<\/strong><\/li>\n<li><strong>2012-Ford-Mustang-LX-rossa-alettone.jpg<\/strong>-&gt; usando <strong>alt = &#8221; 2012 Ford Mustang LX rossa alettone &#8220;<\/strong><\/li>\n<\/ul>\n<p>Il segreto \u00e8 quindi aggiungere una descrizione all\u2019alt tag di partenza cos\u00ec che gli utenti che cercano quel prodotto\/servizio arrivino sul tuo sito. Se ti impegni in questo lavoro, Google ti ripagher\u00e0 con utenti affamati del tuo prodotto.<\/p>\n<p>Volendo poi parlare di \u201cangolazione\u201d in senso figurato allora \u00e8 bene ricordare che Google apprezza e quindi, in termini pi\u00f9 scientifici, attribuisce, un punteggio maggiore, a pagine coerenti. Questo significa che, riuscendo a capire il contesto della pagina, il punteggio sar\u00e0 maggiore se anche l\u2019immagine e quindi l\u2019alt tag di questa, sar\u00e0 coerente con l\u2019argomento trattato.<\/p>\n<p><strong>Un avvertimento sulle immagini di grandi dimensioni<\/strong><\/p>\n<p>Schermi in full HD e reti sempre pi\u00f9 veloci potrebbero farti propendere per immagini di grandi dimensioni, soluzione che sicuramente rende sempre pi\u00f9 coinvolgente ed entusiasmante la user experience dei tuoi utenti \u2013 fai attenzione per\u00f2, per dirla all\u2019inglese \u201c<em>just be careful\u201d<\/em>.<\/p>\n<p>Qualsiasi sia la tua decisione, non caricare un\u2019immagine di grandi dimensioni nell\u2019archivio media del tuo sito per poi ridimensionarle nel momento in cui le carichi nella pagina o direttamente dal codice sorgente. Questa soluzione infatti aumenter\u00e0 inevitabilmente il tempo di caricamento della pagina perch\u00e9 il file inserito \u00e8 sempre collegato con l\u2019immagini di pi\u00f9 grandi dimensioni caricata in precedenza.<\/p>\n<p>Al contrario una soluzione ben pi\u00f9 saggia pu\u00f2 essere quella di inserire immagini di dimensioni pi\u00f9 piccole e offrire ad esempio la possibilit\u00e0 di ingrandire l\u2019immagine in una finestra popup o direttamente in un\u2019altra pagina.<\/p>\n<h3>4. Riduci il peso dei file delle tue immagini<\/h3>\n<p>Consideriamo alcuni punti:<\/p>\n<ul>\n<li>la maggior parte degli utenti attende circa 3 secondi per il caricamento completo di un sito da desktop o laptop<\/li>\n<li>\u2026e circa 5 secondi su dispositivo mobile<\/li>\n<li>Amazon ha stimato che se il caricamento delle sue pagine fosse rallentato di 1 secondo, il fatturato scenderebbe di $1.6 miliardi all\u2019anno<\/li>\n<li>Google utilizza la velocit\u00e0 di caricamento di una pagina come uno dei fattori nell\u2019algoritmo di posizionamento.<\/li>\n<\/ul>\n<p>Se il tuo sito si apre come pagina bianca e lentamente compaiono, pixel dopo pixel, le immagini e si completano il circa 15 secondi\u2026prova per un attimo a metterti nei panni del visitatore.<\/p>\n<p><strong>Quindi, cosa puoi fare?<\/strong><\/p>\n<p>Quando un utente arriva sul tuo sito, per il caricamento pu\u00f2 volerci un po\u2019, in base alla dimensione dei file contenuti. Nello specifico, pi\u00f9 grandi saranno le dimensioni dei file pi\u00f9 tempo ci vorr\u00e0 per il caricamento completo della pagina.<\/p>\n<p>A maggior ragione, se parliamo di un ecommerce di prodotti, magari con centinaia di prodotti, ciascuno con almeno due immagini, puoi ben comprendere l\u2019importanza che assume la dimensione delle immagini.<\/p>\n<p>#Nota Importante_ Se ti appoggi ad una piattaforma come Shopify non ignora questa parte, le tue immagini verranno automaticamente ridimensionate e non dovrai pi\u00f9 preoccupartene.<\/p>\n<ol>\n<li><strong>Salva per il web = Photoshop<\/strong><\/li>\n<\/ol>\n<p>Parole d\u2019ordine per tutti i grafici e web designer, che dovrebbe entrare nel tuo vocabolario quotidiano. Il comando \u201cSalva per il Web\u201d di Photoshop \u00e8 forse il metodo pi\u00f9 comune per ridurre le dimensioni si un\u2019immagine. In un solo passaggio potrai regolare le dimensioni e allo stesso tempo controllare la qualit\u00e0 dell\u2019immagine.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-4519 size-large\" title=\"salva per web\" src=\"http:\/\/www.wppratico.com\/wp-content\/uploads\/2017\/04\/salvaperweb-1024x640.jpg\" alt=\"\" width=\"1024\" height=\"640\" srcset=\"https:\/\/www.wppratico.com\/wp-content\/uploads\/2017\/04\/salvaperweb-1024x640.jpg 1024w, https:\/\/www.wppratico.com\/wp-content\/uploads\/2017\/04\/salvaperweb-570x356.jpg 570w, https:\/\/www.wppratico.com\/wp-content\/uploads\/2017\/04\/salvaperweb-768x480.jpg 768w, https:\/\/www.wppratico.com\/wp-content\/uploads\/2017\/04\/salvaperweb.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<ol start=\"2\">\n<li><strong>Non hai Photoshop. Non disperare<\/strong><\/li>\n<\/ol>\n<p>Photoshop non solo \u00e8 un tool a pagamento ma \u00e8 anche abbastanza complesso da scoraggiare anche i pi\u00f9 volonterosi.<\/p>\n<p>Fortunatamente esistono numerosi tool online per editare le foto. Primo tra tutti un utilissimo tool proprio di Photoshop &gt; <a href=\"http:\/\/www.photoshop.com\/tools\">http:\/\/www.photoshop.com\/tools<\/a>. Non sperare di trovare le stesse funzioni del programma classico ma c\u2019\u00e8 tutto quello che serve per ridurre le dimensioni delle immagini (e sistemarne i parametri principali)<\/p>\n<p>Altri tool di editing immagini sono:<\/p>\n<ul>\n<li><a href=\"http:\/\/picmonkey.com\/\">PicMonkey<\/a>\u00a0\u2013 descritto dagli esperti come il tool di editing che lascia senza parole. Salvatelo tra i preferiti e utilizzatelo, ne varr\u00e0 la pena.<\/li>\n<li><a href=\"http:\/\/pixlr.com\/\">Pixlr<\/a>\u2013 100% gratis, immediato e user friendly. Uno strumento da tenere sempre presente.<\/li>\n<li><a href=\"http:\/\/fotoflexer.com\/\">FotoFlexer<\/a>&#8211; un altro editor mediamente avanzato, permette addirittura di lavorare sui livelli, funzione non da poco se vuoi avventurarti con modifiche pi\u00f9 complesse.<\/li>\n<\/ul>\n<p>E non dimenticare GIMP, il famoso software open-source, gratuito e che ti fornisce tutti gli strumenti per modificare le tue foto. Nella pratica pu\u00f2 fare tutto quello che fa Photoshop ma in modo un po\u2019 maldestro. Se stai cercando qualcosa di gratuito non pensarci nemmeno, \u00e8 la scelta che fa per te.<\/p>\n<p><strong>Quando grande dovrebbero essere le mie immagini?<\/strong><\/p>\n<p>Dipende. Risposta scontata, lo so. Immaginiamo che tu sia un fotografo professionista, il tuo sito offre un servizio indissolubilmente legato alle immagini, avrai slideshow e immagini a schermo intero e quindi le dimensioni minime saranno 1920&#215;1080, minime dicevamo.<\/p>\n<p>Se, come accennato prima, hai un eCommerce, una regola sempre valida \u00e8 quella di cercare di rimanere, per quanto possibile, al di sotto dei 70kb. Ovviamente come sempre non esiste una risposta unica.<\/p>\n<p>Hai ridotto tutte le tue immagini e vuoi capire se hai margini di manovra? <a href=\"https:\/\/tools.pingdom.com\/\">Pingdom<\/a> \u00e8 un ottimo tool per misurare le prestazioni di caricamento del tuo sito.<\/p>\n<h3>5. Utilizza il giusto formato in ogni situazione<\/h3>\n<p>Ci sono 3 principali (e pi\u00f9 comuni) formati per le immagini: JPEG, GIF e PNG.<\/p>\n<p>Per capire come e quando utilizzarli \u00e8 bene capire quali sono le principali caratteristiche tecniche di ciascun formato.<\/p>\n<p>E in effetti in rete si trovano davvero tante spiegazioni dettagliate, articoli su articoli di dettagli sul numero di pixel e resa del colore. Informazioni davvero interessanti ma ora ci serve vendere il nostro prodotto, questo \u00e8 l\u2019importante.<\/p>\n<p>Quindi, per essere quanto pi\u00f9 efficace e diretta posso dirti che:<\/p>\n<p>JPEG: tutte le tue immagini<\/p>\n<p>PNG: loghi, immagini con trasparenze<\/p>\n<p>GIF: immagini animate<\/p>\n<p>Ricordati sempre di salvare per web e cerca di caricare immagini che abbiano dimensioni congrue all\u2019utilizzo che ne farai. Se l\u2019immagine serve nel catalogo prodotti non servir\u00e0 sicuramente pi\u00f9 grande di 2000px.<\/p>\n<p>Per non sorvolare troppo sulla parte tecnica, ecco un esempio, forse estremo, ma molto esemplificativo. Queste tre immagini sono state ridimensionate per pesare 24kb, in ciascun formato.<\/p>\n<p>Come vedi, \u00e8 chiaro che a vincere questa sfida \u00e8 il formato JPEG. GIF e PNG, per mantenere lo spesso peso, diminuiscono sensibilmente la qualit\u00e0 dell\u2019immagine.<\/p>\n<h3>6. Come scegliere le immagini in evidenza<\/h3>\n<p>La maggior parte di siti eCommerce utilizza le immagini in evidenza o thumbnail (miniature). L\u2019utilizzo di queste immagini permette all\u2019utente di scansionare\u00a0velocemente i contenuti della pagina individuando facilmente i prodotti cui \u00e8 interessato.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-4520 size-large\" title=\"thumbnail ecommerce\" src=\"http:\/\/www.wppratico.com\/wp-content\/uploads\/2017\/04\/Schermata-2017-04-04-alle-13.20.11-1024x655.png\" alt=\"\" width=\"1024\" height=\"655\" srcset=\"https:\/\/www.wppratico.com\/wp-content\/uploads\/2017\/04\/Schermata-2017-04-04-alle-13.20.11-1024x655.png 1024w, https:\/\/www.wppratico.com\/wp-content\/uploads\/2017\/04\/Schermata-2017-04-04-alle-13.20.11-570x365.png 570w, https:\/\/www.wppratico.com\/wp-content\/uploads\/2017\/04\/Schermata-2017-04-04-alle-13.20.11-768x492.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Se \u00e8 vero che questo tipo di immagini sono molto utili per presentare il tuo prodotto al meglio, dall\u2019altro sono dei killer silenziosi della tua pagina.<\/p>\n<p>Troviamo infatti queste immagini in punti nevralgici del processo d\u2019acquisto e se queste aumentano il tempo di caricamento della pagina allora stai perdendo in cliente.<\/p>\n<ul>\n<li>Assicurati che le tue immagini in evidenza siano quanto pi\u00f9 piccole possibile, soprattutto se nella pagina in questione ci sono pi\u00f9 immagini thumbnail.<\/li>\n<li>Nell\u2019inserire l\u2019alt tag scegli un testo diverso da quello che hai utilizzato per l\u2019immagine grande del prodotto, l\u2019ultima cosa che vuoi \u00e8 infatti che venga indicizzata il thumbnail invece che la migliore e pi\u00f9 grande foto prodotto.<\/li>\n<\/ul>\n<p>La cosa davvero importante e comune a tutte queste regole \u00e8: dai importanza alle immagini. Sono parte integrante del tuo sito, insieme ai testi e ai contenuti. Dedica tempo alle piccole azioni, il tuo tempo sar\u00e0 ripagato.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Che tu abbia un sito aziendale o un eCommerce, l\u2019ottimizzazione delle immagini \u00e8 sicuramente qualcosa che dovresti dominare. Dall\u2019attrarre gli utenti grazie alla ricerca per immagini di Google, al ridurre il tempo di caricamento delle pagine, l\u2019ottimizzazione delle immagini \u00e8 sicuramente una parte importante per costruire un sito web o un eCommerce di successo. Ricerca [&hellip;]<\/p>\n","protected":false},"author":492,"featured_media":4535,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":""},"categories":[180],"tags":[212,213],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Come ottimizzare le immagini per l&#039;eCommerce: tutte le regole<\/title>\n<meta name=\"description\" content=\"Regole pratiche, consigli e suggerimenti per ottimizzare al meglio le immagini del tuo eCommerce o sito web per aumentare la visibilit\u00e0 e le conversioni.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wppratico.com\/ecommerce-ottimizzazione-immagini\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come ottimizzare le immagini per l&#039;eCommerce: tutte le regole\" \/>\n<meta property=\"og:description\" content=\"Regole pratiche, consigli e suggerimenti per ottimizzare al meglio le immagini del tuo eCommerce o sito web per aumentare la visibilit\u00e0 e le conversioni.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wppratico.com\/ecommerce-ottimizzazione-immagini\/\" \/>\n<meta property=\"og:site_name\" content=\"Wordpress Pratico\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/WordpressPratico\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-19T12:51:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wppratico.com\/wp-content\/uploads\/2017\/04\/ecommerce-come-ottimizzare-le-immagini.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n<meta property=\"fb:app_id\" content=\"221729387867650\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@giavara\" \/>\n<meta name=\"twitter:site\" content=\"@giavara\" \/>\n<meta name=\"twitter:label1\" value=\"Scritto da\">\n\t<meta name=\"twitter:data1\" value=\"Eleonora\">\n\t<meta name=\"twitter:label2\" value=\"Tempo di lettura stimato\">\n\t<meta name=\"twitter:data2\" value=\"9 minuti\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.wppratico.com\/#organization\",\"name\":\"WP Pratico\",\"url\":\"https:\/\/www.wppratico.com\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/WordpressPratico\",\"https:\/\/instagram.com\/andreagiavara\/\",\"http:\/\/it.linkedin.com\/in\/giavara\",\"https:\/\/it.pinterest.com\/giavara\/\",\"https:\/\/twitter.com\/giavara\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.wppratico.com\/#logo\",\"inLanguage\":\"it-IT\",\"url\":\"https:\/\/www.wppratico.com\/wp-content\/uploads\/2015\/05\/logo-wppratico.png\",\"width\":360,\"height\":120,\"caption\":\"WP Pratico\"},\"image\":{\"@id\":\"https:\/\/www.wppratico.com\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wppratico.com\/#website\",\"url\":\"https:\/\/www.wppratico.com\/\",\"name\":\"Wordpress Pratico\",\"description\":\"Realizza da solo il tuo Sito con Wordpress\",\"publisher\":{\"@id\":\"https:\/\/www.wppratico.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.wppratico.com\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.wppratico.com\/ecommerce-ottimizzazione-immagini\/#primaryimage\",\"inLanguage\":\"it-IT\",\"url\":\"https:\/\/www.wppratico.com\/wp-content\/uploads\/2017\/04\/ecommerce-come-ottimizzare-le-immagini.jpg\",\"width\":1200,\"height\":675,\"caption\":\"ecommerce come ottimizzare le immagini\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wppratico.com\/ecommerce-ottimizzazione-immagini\/#webpage\",\"url\":\"https:\/\/www.wppratico.com\/ecommerce-ottimizzazione-immagini\/\",\"name\":\"Come ottimizzare le immagini per l'eCommerce: tutte le regole\",\"isPartOf\":{\"@id\":\"https:\/\/www.wppratico.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.wppratico.com\/ecommerce-ottimizzazione-immagini\/#primaryimage\"},\"datePublished\":\"2017-04-19T12:51:36+00:00\",\"dateModified\":\"2017-04-19T12:51:36+00:00\",\"description\":\"Regole pratiche, consigli e suggerimenti per ottimizzare al meglio le immagini del tuo eCommerce o sito web per aumentare la visibilit\\u00e0 e le conversioni.\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wppratico.com\/ecommerce-ottimizzazione-immagini\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.wppratico.com\/ecommerce-ottimizzazione-immagini\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.wppratico.com\/ecommerce-ottimizzazione-immagini\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.wppratico.com\/#\/schema\/person\/2fec6972b6260ae765f7ba3618161fd0\"},\"headline\":\"Come ottimizzare le immagini di un eCommerce\",\"datePublished\":\"2017-04-19T12:51:36+00:00\",\"dateModified\":\"2017-04-19T12:51:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.wppratico.com\/ecommerce-ottimizzazione-immagini\/#webpage\"},\"publisher\":{\"@id\":\"https:\/\/www.wppratico.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.wppratico.com\/ecommerce-ottimizzazione-immagini\/#primaryimage\"},\"keywords\":\"ecommerce,immagini\",\"articleSection\":\"Marketing\",\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wppratico.com\/#\/schema\/person\/2fec6972b6260ae765f7ba3618161fd0\",\"name\":\"Eleonora\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.wppratico.com\/#personlogo\",\"inLanguage\":\"it-IT\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1f81aa93cb2ff1cd0d3c45eecf2380d2?s=96&d=mm&r=g\",\"caption\":\"Eleonora\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.wppratico.com\/wp-json\/wp\/v2\/posts\/4490"}],"collection":[{"href":"https:\/\/www.wppratico.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wppratico.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wppratico.com\/wp-json\/wp\/v2\/users\/492"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wppratico.com\/wp-json\/wp\/v2\/comments?post=4490"}],"version-history":[{"count":0,"href":"https:\/\/www.wppratico.com\/wp-json\/wp\/v2\/posts\/4490\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wppratico.com\/wp-json\/wp\/v2\/media\/4535"}],"wp:attachment":[{"href":"https:\/\/www.wppratico.com\/wp-json\/wp\/v2\/media?parent=4490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wppratico.com\/wp-json\/wp\/v2\/categories?post=4490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wppratico.com\/wp-json\/wp\/v2\/tags?post=4490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}