SlideShare a Scribd company logo
1 of 22
Download to read offline
Come preparare e caricare
correttamente le immagini
sia per la velocità che il SEO
FoodCamp Milano 2016
5 marzo
Congusto Gourmet Institute
Via Davanzati 15
Milano
Wolly
aka
Paolo Valenti
WordPress Italy
Il Programma
1) preparazione
2) WordPress cosa fa
3) plugin utili
4) Rudimenti di SEO per
immagini
I formati più comuni
PNG non compresso
JPEG compresso
4
Un esempio
5
fonte: http://www.wpbeginner.com/beginners-guide/speed-wordpress-save-images-optimized-web/
Preparazione
program e webapp
Preparazione
Adobe Photoshop (program)
TinyPNG (webapp)
JPEG Mini (free webapp, paid program Mac&PC)
ImageOptim (free Mac utility)
Trimage (free program Linux, PC & Mac)
Punypng (free and paid webapp)
7
WordPress
cosa fa
Impostazioni
In bacheca->impostazioni->media
9
Temi
I temi devono essere predisposti all’utilizzo delle immagini “croppate”
I temi possono creare nuove dimensioni
Se modificate le impostazioni è necessario rigenerare tutte le immagini con il
plugin: Regenerate Thumbnails
10
Plugin utili
estendere le capacità di WordPress
WP Smush (Reduce image file sizes, improve
performance and boost your SEO using the free WPMU
DEV WordPress Smush API.)
EWWW Image Optimizer (Reduce file sizes for images
within WordPress including NextGEN Gallery and GRAND
FlAGallery. Uses jpegtran, optipng/pngout, and gifsicle.)
RICG Responsive Images (obsoleto, funzionalità del core
di WordPress dalla versione 4.4)
Regenerate Thumbnails (ricrea tutti i crop)
12
Jetpack un plugin di plugin rilasciato da automattic che vi
permette di aggiungere numerose funzionalità una volta
demandate a singoli plugin:
Photon: Metti il turbo al tuo sito caricando le immagini dagli
articoli dalla rete di distribuzione dei contenuti di
WordPress.com. Memorizziamo le tue immagini nella cache
e le serviamo dal nostro network super-veloce, riducendo
l'onere del tuo Web host con il semplice click di un
pulsante.
13
Rudimenti di SEO
per immagini
(Grazie @ Michele Cipriani https://www.dropin.fm/it/entra.html)
Generale
Le immagini sono un’ottimo strumento per la SEO:
Possono essere ottimizzate per la Universal Search o per
Google Images
Danno valore al contesto
Permettono di abbassare il bounce rate
Ogni landing page od articolo dovrebbe contenere
un’immagine, sebbene non sia una legge scritta.
I fattori
Ci sono diversi fattori relativi alle immagini che vengono
calcolati.
Foto con contenuto originale
Il nome del file deve essere parlante es. pasta-pesto-12.jpg
La risoluzione dell’immagine deve essere appropriata
Le dimensioni del file devono essere ottimizzate
Come inserire le immagini
Il contesto in cui l’immagine è inserita influenza il posizionamento.
Le immagini vanno inserite nelle vicinanze di contenuti inerenti,
È consigliata la vicinanza di un elemento Hx Heading Tag
La didascalia è il testo che accompagna l’immagine, influenza il
posizionamento come tutti gli altri elementi che facilitano la
lettura o scansione della pagina.
L’Alt Text, è il testo alternativo, viene mostrato quando il browser
non è in grado di mostrare l’immagine a schermo.
CDN
Molti siti internet con un buon carico di visite sui server,
tendono ad utilizzare le cosiddette Content Delivery Network
per snellire il carico sulle macchine e risparmiare banda.
Generalmente questi sistemi si appoggiano a un dominio
esterno duplicando i contenuti da fornire al visitatore.
In caso di ottimizzazione SEO per immagini, è importante che
le immagini puntino al dominio del sito internet.
Ottimizzare le gallery
La cosa migliore per ottimizzare una galleria di immagini è aggiungere un
testo descrittivo alla pagina della galleria.
Hai creato una gallery? Parlane!
Per evitare di essere etichettati come spammer possiamo usare le Long Tail
Keywords per ottimizzare Alt Text delle immagini
Se la gallery ha 100 foto, conviene porsi due domande:
1. Se non è troppo
2. Se non è possibile dividere la gallery su più pagine ognuna ottimizzata
– Wolly
“Usare bene WordPress è come
fare un buon risotto, è solo
questione di equilibrio”.
Grazie a tutti
Domande?
Wolly
aka
Paolo Valenti
paolovalenti.info
wpitaly.it
wolly66@gmail.com
skype:wolly66
twitter/wolly
facebook.com/wolly
tel: 3932948156 (for women only)

More Related Content

Viewers also liked

Viewers also liked (10)

Dictation
DictationDictation
Dictation
 
An Update on the A400M, May 2013
An Update on the A400M, May 2013An Update on the A400M, May 2013
An Update on the A400M, May 2013
 
Zastita i sigurnost elektronskog poslovanja 2
Zastita i sigurnost elektronskog poslovanja 2Zastita i sigurnost elektronskog poslovanja 2
Zastita i sigurnost elektronskog poslovanja 2
 
Elektronsko bankarstvo
Elektronsko bankarstvoElektronsko bankarstvo
Elektronsko bankarstvo
 
Celulas guia
Celulas guiaCelulas guia
Celulas guia
 
Travel can be fun! leeson plan
Travel can be fun! leeson planTravel can be fun! leeson plan
Travel can be fun! leeson plan
 
EKG Básico
EKG BásicoEKG Básico
EKG Básico
 
Eurofighter Briefing, June 2016
Eurofighter Briefing, June 2016Eurofighter Briefing, June 2016
Eurofighter Briefing, June 2016
 
Shock cardiogenico
Shock cardiogenicoShock cardiogenico
Shock cardiogenico
 
El internado
El internadoEl internado
El internado
 

Similar to Food camp 5 marzo 2016

7 plugin word press che devi installare
7 plugin word press che devi installare7 plugin word press che devi installare
7 plugin word press che devi installareVenetoformazione
 
Velocizzare Un Sito Web Fatto Con WordPress
Velocizzare Un Sito Web Fatto Con WordPressVelocizzare Un Sito Web Fatto Con WordPress
Velocizzare Un Sito Web Fatto Con WordPressCarlenzoli Yuri
 
WordPress lento? Guida per un sito web veloce e performante. Autore Emilio Pe...
WordPress lento? Guida per un sito web veloce e performante. Autore Emilio Pe...WordPress lento? Guida per un sito web veloce e performante. Autore Emilio Pe...
WordPress lento? Guida per un sito web veloce e performante. Autore Emilio Pe...Petrozzi Emilio
 
Come velocizzare un sito web | Corso SEO a Bologna
Come velocizzare un sito web | Corso SEO a BolognaCome velocizzare un sito web | Corso SEO a Bologna
Come velocizzare un sito web | Corso SEO a BolognaWeb2Lab Studio
 
Come ottimizzare le foto per i vostri siti web
Come ottimizzare le foto per i vostri siti webCome ottimizzare le foto per i vostri siti web
Come ottimizzare le foto per i vostri siti webVenetoformazione
 
Velocità per la SEO di Magento: Redis Cache, Compilazione e Search Console
Velocità per la SEO di Magento: Redis Cache, Compilazione e Search ConsoleVelocità per la SEO di Magento: Redis Cache, Compilazione e Search Console
Velocità per la SEO di Magento: Redis Cache, Compilazione e Search ConsoleSimone Bussoni
 
Tre modi per aumentare la velocità del tuo Business Website e guadagnare on...
Tre modi per aumentare la velocità del tuo Business Website e guadagnare on...Tre modi per aumentare la velocità del tuo Business Website e guadagnare on...
Tre modi per aumentare la velocità del tuo Business Website e guadagnare on...Matteo Stefan
 
Plugin #MustHave | Mafaldida
Plugin #MustHave | MafaldidaPlugin #MustHave | Mafaldida
Plugin #MustHave | MafaldidaGiulia Costa
 
Search engine-optimization-starter-guide-it
Search engine-optimization-starter-guide-itSearch engine-optimization-starter-guide-it
Search engine-optimization-starter-guide-itGianluigi Spagnoli
 
WebSite: tutte le risposte alle vostre domande
WebSite: tutte le risposte alle vostre domande WebSite: tutte le risposte alle vostre domande
WebSite: tutte le risposte alle vostre domande Register.it
 
Google Plus, YouTube, social network e mobile per la SEO
Google Plus, YouTube, social network e mobile per la SEOGoogle Plus, YouTube, social network e mobile per la SEO
Google Plus, YouTube, social network e mobile per la SEOKEA s.r.l.
 
Search Engine Optimization (Parte 1)
Search Engine Optimization (Parte 1)Search Engine Optimization (Parte 1)
Search Engine Optimization (Parte 1)brossi676
 
Drupal Lessons by nois3lab
Drupal Lessons by nois3labDrupal Lessons by nois3lab
Drupal Lessons by nois3labnois3lab
 
Galdus WR 2014 lezione 2 ter seo doc google
Galdus WR 2014 lezione 2 ter seo doc googleGaldus WR 2014 lezione 2 ter seo doc google
Galdus WR 2014 lezione 2 ter seo doc googleUniversità di Milano
 
Guida introduttiva di Google all’ottimizzazione per motori di ricerca (SEO)
Guida introduttiva di Google  all’ottimizzazione per motori di ricerca (SEO)Guida introduttiva di Google  all’ottimizzazione per motori di ricerca (SEO)
Guida introduttiva di Google all’ottimizzazione per motori di ricerca (SEO)Davide Ciambelli
 
Corso Pratico di WordPress
Corso Pratico di WordPressCorso Pratico di WordPress
Corso Pratico di WordPressNicola Strumia
 

Similar to Food camp 5 marzo 2016 (20)

7 plugin word press che devi installare
7 plugin word press che devi installare7 plugin word press che devi installare
7 plugin word press che devi installare
 
Velocizzare Un Sito Web Fatto Con WordPress
Velocizzare Un Sito Web Fatto Con WordPressVelocizzare Un Sito Web Fatto Con WordPress
Velocizzare Un Sito Web Fatto Con WordPress
 
WordPress lento? Guida per un sito web veloce e performante. Autore Emilio Pe...
WordPress lento? Guida per un sito web veloce e performante. Autore Emilio Pe...WordPress lento? Guida per un sito web veloce e performante. Autore Emilio Pe...
WordPress lento? Guida per un sito web veloce e performante. Autore Emilio Pe...
 
Seo e prestashop
Seo e prestashopSeo e prestashop
Seo e prestashop
 
Velocità sito web
Velocità sito webVelocità sito web
Velocità sito web
 
Come velocizzare un sito web | Corso SEO a Bologna
Come velocizzare un sito web | Corso SEO a BolognaCome velocizzare un sito web | Corso SEO a Bologna
Come velocizzare un sito web | Corso SEO a Bologna
 
Come ottimizzare le foto per i vostri siti web
Come ottimizzare le foto per i vostri siti webCome ottimizzare le foto per i vostri siti web
Come ottimizzare le foto per i vostri siti web
 
Velocità per la SEO di Magento: Redis Cache, Compilazione e Search Console
Velocità per la SEO di Magento: Redis Cache, Compilazione e Search ConsoleVelocità per la SEO di Magento: Redis Cache, Compilazione e Search Console
Velocità per la SEO di Magento: Redis Cache, Compilazione e Search Console
 
Tre modi per aumentare la velocità del tuo Business Website e guadagnare on...
Tre modi per aumentare la velocità del tuo Business Website e guadagnare on...Tre modi per aumentare la velocità del tuo Business Website e guadagnare on...
Tre modi per aumentare la velocità del tuo Business Website e guadagnare on...
 
Plugin #MustHave | Mafaldida
Plugin #MustHave | MafaldidaPlugin #MustHave | Mafaldida
Plugin #MustHave | Mafaldida
 
Search engine-optimization-starter-guide-it
Search engine-optimization-starter-guide-itSearch engine-optimization-starter-guide-it
Search engine-optimization-starter-guide-it
 
WebSite: tutte le risposte alle vostre domande
WebSite: tutte le risposte alle vostre domande WebSite: tutte le risposte alle vostre domande
WebSite: tutte le risposte alle vostre domande
 
Google Plus, YouTube, social network e mobile per la SEO
Google Plus, YouTube, social network e mobile per la SEOGoogle Plus, YouTube, social network e mobile per la SEO
Google Plus, YouTube, social network e mobile per la SEO
 
Search Engine Optimization (Parte 1)
Search Engine Optimization (Parte 1)Search Engine Optimization (Parte 1)
Search Engine Optimization (Parte 1)
 
Drupal Lessons by nois3lab
Drupal Lessons by nois3labDrupal Lessons by nois3lab
Drupal Lessons by nois3lab
 
Pillole seo
Pillole seoPillole seo
Pillole seo
 
Galdus WR 2014 lezione 2 ter seo doc google
Galdus WR 2014 lezione 2 ter seo doc googleGaldus WR 2014 lezione 2 ter seo doc google
Galdus WR 2014 lezione 2 ter seo doc google
 
Guida introduttiva di Google all’ottimizzazione per motori di ricerca (SEO)
Guida introduttiva di Google  all’ottimizzazione per motori di ricerca (SEO)Guida introduttiva di Google  all’ottimizzazione per motori di ricerca (SEO)
Guida introduttiva di Google all’ottimizzazione per motori di ricerca (SEO)
 
Lezione 12 bis 2013 seo doc google
Lezione 12 bis 2013 seo doc googleLezione 12 bis 2013 seo doc google
Lezione 12 bis 2013 seo doc google
 
Corso Pratico di WordPress
Corso Pratico di WordPressCorso Pratico di WordPress
Corso Pratico di WordPress
 

More from Paolo Valenti

WordPress in fricassea: dal php all'IoT
WordPress in fricassea: dal php all'IoTWordPress in fricassea: dal php all'IoT
WordPress in fricassea: dal php all'IoTPaolo Valenti
 
Vorrei che la vita fosse come WordPress. Per ogni problema un plugin
Vorrei che la vita fosse come WordPress. Per ogni problema un pluginVorrei che la vita fosse come WordPress. Per ogni problema un plugin
Vorrei che la vita fosse come WordPress. Per ogni problema un pluginPaolo Valenti
 
Wordpress un cms per amico
Wordpress un cms per amicoWordpress un cms per amico
Wordpress un cms per amicoPaolo Valenti
 
WordPress è insicuro, non scala e serve solo per fare blog - Sì.Certo.Come.No...
WordPress è insicuro, non scala e serve solo per fare blog - Sì.Certo.Come.No...WordPress è insicuro, non scala e serve solo per fare blog - Sì.Certo.Come.No...
WordPress è insicuro, non scala e serve solo per fare blog - Sì.Certo.Come.No...Paolo Valenti
 
Localizzare wordpress in italiano
Localizzare wordpress in italianoLocalizzare wordpress in italiano
Localizzare wordpress in italianoPaolo Valenti
 
Come sopravvivere a una apocalisse zombie static
Come sopravvivere a una apocalisse zombie staticCome sopravvivere a una apocalisse zombie static
Come sopravvivere a una apocalisse zombie staticPaolo Valenti
 
Wp meetup torino 30 01 2016
Wp meetup torino 30 01 2016Wp meetup torino 30 01 2016
Wp meetup torino 30 01 2016Paolo Valenti
 
Bene, usiamo WordPress.
Bene, usiamo WordPress.Bene, usiamo WordPress.
Bene, usiamo WordPress.Paolo Valenti
 
Rendere sicuro WordPress, la grande bufala
Rendere sicuro WordPress, la grande bufalaRendere sicuro WordPress, la grande bufala
Rendere sicuro WordPress, la grande bufalaPaolo Valenti
 
Usiamo bene WordPress
Usiamo bene WordPressUsiamo bene WordPress
Usiamo bene WordPressPaolo Valenti
 
WordPress: un potente strumento per gestire i contenuti sui social network | ...
WordPress: un potente strumento per gestire i contenuti sui social network | ...WordPress: un potente strumento per gestire i contenuti sui social network | ...
WordPress: un potente strumento per gestire i contenuti sui social network | ...Paolo Valenti
 
Mib blog - trieste 290312 - wolly
Mib   blog - trieste 290312 - wollyMib   blog - trieste 290312 - wolly
Mib blog - trieste 290312 - wollyPaolo Valenti
 
Trafficcamp - Risolvere il problema del traffico a Milano
Trafficcamp - Risolvere il problema del traffico a MilanoTrafficcamp - Risolvere il problema del traffico a Milano
Trafficcamp - Risolvere il problema del traffico a MilanoPaolo Valenti
 
Wordpress per il food
Wordpress per il foodWordpress per il food
Wordpress per il foodPaolo Valenti
 
Buddy Press In Italiano
Buddy Press In ItalianoBuddy Press In Italiano
Buddy Press In ItalianoPaolo Valenti
 

More from Paolo Valenti (19)

WordPress in fricassea: dal php all'IoT
WordPress in fricassea: dal php all'IoTWordPress in fricassea: dal php all'IoT
WordPress in fricassea: dal php all'IoT
 
Vorrei che la vita fosse come WordPress. Per ogni problema un plugin
Vorrei che la vita fosse come WordPress. Per ogni problema un pluginVorrei che la vita fosse come WordPress. Per ogni problema un plugin
Vorrei che la vita fosse come WordPress. Per ogni problema un plugin
 
Wordpress un cms per amico
Wordpress un cms per amicoWordpress un cms per amico
Wordpress un cms per amico
 
WordPress è insicuro, non scala e serve solo per fare blog - Sì.Certo.Come.No...
WordPress è insicuro, non scala e serve solo per fare blog - Sì.Certo.Come.No...WordPress è insicuro, non scala e serve solo per fare blog - Sì.Certo.Come.No...
WordPress è insicuro, non scala e serve solo per fare blog - Sì.Certo.Come.No...
 
Localizzare wordpress in italiano
Localizzare wordpress in italianoLocalizzare wordpress in italiano
Localizzare wordpress in italiano
 
Come sopravvivere a una apocalisse zombie static
Come sopravvivere a una apocalisse zombie staticCome sopravvivere a una apocalisse zombie static
Come sopravvivere a una apocalisse zombie static
 
Wp meetup torino 30 01 2016
Wp meetup torino 30 01 2016Wp meetup torino 30 01 2016
Wp meetup torino 30 01 2016
 
Bene, usiamo WordPress.
Bene, usiamo WordPress.Bene, usiamo WordPress.
Bene, usiamo WordPress.
 
Rendere sicuro WordPress, la grande bufala
Rendere sicuro WordPress, la grande bufalaRendere sicuro WordPress, la grande bufala
Rendere sicuro WordPress, la grande bufala
 
Usiamo bene WordPress
Usiamo bene WordPressUsiamo bene WordPress
Usiamo bene WordPress
 
WordPress: un potente strumento per gestire i contenuti sui social network | ...
WordPress: un potente strumento per gestire i contenuti sui social network | ...WordPress: un potente strumento per gestire i contenuti sui social network | ...
WordPress: un potente strumento per gestire i contenuti sui social network | ...
 
Mib blog - trieste 290312 - wolly
Mib   blog - trieste 290312 - wollyMib   blog - trieste 290312 - wolly
Mib blog - trieste 290312 - wolly
 
Trafficcamp - Risolvere il problema del traffico a Milano
Trafficcamp - Risolvere il problema del traffico a MilanoTrafficcamp - Risolvere il problema del traffico a Milano
Trafficcamp - Risolvere il problema del traffico a Milano
 
Fuga da facebook
Fuga da facebookFuga da facebook
Fuga da facebook
 
Wordpress per il food
Wordpress per il foodWordpress per il food
Wordpress per il food
 
Buddy Press In Italiano
Buddy Press In ItalianoBuddy Press In Italiano
Buddy Press In Italiano
 
Wordpress Sicuro
Wordpress SicuroWordpress Sicuro
Wordpress Sicuro
 
Bloggare è Facile
Bloggare è FacileBloggare è Facile
Bloggare è Facile
 
Siete Sicuri
Siete SicuriSiete Sicuri
Siete Sicuri
 

Food camp 5 marzo 2016

  • 1. Come preparare e caricare correttamente le immagini sia per la velocità che il SEO FoodCamp Milano 2016 5 marzo Congusto Gourmet Institute Via Davanzati 15 Milano
  • 3. Il Programma 1) preparazione 2) WordPress cosa fa 3) plugin utili 4) Rudimenti di SEO per immagini
  • 4. I formati più comuni PNG non compresso JPEG compresso 4
  • 7. Preparazione Adobe Photoshop (program) TinyPNG (webapp) JPEG Mini (free webapp, paid program Mac&PC) ImageOptim (free Mac utility) Trimage (free program Linux, PC & Mac) Punypng (free and paid webapp) 7
  • 10. Temi I temi devono essere predisposti all’utilizzo delle immagini “croppate” I temi possono creare nuove dimensioni Se modificate le impostazioni è necessario rigenerare tutte le immagini con il plugin: Regenerate Thumbnails 10
  • 11. Plugin utili estendere le capacità di WordPress
  • 12. WP Smush (Reduce image file sizes, improve performance and boost your SEO using the free WPMU DEV WordPress Smush API.) EWWW Image Optimizer (Reduce file sizes for images within WordPress including NextGEN Gallery and GRAND FlAGallery. Uses jpegtran, optipng/pngout, and gifsicle.) RICG Responsive Images (obsoleto, funzionalità del core di WordPress dalla versione 4.4) Regenerate Thumbnails (ricrea tutti i crop) 12
  • 13. Jetpack un plugin di plugin rilasciato da automattic che vi permette di aggiungere numerose funzionalità una volta demandate a singoli plugin: Photon: Metti il turbo al tuo sito caricando le immagini dagli articoli dalla rete di distribuzione dei contenuti di WordPress.com. Memorizziamo le tue immagini nella cache e le serviamo dal nostro network super-veloce, riducendo l'onere del tuo Web host con il semplice click di un pulsante. 13
  • 14. Rudimenti di SEO per immagini (Grazie @ Michele Cipriani https://www.dropin.fm/it/entra.html)
  • 15. Generale Le immagini sono un’ottimo strumento per la SEO: Possono essere ottimizzate per la Universal Search o per Google Images Danno valore al contesto Permettono di abbassare il bounce rate Ogni landing page od articolo dovrebbe contenere un’immagine, sebbene non sia una legge scritta.
  • 16. I fattori Ci sono diversi fattori relativi alle immagini che vengono calcolati. Foto con contenuto originale Il nome del file deve essere parlante es. pasta-pesto-12.jpg La risoluzione dell’immagine deve essere appropriata Le dimensioni del file devono essere ottimizzate
  • 17. Come inserire le immagini Il contesto in cui l’immagine è inserita influenza il posizionamento. Le immagini vanno inserite nelle vicinanze di contenuti inerenti, È consigliata la vicinanza di un elemento Hx Heading Tag La didascalia è il testo che accompagna l’immagine, influenza il posizionamento come tutti gli altri elementi che facilitano la lettura o scansione della pagina. L’Alt Text, è il testo alternativo, viene mostrato quando il browser non è in grado di mostrare l’immagine a schermo.
  • 18. CDN Molti siti internet con un buon carico di visite sui server, tendono ad utilizzare le cosiddette Content Delivery Network per snellire il carico sulle macchine e risparmiare banda. Generalmente questi sistemi si appoggiano a un dominio esterno duplicando i contenuti da fornire al visitatore. In caso di ottimizzazione SEO per immagini, è importante che le immagini puntino al dominio del sito internet.
  • 19. Ottimizzare le gallery La cosa migliore per ottimizzare una galleria di immagini è aggiungere un testo descrittivo alla pagina della galleria. Hai creato una gallery? Parlane! Per evitare di essere etichettati come spammer possiamo usare le Long Tail Keywords per ottimizzare Alt Text delle immagini Se la gallery ha 100 foto, conviene porsi due domande: 1. Se non è troppo 2. Se non è possibile dividere la gallery su più pagine ognuna ottimizzata
  • 20. – Wolly “Usare bene WordPress è come fare un buon risotto, è solo questione di equilibrio”.