Come ottimizzare le immagini del tuo sito Web
Quando si lavora a un sito web, spesso si tende a porre tutta l’attenzione nella creazione dei contenuti, nei testi ottimizzati, nella scelta delle foto e dei colori da usare e altre piccole scelte stilistiche, per rendere il sito più in linea con i propri gusti e prodotti.
Quello che spesso si omette di fare, o che non si sa essere altrettanto importante, è impiegare la stessa attenzione nell’ottimizzare le immagini del sito.
Dallo sviluppo di integrazioni al supporto strategico, dalla creazione di concept creativi all’ottimizzazione dei risultati.
Cosa significa ottimizzare le immagini
Quando hai già fatto tutto quello che potevi per aumentare la qualità dei tuoi contenuti e parole chiave, e non ci sono problemi tecnici nel sito web e nelle impostazioni di index, ciò che potrebbe fare la differenza per scalare le prime posizioni dei portali di ricerca è sicuramente fare un lavoro di ottimizzazione delle immagini.
Per ottimizzare un’immagine possono essere necessarie tre diverse azioni: ridurre il peso, cambiarne le dimensioni o intervenire sulla sua risoluzione. Vediamo nel dettaglio in cosa consiste ciascuna di queste attività.
Come ridurre il peso di un’immagine
Il peso ideale delle immagini web viene tendenzialmente identificato come 200-300 kb. Se quindi la tua immagine ha un peso che supera questa indicazione di massima e noti che la sua pesantezza ostacola le performance del tuo sito o, ancora, rende impossibile la condivisione tramite invio email, quel che dovrai fare è ridurre il peso dell’immagine e alleggerirla quanto possibile, prestando attenzione a non rovinare la sua qualità.
Come cambiare le dimensioni di un’immagine
Le dimensioni ideali di un’immagine web vedono il lato lungo di massimo 1200 pixel. Se le immagini che vuoi utilizzare hanno dimensioni eccessive, puoi provare a cambiarne le dimensioni ritagliando l’immagine se ci sono elementi non essenziali o prestare attenzione alle dimensioni della foto che vuoi utilizzare prima ancora di sceglierla.
Come mantenere una buona risoluzione dell’immagine
Per quanto riguarda invece la risoluzione ideale delle immagini web, il consiglio è di orientarsi verso una risoluzione di 72 dpi (circa al 70%). Ci sono diversi metodi e tool disponibili online per mantenere una buona risoluzione dell’immagine:
Alcuni metodi per ottimizzare le immagini
Se non sei un esperto di grafica, e Photoshop non sai nemmeno cosa sia, figuriamoci usarlo, non temere: ci sono moltissimi tool e siti gratuiti dove puoi ottimizzare le immagini del tuo sito in maniera semplice e intuitiva, senza perdere la qualità delle immagini. Se invece te la cavi in autonomia, ottimizzare immagini per il web con Photoshop è sicuramente l’opzione più valida.
Ottimizzare le immagini per il Web con Photoshop
Se te la cavi con i programmi di grafica, sicuramente Photoshop è la soluzione migliore e più professionale a cui tu possa ricorrere per ottimizzare le tue immagini web.
Online sono disponibili diversi tutorial che spiegano come utilizzare il programma, che seppur possa sembrare molto complesso, quando si tratta di semplici operazioni di miglioramento non è poi un’impresa così difficile da affrontare.
Ridurre il peso delle immagini online
Ci sono diversi siti e tool che hanno già impostati i valori standard per avere un’immagine compressa per peso e dimensioni come da canoni web, senza togliere nulla alla qualità dell’immagine. Ovviamente molto dipende dall’immagine che caricherai tu in primis. È chiaro che se viene usata un’immagine già sgranata in partenza difficilmente si potrà avere un’alta qualità dopo la compressione.
Alcuni di questi siti, con funzioni di ottimizzazione immagini gratuite o a pagamento in base alle necessità, sono ad esempio: Comprimilo, Optimizilla, TinyPNG e CompressJpeg. Come sempre il web è in continua evoluzione e questi siti, specialmente quelli gratuiti, cambiano in continuazione. Basterà però una semplice ricerca web con parole chiave per trovare i migliori siti del momento dove poter ottimizzare gratuitamente le proprie immagini.
Ottimizzare le immagini su WordPress con un plugin
Se il tuo sito è costruito con la piattaforma WordPress, potresti ricorrere anche a un’altra via alternativa: puoi ottimizzare le immagini di WordPress tramite plugin. I plugin altro non sono che programmi di supporto volti a migliorare le funzioni di altri programmi, cioè ti consentono di aggiungere nuove funzionalità al tuo sito senza necessariamente aggiungere tu stesso linee di codice.
I più popolari sono:
Come nominare le immagini per la SEO
Se peso e qualità delle foto sono importanti nel processo di ottimizzazione delle immagini, altrettanto è la SEO che vi si abbina. SEO infatti non sono solo le parole chiave dei testi del tuo sito web: sono anche i titoli e i tag con cui viene salvata l’immagine stessa prima di essere caricata nel sito.
La SEO di un’immagine comprende:
- l’attributo alt – testo alternativo
- l’attributo title – titolo dell’immagine
- didascalia
- descrizione
- url – link
Ciò che è essenziale è impostare bene l’alt text e il title. Quanto più descriverai con precisione la tua immagine, tanto più i motori di ricerca la recepiranno come contenuto di qualità per le chiavi di ricerca abbinate. Questo è importante soprattutto per gli e-commerce, dove ogni prodotto immagine è una chiave di ricerca a sé.
Idealmente sarebbe meglio fare questo lavoro di ottimizzazione immagini prima di caricare le foto nel sito, salvandole correttamente già nelle cartelle del proprio computer. Ovviamente se ciò non è possibile si può sempre tornare alla galleria immagini del sito in un secondo momento e fare questo lavoro in seguito.
Ti stanno venendo in mente tutte le immagini che hai salvato sotto -Foto1 – Kkkkkkkkkjpg – Immagine_3 etc?
Eh già, corri ad ottimizzarle!
Come ottimizzare le immagini di un sito in pochi semplici step
Riduci il peso delle immagini
Se vuoi che il tuo sito non venga rallentato dalla presenza di immagini troppo grandi e pesanti, scegli uno dei siti che ti consentono di ottimizzare gratuitamente le tue immagini in maniera semplice e veloce. Sopra te ne abbiamo suggeriti alcuni, altrimenti puoi sempre trovarne altri tramite una semplice ricerca Google.
Per i più esperti, Photoshop è sicuramente il metodo più professionale per customizzare quanto più possibile le immagini che aggiungiamo al nostro sito web.
Rinomina il tuo file
Per quanto ci siamo passati tutti ( si anche quelli che fanno finta di no), salvare in fretta i nostri file immagini con nomi come pffffffff, immagine_7, img568 etc, non è mai una buona scelta.
Prenditi quel minuto in più per trovare un titolo efficace e descrittivo per la tua immagine. Se farai subito questo passaggio, non dovrai fare il doppio lavoro dopo.
Attenzione che il troppo stroppia. Non incastrare una serie di parole chiave tutte insieme di fila. L’algoritmo potrebbe punirti per l’affollamento di parole chiave nella tua immagine. Opta sempre per un’equa via di mezzo.
Imposta un alt text adatto
Una volta scelto il titolo dell’immagine, prosegui abbinando un alt text appropriato. Insieme al titolo dell’immagine, è infatti l’elemento più importante per indicizzarla e ottimizzarla. L’alt text ha lo scopo di fornire dettagli dell’immagine -alternativi – a quelli puramente visivi.
Dovrai quindi descrivere a parole ciò si vede nell’immagine.
Inserisci didascalia e descrizione
Non essenziali come titolo e alt text, didascalia e descrizione sono comunque elementi che possono dare più rilevanza alla tua immagine quando la ottimizzi.
La didascalia è quel testo che comparirà nella pagina proprio sotto o vicino all’immagine, per rafforzarne il messaggio e la rilevanza.
La descrizione serve più a livello interno di programmazione sito, per ordinare le immagini e sapere cosa contengono. Non ha particolare importanza SEO.
Carica la nuova immagine sul tuo sito
Una volta preparata l’immagine, compressa e ottimizzata anche per l’aspetto SEO, non ti resta che salvarla nel tuo computer e poi caricarla nel sito web di interesse.
Conclusioni
Anche se spesso sono un elemento sottovalutato e reputato puramente stilistico, le immagini sono essenziali per migliorare ulteriormente le prestazioni del nostro sito web e fare quel salto di qualità in più per raggiungere la vetta dei motori di ricerca.
Ottimizzare le immagini può sembrare un processo lungo e noioso, che spesso preferiamo omettere, ma, una volta presa la mano, diventerà un procedimento semplice e automatico, che alla lunga ti consentirà di migliorare le prestazioni del tuo sito web rendendolo più veloce e pertinente con le chiavi di ricerca degli utenti.
E non dimenticare che le stesse regole di ottimizzazione (riduzione del peso, inserimento dell’alt text etc.) valgono anche per le tue email! Scoprile tutte nella Guida all’Email Design di MailUp!
Share this article
