SEO per immagini: 9 elementi chiave da ottimizzare

1. Considerazioni generali per il SEO per immagini

Spesso mettiamo tutto il nostro impegno nel posizionare gli URL di valore SEO nelle SERP. Tuttavia, come accennato in precedenza, ottimizzare le immagini è importante per posizionarsi più in alto nei risultati di ricerca di Google Immagini e aumentare le nostre possibilità di attrarre traffico organico attraverso di esse.

I bot di Google non possono "leggere" le immagini. Sono progettati per leggere il codice di un sito web, non un'animazione o un'immagine in particolare. Per questo motivo, dobbiamo fornire loro queste informazioni seguendo un semplice insieme di linee guida SEO. Questo determinerà se i bot possono interpretare le informazioni che stiamo cercando di mostrare, valutare le immagini e posizionarle più in alto nella sezione Google Immagini.

2. Dimensione e peso delle immagini

Due dei principali fattori da considerare quando si ottimizzano le immagini sono il loro peso e la loro dimensione.

Peso:

Utilizzare immagini pesanti sul tuo sito web può aumentare il tempo di caricamento per l'URL in cui sono implementate e, quindi, dell'intero sito. Il tempo di caricamento è uno dei fattori che influenzano il posizionamento organico desktop e mobile, rendendo l'ottimizzazione delle immagini essenziale.

Strumenti per ridurre il peso delle immagini:

Esistono molti strumenti che possiamo usare per ridurre il peso delle immagini. Anche se non abbiamo software professionali di editing delle immagini come Photoshop o Illustrator, possiamo usare piattaforme online come:

• ›

  ImageOptim o TinyJPG, che riduce il peso delle immagini senza intaccarne la qualità.

• ›

  Website Speed Test Image Analysis Tool consente di scaricare facilmente nuovi formati di immagine.

Dimensione:

Inoltre, è anche importante implementare diverse dimensioni di immagini per ogni sito per visualizzare quella più appropriata a seconda del dispositivo in cui viene visualizzata. Anche se ci sono plugin che adattano la dimensione dell'immagine, questa opzione potrebbe non essere la migliore in pratica. Il motivo è che, ad esempio, un'immagine di 1000px può essere ridimensionata a 400px, riducendo le sue dimensioni visive, ma l'immagine sarà ancora pesante quanto un'immagine di 1000px, influenzando le performance e la velocità del tuo sito web.

Strumenti:

Il fattore più importante quando si scelgono le immagini è conoscere la piattaforma su cui lavoreremo. Se lavoriamo su WordPress, ad esempio, possiamo utilizzare SmushIt, un plugin che permette di definire una larghezza e altezza massima per le nostre immagini prima di ridimensionarle, comprimerle e caricarle sul server.

Se, al contrario, lavoriamo con una piattaforma di codice proprio, dobbiamo creare un processo manuale o automatico che permetta di ottimizzare le immagini prima di caricarle sul server.

3. Formato di immagine SEO-friendly

Attualmente, il modo più ottimale per salvare le immagini web è utilizzare uno dei seguenti quattro formati:

• ›

  WebP: può ridurre il peso originale di un'immagine del 25-35%. È uno dei formati più consigliati al momento; sebbene alcune versioni dei browser non possano ancora leggerli, è uno dei formati che permette una maggiore compressione senza intaccare la qualità dell'immagine.

• ›

  PNG: è la scelta migliore per le immagini con pochi colori e sfondi trasparenti. È ampiamente utilizzato nei loghi.

• ›

  JPG: il formato che dovrebbe essere utilizzato per fotografie e immagini in generale. Si perde un po' di qualità quando vengono compresse, ma colori e tonalità rimangono gli stessi.

• ›

  GIF: utilizzato in animazioni e immagini in movimento.

Raccomandazioni:

• ›

  Utilizza sempre il formato di immagine più adatto in termini di peso e compatibilità.

• ›

  Comprimi sempre le immagini, manualmente o tramite uno strumento di elaborazione automatica.

• ›

  Se il sito contiene diverse icone, raggruppale in un'unica immagine tramite CSS Sprites per ridurre il numero di richieste al server e migliorare le performance del tuo sito web.

4. Campi SEO per le immagini

Ogni immagine viene fornita con un insieme di campi associati per fornire ai robot dei motori di ricerca (e agli utenti, ovviamente) un'accessibilità migliorata.

Nome dell'immagine

Il nome dell'immagine si riferisce al nome del file. È il titolo dell'immagine, che usa trattini e underscore tra le parole. Si raccomanda di includere la keyword per cui vogliamo posizionare la nostra immagine più in alto, evitando caratteri insoliti (come "ñ", "?" o lettere accentate, "á", ecc.)

È anche consigliabile omettere preposizioni o altri caratteri non essenziali nel nome dell'immagine per accorciare l'URL e renderlo il più SEO-friendly possibile.

Title

È il testo che appare quando si posiziona il cursore sull'immagine. Consigliamo di compilarlo per aggiungere un titolo semantico all'immagine, includendo la keyword che vogliamo posizionare più in alto.

Questo può essere uguale al testo alt, anche se riscrivere questo attributo con leggere modifiche non richiede molto tempo.

Attributo "Alt"

Questo è l'elemento più importante, dato che è quello che Google legge. Deve contenere la keyword principale per cui vogliamo posizionare il nostro URL più in alto e si suppone contenga descrizioni brevi.

La sua sintassi è la seguente:

<img src="LINK IMMAGINE" alt="DESCRIZIONE ALT IMMAGINE" />

Esempio di un'immagine ottimizzata:

Vediamo come ogni campo potrebbe essere ottimizzato per questa immagine in base alla keyword target "ciberseguridad pymes", la cui media di ricerca mensile è 90 (in Spagna):

Nome del file:

• ›

  Sbagliato: 04745892595295.jpg

• ›

  Giusto: ciberseguridad-pymes.jpg

Title: Consejos de ciberseguridad para empresarios y pymes. (Consigli di cybersecurity per aziende e piccole imprese.)

Testo alt: Ciberseguridad para pymes y empresarios: consejos. (Cybersecurity per piccole imprese e aziende: suggerimenti.)

In questo modo, ottimizzeremo tutti i campi e otterremo un'immagine pronta a combattere per le posizioni di vertice. Ovviamente ottimizzare le immagini non garantisce che appariranno per prime, ma è un primo passo per raggiungerlo :)

5. Contesto semantico

Google considera che le immagini più rilevanti siano quelle in linea con i contenuti che le circondano. Pertanto, si consiglia di includere testo correlato. In questo modo, espanderemo il contesto semantico totale nell'URL.

6. Sitemap specifica per immagini

Per aiutare i bot di Google a tracciare le nostre immagini in modo più efficiente, è necessario creare una sitemap.xml esclusiva con questo tipo di file. Su WordPress, può essere creata automaticamente con strumenti (plugin) come Yoast o RankMath. Se non stai lavorando su WordPress, puoi utilizzare strumenti alternativi o strumenti di programmazione manuale (tracking degli URL).

Successivamente, vedrai un esempio di sitemap con due immagini all'interno dell'articolo:

<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"> <url> <loc>http://example.com/sample.html&lt;/loc> <image:image> <image:loc>http://example.com/image.jpg&lt;/image:loc> </image:image> <image:image> <image:loc>http://example.com/photo.jpg&lt;/image:loc> </image:image> </url> </urlset>

Alcuni dei tag più comunemente utilizzati durante la creazione di una sitemap di immagini sono:

→ Titolo dell'immagine

→ L'URL o il percorso in cui è salvato il file

→ La nota a piè di pagina

→ Tipo di licenza

→ Informazioni sulla geolocalizzazione

• ›Documentazione: una grande quantità di informazioni può essere trovata sul blog di Google sulle sitemap di immagini con esempi, tutorial di implementazione e altro.

Dopo aver completato l'implementazione, saremo in grado di verificare lo stato di copertura dell'indicizzazione su Search Console.

7. Lazy Loading delle immagini (caricamento on-demand)

Le immagini sono alcune delle risorse più utilizzate sui siti web, perché, "un'immagine vale più di mille parole", dicono. Ecco perché l'aspetto visivo di ogni sito web è curato attraverso questi elementi multimediali. Tuttavia, non ottimizzarli può avere un impatto negativo sull'esperienza utente e sul tempo di caricamento del sito. Per questo motivo, il lazy loading è consigliabile.

Grazie al lazy loading, le immagini vengono caricate solo quando appaiono sullo schermo. Ad esempio, se si trovano in una parte inferiore della pagina che non è ancora visibile sullo schermo di un dispositivo, non verranno caricate fino a quando l'utente non scorre verso il basso. Questo abbassa notevolmente il numero di richieste HTTPS e riduce i tempi di caricamento, rendendo la tua pagina più gradita a Google.

Plugin per implementare il Lazy loading su WordPress

Se gestisci siti web su questa piattaforma software, esiste un insieme di plugin che attireranno la tua attenzione se vuoi ottimizzare le immagini implementando il lazy loading. Ricorda di controllare se il tema installato include questa funzione. In caso contrario, eccone alcuni interessanti:

• ›

  BJ Lazy Load: facile da installare e configurare, è uno degli strumenti più popolari, con oltre 90.000 installazioni. Grazie a questo complemento, puoi ridimensionare le immagini per adattarle a diverse dimensioni dello schermo.

• ›

  Lazy Load by WP Rocket: semplice e facile da configurare (fondamentalmente perché non offre opzioni diverse), il vantaggio di questo plugin è non utilizzare una libreria JavaScript come jQuery.

8. Utilizzo di un CDN per le immagini

Un CDN (Content Delivery Network) è un insieme di server distribuiti in tutto il mondo che facilitano il contenuto cached di un sito web a seconda di dove si trova il richiedente. Grazie a questa rete di hosting, il server più vicino al richiedente fornirà una copia del sito web richiesto.

Pertanto, l'uso di un CDN aiuta a far scaricare i nostri URL più velocemente, riducendo i tempi di caricamento del nostro sito e promuovendo il suo posizionamento organico.

Se utilizziamo un CDN (ad esempio Cloudflare) per mostrare le immagini, queste verranno scaricate e visualizzate più rapidamente. Questo flusso semplice migliorerà direttamente il nostro SEO.

9. Altre considerazioni

Le immagini di valore SEO, cioè quelle che vogliamo posizionare più in alto, devono essere incluse nel codice sorgente dell'URL. Quelle implementate come proprietà di sfondo in CSS non saranno visibili a Google, dato che non può comprendere questo tipo di fogli di stile.

Inoltre, ci sono altri dettagli imperdibili da tenere a mente quando si ottimizzano le nostre immagini:

• ›

  Exif: con ogni immagine viene salvato un insieme di attributi, come la data in cui è stata scattata l'immagine e altri dati rilevanti per i professionisti in questo campo. Tuttavia, queste informazioni non hanno valore SEO e occupano solo spazio. Eliminare queste informazioni può aiutare a ottimizzare le immagini e renderle meno pesanti.

• ›

  "longdesc": questo attributo è solitamente dimenticato, ma può essere interessante da implementare nelle nostre immagini. Si tratta di una descrizione lunga dell'immagine.

• ›

  Linking: il link-building gioca un ruolo fondamentale nella crescita organica delle nostre pagine, ma anche delle nostre immagini. Anche queste possono essere linkate e, quindi, ottenere un riconoscimento maggiore nei motori di ricerca.

Ci stiamo perdendo qualche consiglio essenziale? Ci piacerebbe sentirti. Lascia un commento qui sotto e sentiti libero di condividere la tua conoscenza!