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/

Preparazioneprogram 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

WordPresscosa 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 utiliestendere 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 SEOper 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 Valentipaolovalenti.info

wpitaly.it wolly66@gmail.com

skype:wolly66 twitter/wolly

facebook.com/wolly tel: 3932948156 (for women only)