food camp 5 marzo 2016
TRANSCRIPT
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
Un esempio
5
fonte: http://www.wpbeginner.com/beginners-guide/speed-wordpress-save-images-optimized-web/
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
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
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
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 aka
Paolo Valentipaolovalenti.info
wpitaly.it [email protected]
skype:wolly66 twitter/wolly
facebook.com/wolly tel: 3932948156 (for women only)