Categorie

Ottimizzazione delle immagini: Tutto quello che devi sapere

L'ottimizzazione delle immagini è una pratica SEO conosciuta. Ecco 11 consigli indispensabili per l'ottimizzazione delle immagini.

L'ottimizzazione delle immagini consiste fondamentalmente nell'ottimizzare le vostre immagini per farle classificare su Google. Ma come si fa a ottimizzare le immagini? In questo articolo, parliamo più in dettaglio di cosa sia l'ottimizzazione delle immagini, e vi diamo 11 consigli di ottimizzazione delle immagini da conoscere per una migliore SEO.

Cosa significa ottimizzare le immagini?

Se potessi riassumere l'ottimizzazione delle immagini in una parola, direi efficienza.

L'ottimizzazione delle immagini è, fondamentalmente, un equilibrio tra avere immagini di alta qualità - fare in modo che un'immagine sia il più bella possibile, mentre occupa il minor spazio (e larghezza di banda) possibile. 

Ecco una spiegazione più dettagliata di ciò che intendo:

Sappiamo che grandi quantità di dati richiedono più tempo per essere trasferiti su Internet.

In altre parole, file di immagini più grandi hanno una velocità di caricamento più lunga. Le immagini più grandi (nella dimensione del file, non necessariamente nella dimensione dei pixel) hanno tempi di caricamento più lunghi.

D'altra parte, una dimensione dell'immagine più piccola (immagini, nel nostro caso) può non essere di alta qualità come una dimensione di file più grande. (Non è un'affermazione assoluta, ma a parità di condizioni è generalmente così).

impostazioni dimensione immagine ottimizzazione immagine wordpress

I benefici della formattazione delle immagini

Quindi, ciò che intendiamo per ottimizzazione delle immagini è esattamente questo: c'è un equilibrio tra la dimensione del file (tempo di caricamento) e la qualità visiva. Questo è il vero vantaggio qui. Fortunatamente, con i suggerimenti elencati di seguito, dovresti essere in grado di ridurre significativamente la dimensione del file di quasi tutte le immagini, pur mantenendo molta della sua qualità visiva.

Perché la ricerca di immagini è importante

Di seguito, parlo di come nominare correttamente le vostre immagini (cioè i nomi dei file) e il testo alt. Questi sono fattori chiave per aiutare la vostra immagine ad essere trovata in una ricerca di immagini. Probabilmente sapete che è possibile restringere la pagina dei risultati della ricerca di Google per mostrare solo le immagini. Ottimizzare le vostre immagini per il SEO, aiuta la vostra immagine a comparire nella parte delle immagini dei risultati di ricerca.

fotocamera google ricerca seo ottimizzazione delle immagini

11 importanti suggerimenti sul SEO delle immagini che devi conoscere

I seguenti 11 consigli per l'ottimizzazione delle immagini dovrebbero darti una solida comprensione di ciò che devi fare esattamente per avere immagini che siano belle e che si carichino velocemente.

Suggerimento#1: Creare immagini uniche

Con le tecnologie avanzate di riconoscimento delle immagini di oggi, creare immagini uniche o originali può essere un vantaggio, soprattutto se sei in un mercato orientato alle immagini (come la fotografia di matrimonio) e vuoi distinguerti.

Suggerimento #2: scegliete saggiamente le dimensioni dell'immagine e gli angoli del prodotto

Fortunatamente, le dimensioni delle immagini possono essere scalate proporzionalmente. La maggior parte delle piattaforme moderne di site-building possono scalare un'immagine grande (cioè, grande in pixel) per adattarsi alla maggior parte degli schermi. Detto questo, è preferibile che le dimensioni della vostra immagine siano adatte alle dimensioni dello schermo moderno. In questo modo, puoi avere un migliore controllo su come l'immagine verrà visualizzata sulla maggior parte degli schermi. 

Si può andare per un tema responsive in quanto può rendere le immagini in un'immagine responsive. Un'immagine reattiva è un'immagine che è stata codificata per funzionare bene su una varietà di dimensioni del display - dallo schermo del desktop a quello del cellulare.

Se il tuo tema, tuttavia, non è reattivo, ci sono anche alcuni plugin di ottimizzazione delle immagini che puoi aggiungere al tuo sito che possono aiutare a rendere le tue immagini reattive.

Suggerimento#3: Dai un nome alla tua immagine in modo descrittivo e con un linguaggio semplice

Questo suggerimento si riferisce al nome del file che usi per la tua immagine. Il testo nei nomi dei file può essere indicizzato e ricercato. Quindi, invece di usare un nome di file predefinito come image1.jpg, rinominate l'immagine con la vostra parola chiave di destinazione per aiutarla a classificarsi per quel termine e per ottenere più traffico di ricerca dalla ricerca immagini di Google.

Suggerimento#4: Scegliere il formato giusto

Per formato dei vostri file di immagine, intendo il tipo di file (o estensione) - le immagini .jpeg, .gif e .png sono tra le estensioni di file di immagine più affermate.

Ma ce n'è uno relativamente nuovo che merita attenzione: WebP.

Anche se probabilmente è possibile ottimizzare le immagini di qualsiasi formato, a seconda del contenuto dell'immagine, alcuni formati sono più adatti di altri.

Quello su cui mi concentrerò qui è WebP, che è un formato di file sviluppato da Google. Rispetto alle immagini .png, le immagini senza perdita di WebP possono avere una dimensione inferiore di 26%, e rispetto alle .jpgs, le immagini con perdita di WebP hanno una dimensione inferiore di 25-34%.

Da quello che ho visto, WebP sta lentamente venendo accettato come un formato di file immagine praticabile. Forse non ha ancora preso piede (gli altri formati sono in giro da anni e anni), ma dato che siamo in tema di ottimizzazione delle immagini, le sue dimensioni ridotte lo rendono un formato da considerare.

Suggerimento#5: immagini vettoriali
consigli per l'ottimizzazione delle immagini raster e vettoriali

Un problema con alcuni formati di immagine è che quando vengono ingranditi, possono sembrare pixelati. Questo non è il caso delle immagini vettoriali: possono essere ingrandite senza alcuna pixelatura (così, le linee rotonde sull'originale mantengono ancora la loro morbidezza indipendentemente da quanto si ingrandisce).

Suggerimento#6: pensare alla struttura del file immagine

La struttura dei file (o meglio, la struttura delle cartelle), è più qualcosa di cui i webmaster di solito devono preoccuparsi.

In breve, è la gerarchia delle cartelle in cui, nel nostro caso, si trova l'immagine.

Per esempio, la tua immagine potrebbe essere trovata su:

site.com/content/images/2021/my-image.jpg

O, forse, è al:

site.com/my-image.jpg

In generale, è bene memorizzare i file più vicino alla home page (avere meno cartelle all'interno delle cartelle), ma questo dipende dalla vostra piattaforma di costruzione di siti web.

Suggerimento#7: Scrivi un testo Alt adatto al SEO

Tra un momento, spiegherò cos'è l'alt text, ma fondamentalmente, proprio come si vuole avere nomi di file descrittivi, per l'alt text (che non sono nomi di file), si vuole solo avere un testo che descriva il contenuto dell'immagine.

Cosa sono i tag Alt e il testo Alt?

Alt è l'abbreviazione di alternativa.

Testo alternativo è il termine tecnicamente corretto, mentre il termine tag alt, anche se non è così tecnicamente accurato, è usato in modo intercambiabile con l'alt text.

Non so se hai mai visto un'immagine che non riesce a caricarsi: a volte, potresti vedere un testo che descrive il contenuto dell'immagine che non è riuscita a caricarsi. Questo testo è un alt text. L'alt text può essere utile per le persone che hanno problemi di vista: il loro software di lettura dello schermo può leggere l'alt text e comunicarlo in un modo che la persona potrebbe non capire altrimenti. 

Inoltre i robot di ricerca o i crawler non hanno occhi e si basano anche sul testo alt per "leggere" cos'è l'immagine.

È anche una buona pratica seo per aggiungere la vostra parola chiave di destinazione nel vostro testo alt. Usate le vostre parole chiave saggiamente ed evitate il keyword stuffing. Un modo per evitare di riempire le parole chiave è quello di utilizzare altre parole chiave pertinenti e variazioni delle vostre parole chiave sui nostri tag di immagine alt e testo alt.

Suggerimento#8: una parola di cautela nel fornire immagini più grandi

Le immagini eccessivamente grandi (sia in dimensioni di pixel che in dimensioni di file) possono richiedere più risorse (sia in dimensioni dello schermo che in memoria/larghezza di banda).

Mentre l'Internet moderno può gestire file di grandi dimensioni, dal momento che stiamo parlando di SEO, è bene ricordare che si sta cercando un equilibrio tra quantità (dimensioni) e qualità (appeal visivo).

Suggerimento#9: considerare la qualità della compressione rispetto alla dimensione

Una tecnica di ottimizzazione delle immagini che non ho ancora menzionato è la compressione.

La compressione delle immagini è fondamentalmente un processo in cui la dimensione del file di un'immagine viene ridotta, mentre idealmente si cerca di mantenere la qualità dell'immagine. A seconda del metodo utilizzato per comprimere le immagini, è possibile ridurre significativamente la dimensione del file di un'immagine senza quasi alcuna perdita distinguibile nel livello di qualità dell'immagine.

diagramma generale della compressione delle immagini looseless vs loosy
Suggerimento#10: ottimizzazione lossy vs lossless
seonitro - immagine lossless vs lossy

I 2 tipi generali di compressione delle immagini sono la compressione senza perdita e la compressione con perdita.

Il modo più semplice per distinguere tra lossless e lossy è questo: Lossless generalmente dà la priorità alla qualità prima, alla dimensione del file dopo. La priorità del lossy è prima la riduzione della dimensione del file, poi la qualità. (Si può anche pensare alla parola lossless come loss-less, come una minore perdita di qualità).

Detto questo, quello che ho menzionato sopra potrebbe essere una semplificazione eccessiva, ma è un modo molto semplice di pensare a lossy e lossless.

Suggerimento #11: Hai considerato il caricamento pigro?
ottimizzazione delle immagini del sito web a caricamento pigro

Prima di descrivere il lazy loading, devo fare qualche passo indietro e fornire un po' di contesto.

Il SEO (ottimizzazione dei motori di ricerca) dovrebbe andare di pari passo con l'esperienza dell'utente (UX).

Il tempo che una pagina impiega a caricarsi (a volte chiamato velocità della pagina) è uno dei fattori dell'esperienza di un utente. È stato detto che le persone non vogliono aspettare più di 3 secondi per caricare una pagina.

In effetti, è stato detto che se la velocità delle pagine di certi siti di grandi rivenditori aumentasse anche solo di un secondo (cioè, se impiegassero un secondo in più del solito per caricarsi), potrebbe risultare in una perdita di milioni di dollari all'anno (semplicemente perché la gente non aspetta il caricamento delle pagine).

Sappiamo che tutti i file (immagini) richiedono larghezza di banda e quindi tempo per essere caricati. Più grandi sono le dimensioni dei file e più immagini ci sono, più tempo impiega la pagina a caricarsi.

E se la tua pagina ha molte, molte immagini?

Beh, c'è una cosa chiamata caricamento pigro.

Fondamentalmente, senza lazy loading, una pagina web caricherà tutto (tutte le immagini e i file) indipendentemente dal fatto che un utente scorra verso il basso per raggiungerli.

Quindi, in altre parole, un utente può arrivare sulla tua pagina, vedere che ci sta mettendo un po' a caricare (più di 3 secondi), e lasciare la tua pagina.

D'altra parte, con il lazy loading, le immagini non vengono caricate finché l'utente non scorre verso il basso per raggiungerle.

Così, un utente può arrivare sulla vostra pagina e vedere rapidamente la prima di molte immagini. Se vuole vederne altre, può scorrere (e quelle altre immagini si caricheranno man mano che l'utente le scorre).

In questo modo, con il lazy loading, la pagina (anche se non la pagina intera) si carica velocemente (così l'utente non deve aspettare che tutto si carichi). Se vogliono vedere di più, possono scorrere, e a quel punto le altre immagini si caricheranno secondo necessità.

Questo aumenta effettivamente la velocità della pagina (per l'utente) e può ridurre l'uso della banda (perché se l'utente decide di non scorrere ulteriormente, almeno quelle risorse non sono state caricate inutilmente).

Un'altra opzione da considerare se avete un certo numero di immagini sulla vostra pagina (un esempio è se siete nell'e-commerce e avete un certo numero di immagini di prodotti da mostrare, o se avete qualche immagine animata che può occupare un file di grandi dimensioni) è quello di utilizzare un Content Delivery Network. L'idea dietro una CDN è che se un visitatore è geograficamente più vicino al server che ospita il tuo sito, allora l'esperienza di quell'utente sarà migliore di un altro utente che è più lontano. Questo perché, a causa della vicinanza geografica, il tuo sito si caricherà più velocemente per l'utente locale. 

Una CDN è una rete di server sparsi in diverse località geografiche del mondo. Questi server ospitano il tuo sito per i visitatori che sono più vicini a loro, ottenendo così una maggiore velocità di trasferimento dei dati e una maggiore velocità di caricamento del tuo sito.

Migliora le tue tecniche di ottimizzazione delle immagini

Speriamo che questo articolo vi abbia fornito consigli utili per ottimizzare le immagini sul vostro sito. Ricordatevi sempre di puntare su immagini di alta qualità, pur considerando l'equilibrio tra qualità e velocità. Se agisci in base ai consigli di ottimizzazione delle immagini sopra menzionati, molto probabilmente creerai una migliore esperienza utente e avrai un migliore posizionamento SEO per il tuo sito.

DK Fynn

SIA STAFF SEO WRITER

DK Fynn biografia completa qui.