Uno dei modi più semplici per ottimizzare il contenuto di una pagina è concentrarsi sulle immagini. La maggior parte delle pagine contiene immagini, siano esse fotografie, illustrazioni o icone. Con alcune semplici modifiche possono aiutare il tuo posizionamento e farti dei visitatori extra.
Il grosso problema qui è che i motori di ricerca non possono vedere le immagini. Aspetta, lascia che ti riformuli; possono vedere che c'è un'immagine, possono persino riconoscere le immagini in termini di pixel, ma non possono valutare il contenuto basandosi solo sull'immagine.
Supponiamo che Google trovi l'immagine seguente (sono un po 'un benzinaio, quindi ho usato l'immagine di una Ford GT40 di Sumlin come esempio):
I motori di ricerca sanno che c'è un'immagine perché abbiamo usato l'HTML tag, ma l'unica informazione che hanno su di esso è l'URL. Gli umani possono facilmente vedere che è un'immagine di una macchina, ma i motori di ricerca non hanno questa comprensione. Tuttavia, possiamo aiutare i motori di ricerca a comprendere meglio le immagini tramite il alt-attribute e un bene nome del file.
L'attributo alt specifica un testo alternativo se l'immagine non può essere visualizzata (forse a causa di un errore, connessione lenta, screen reader, ecc.)
Questo attributo non è utile solo per i visitatori, ma anche per i motori di ricerca. Dà loro un indizio su cosa sia l'immagine. Ecco perché è una buona idea usare importante parole chiave nella descrizione alt (ancora una volta, non andare per ripieno di parole chiave).
Se controlli il codice della nostra immagine precedente, avrai già una descrizione alt:
Tramite questo attributo alt abbiamo fornito ai motori di ricerca due importanti informazioni:
Ora, se qualcuno usa "Colori del Golfo GT40" o una query simile in Google Immagini Search, è probabile che la nostra immagine apparirà.
Come potete vedere; aggiungere una descrizione alt è molto semplice, devi solo accedere al markup HTML dell'immagine.
Alcuni sistemi di gestione dei contenuti come WordPress ti consentono di specificare una descrizione alternativa quando carichi un'immagine.
Se si desidera ottimizzare ulteriormente le immagini, è possibile modificare il nome del file. Utilizzando a nome del file descrittivo possiamo aiutare i motori di ricerca.
Una foto tipica di una fotocamera digitale sarà denominata "DSC0123.jpg". Se carichiamo questa foto e la usiamo sulla nostra pagina, dice molto poco ai motori di ricerca perché il nome del file non è molto informativo. Certo, potremmo usare l'attributo alt, ma possiamo fare ancora di più cambiando il nome del file.
Quindi, invece di chiamare la nostra foto 'DSC0123.jpg' potremmo chiamarla 'cestino-di-rosso-mele.jpg' per esempio. Se hai letto il nostro articolo su come creare una struttura URL SEO-friendly, sai già che è meglio usarlo trattini per dividere le parole. Evitare l'uso di altri separatori come i caratteri di sottolineatura (_) più segni (+) o nessun separatore. Utilizzando i trattini i motori di ricerca sono in grado di riconoscere le parti composite come singole parole.
Come forse hai già sentito; Google ha incorporato la velocità del sito nei ranking di ricerca. Ciò significa che il tempo di caricamento della pagina è uno dei fattori di ranking; l'ascesa di smartphone e internet mobile gioca un ruolo importante in questo. Non sorprendentemente, perché un sito lento non è molto user friendly.
La dimensione del file immagine è uno degli elementi che determina il tempo necessario per caricare una determinata pagina. L'ottimizzazione delle immagini può quindi migliorare le prestazioni. Questo potrebbe non essere visibile su una pagina con una o due immagini, ma se devi caricare decine di immagini può fare un'enorme differenza.
La dimensione del file dipende in gran parte dalla risoluzione dell'immagine. I file con risoluzione più alta sono generalmente più grandi, il che significa che dobbiamo qualità del bilanciamento e dimensione del file.
Per prendere una decisione informata, dobbiamo considerare i diversi tipi di file di immagine e i loro vantaggi.
I tre tipi di file più usati sul web sono JPG, PNG e GIF:
È impossibile stabilire quale sia il tipo di file immagine migliore. I file JPG, PNG e GIF sono tutti utili in situazioni specifiche. Se si desidera ottimizzare le immagini, suggerisco di scegliere un tipo di file con una qualità accettabile e la dimensione del file più bassa. In caso di dubbio, prova semplicemente vari tipi e confrontali.
Una cosa che dovresti tenere a mente è che è meglio non usare l'HTML per ridimensionare le immagini. Caricare una grande immagine (ad esempio 800 x 600 px) e visualizzarlo in una risoluzione più piccola (ad esempio 400 x 300 px) tramite gli attributi di larghezza e altezza HTML sprecherà larghezza di banda. Con l'avvento di Responsive Web Design, le immagini sono spesso caricate in una pagina web, quindi visualizzate a seconda della dimensione del loro elemento di contenimento, ma questo è un gioco di sfere e l'ottimizzazione delle immagini in queste circostanze è ancora nella sua infanzia.
Se desideri analizzare le prestazioni delle tue immagini, puoi utilizzare YSlow o Google Page Speed Insights. Le seguenti tecniche di ottimizzazione potrebbero anche rivelarsi utili:
Uno dei vantaggi dell'ottimizzazione delle immagini per il SEO è che possono essere visualizzati in Google Image Search, potenzialmente coinvolgendo altri visitatori.
La ricerca di immagini non aiuta ogni azienda, ma in alcune occasioni ti consente di ottenere un traffico molto rilevante. Soprattutto per ricette, prodotti e beni digitali (icone, fotografia d'archivio ...) questo può essere molto utile. Ad ogni modo: non fa male ad ottimizzare!
Se hai finito di ottimizzare le tue immagini, non dimenticare di inviare una Sitemap immagine. Questo aiuterà i motori di ricerca a trovare e indicizzare le tue immagini.
L'ottimizzazione delle immagini per il SEO si riduce a tre fattori: il nome del file, la dimensione del file e, soprattutto, l'attributo alt. Il nome del file non deve essere una stringa casuale di lettere e numeri ma parole chiave descrittive. La dimensione del file deve essere mantenuta il più bassa possibile per migliorare la velocità del tuo sito (uno dei fattori di ranking di Google). E, ultimo ma non meno importante: non dimenticare di aggiungere una descrizione alt alle tue immagini. È uno dei modi più semplici per ottimizzare le tue immagini per il SEO.