,

Come ottimizzare le immagini per la SEO

Come ottimizzare le immagini per la seo

Sapevi che l’ottimizzazione delle tue immagini lato seo prima del caricamento su WordPress può avere un enorme impatto sulla velocità del tuo sito web?

Quando si inizia a scrivere un nuovo blog, molti principianti caricano semplicemente le immagini senza ottimizzarle per il web. Questi file immagine di grandi dimensioni rallentano il tuo sito web.

Puoi risolvere questo problema utilizzando le migliori pratiche di ottimizzazione delle immagini per la Seo come parte della tua normale routine per la gestione del sito web.

In questo articolo, ti mostreremo come ottimizzare le tue immagini per avere prestazioni web più veloci senza perdere qualità. Condivideremo anche alcuni plugin di ottimizzazione automatica delle immagini per WordPress che si propongono di semplificarti la vita nell’ottimizzazione delle immagini per la seo.

Poiché si tratta di una guida completa sull’ottimizzazione delle immagini per il Web, abbiamo creato un sommario facile da seguire:

Che cos’è l’ottimizzazione delle immagini?

L’ottimizzazione delle immagini è un processo di salvataggio e pubblicazione delle immagini nella dimensione di file più piccola possibile senza ridurre la qualità complessiva dell’immagine.

Sebbene il processo sembri complesso, in realtà è abbastanza facile di questi tempi. È possibile utilizzare uno dei numerosi plug-in e strumenti di ottimizzazione delle immagini per comprimere automaticamente le immagini fino all’80% senza alcuna perdita visibile della qualità dell’immagine.

Ecco un esempio di un’immagine ottimizzata rispetto a quella non ottimizzata:

immagine ottimizzata vs immagine non ottimizzata

Come puoi vedere, se ottimizzata correttamente, la stessa immagine può essere fino all’80% più piccola dell’originale senza alcuna perdita di qualità. In questo esempio, l’immagine è più piccola del 77%.

Come funziona l’ottimizzazione delle immagini?

In termini semplici, l’ottimizzazione delle immagini funziona utilizzando la tecnologia di compressione.

La compressione può essere “con perdita” o “senza perdita”.

La compressione senza perdita, riduce la dimensione complessiva del file senza alcuna perdita di qualità dell’immagine.

Con la compressione con perdita, potrebbe esserci una piccola perdita di qualità, ma idealmente non sarà evidente ai tuoi visitatori.

Cosa significa ottimizzare le immagini?

Se hai ricevuto una raccomandazione per ottimizzare le immagini dal tuo supporto hosting WordPress o da uno strumento di test della velocità, ora ti stai e chiedendo cosa devi fare.

Dovrai ridurre la dimensione del file delle tue immagini ottimizzandole per il web. In questa guida ti mostreremo come farlo passo dopo passo.

Quali sono i vantaggi dell’ottimizzazione delle immagini SEO?


Pur esisistendo molti vantaggi nell’ottimizzare le tue immagini, ecco quali sono principali di questi. Quelli che è necessario sapere:

  • Maggiore velocità del sito web(soprattutto mobile)
  • Classifiche Google migliori
  • Tasso di conversione complessivo più elevato per vendite e lead
  • Meno spazio di archiviazione e larghezza di banda (che possono ridurre i costi di hosting e CDN)
  • Backup più rapidi del sito Web (che possono ridurre il costo dell’archiviazione di backup)

Le immagini sono il secondo elemento più pesante su una pagina Web dopo il video. Secondo l’archivio HTTP, le immagini costituiscono il 21% del peso totale medio di una pagina web.

Poiché sappiamo che i siti Web veloci si posizionano più in alto nei motori di ricerca (SEO) e hanno conversioni migliori, l’ottimizzazione delle immagini è qualcosa che ogni sito Web aziendale deve fare se vuole avere successo online.

Ora ti starai chiedendo quanto può davvero fare la differenza l’ottimizzazione delle immagini.

Leggi anche: Codifica le immagini in modo Efficace – Controlli Google Pagespeed

Secondo uno studio di Strangeloop, un ritardo di un secondo nel tempo di caricamento del sito Web può costare il 7% delle vendite, l’11% in meno di visualizzazioni di pagina e una diminuzione del 16% della soddisfazione del cliente.

Se questi non sono motivi sufficienti per velocizzare il tuo sito Web, dovresti sapere che i motori di ricerca come Google offrono anche un trattamento SEO preferenziale ai siti Web che si caricano più velocemente.

Come salvare e ottimizzare le immagini per le prestazioni Web


La chiave per un’ottimizzazione delle immagini di successo per le prestazioni Web è trovare il perfetto equilibrio tra la dimensione del file più bassa e una qualità dell’immagine accettabile.

Le tre cose che giocano un ruolo enorme nell’ottimizzazione delle immagini sono:

  • Formato file immagine (JPEG vs PNG vs GIF)
  • Compressione (maggiore compressione = file di dimensioni inferiori)
  • Dimensioni dell’immagine (altezza e larghezza)


Scegliendo la giusta combinazione dei tre, puoi ridurre le dimensioni dell’immagine fino all’80%.

Diamo un’occhiata a ciascuno di questi in modo più dettagliato.

Formato file immagine

Per la maggior parte dei proprietari di siti Web, gli unici tre formati di file immagine che contano davvero sono JPEG, PNG e GIF. La scelta del giusto tipo di file gioca un ruolo importante nell’ottimizzazione delle immagini.

Per mantenere le cose semplici, si tende a utilizzare JPEG per foto o immagini con molti colori, PNG per immagini semplici o quando sono necessarie immagini trasparenti e GIF solo per immagini animate. Negli ultimi anni ha fatto il suo ingresso prepotente il nuovo formato compresso, WEBP.

Per coloro che non conoscono la differenza tra ogni tipo di file, il formato dell’immagine PNG non è compresso, il che significa che è un’immagine di qualità superiore. Lo svantaggio è che le dimensioni dei file sono molto più grandi.

D’altra parte, JPEG è un formato di file compresso che riduce leggermente la qualità dell’immagine per fornire file di dimensioni notevolmente inferiori.

Considerando che GIF utilizza solo 256 colori insieme alla compressione senza perdita questo lo rende il formato migliore per le immagini animate.

Su SitoWP, utilizziamo tutti e tre i formati di immagine in base al tipo di immagine. Ma stiamo gradualmente passando a WebP

Compressione

La parte successiva è la compressione delle immagini, che svolge un ruolo enorme nell’ottimizzazione delle immagini.

Sono disponibili diversi tipi e livelli di compressione delle immagini. Le impostazioni per ciascuno variano a seconda dello strumento di compressione delle immagini utilizzato.

La maggior parte degli strumenti di modifica delle immagini come Adobe Photoshop, ON1 Photo, GIMP, Affinity Photo e altri sono dotati di funzionalità di compressione delle immagini integrate.

Puoi anche salvare le immagini normalmente e quindi utilizzare uno strumento Web come TinyPNG o JPEGmini per una compressione delle immagini più semplice.

Sebbene richiedano uno sforzo manuale, questi due metodi ti consentono di comprimere le immagini prima di caricarle su WordPress, ed è quello che facciamo su SitoWP.

Esistono anche diversi plug-in WordPress popolari come Optimole e EWWW Image Optimizer , Imagify, che possono comprimere automaticamente le immagini quando le carichi per la prima volta. Questo è conveniente per certi versi e molti principianti e persino grandi aziende preferiscono utilizzare questi plug-in di ottimizzazione delle immagini.

Condivideremo di più sull’utilizzo dei plugin di WordPress più avanti nell’articolo.

Dimensioni dell’immagine

Normalmente, quando importi una foto dal tuo telefono o da una fotocamera digitale, questa ha una risoluzione molto alta e il file si presenta di grandi dimensioni (altezza e larghezza).

Tipicamente, queste foto hanno una risoluzione di 300 DPI e dimensioni a partire da 2000 pixel e oltre. Se le foto di alta qualità sono adatte per la stampa o il desktop publishing, le loro grandi dimensioni le rendono inadatte per i siti web.

Ridurre le dimensioni dell’immagine a qualcosa di più ragionevole può ridurre notevolmente le dimensioni del file immagine. Puoi semplicemente ridimensionare le immagini utilizzando il software di modifica delle immagini sul tuo computer.

Ad esempio, abbiamo ottimizzato una foto con una risoluzione di 300 DPI e dimensioni dell’immagine di 4900×3200 pixel. La dimensione del file originale era di 1,8 MB.

Abbiamo scelto il formato WEBP per una maggiore compressione e modificato le dimensioni in 1200×795 pixel. La dimensione del file è stata ridotta a soli 33 KB. È il 99% più piccolo della dimensione del file originale.

Ora che conosci i tre fattori importanti nell’ottimizzazione delle immagini, diamo un’occhiata ai vari strumenti di ottimizzazione delle immagini per i proprietari di siti web.

I migliori strumenti e programmi per l’ottimizzazione delle immagini

Come accennato in precedenza, la maggior parte dei software di modifica delle immagini viene fornito con impostazioni di ottimizzazione e compressione delle immagini.

Al di fuori del software di modifica delle immagini, esistono anche diversi potenti strumenti di ottimizzazione delle immagini gratuiti che puoi utilizzare per ottimizzare le immagini per il Web (con pochi clic).

Ti consigliamo di utilizzare questi strumenti per ottimizzare le immagini prima di caricarle su WordPress, soprattutto se sei un perfezionista.

Questo metodo ti aiuta a risparmiare spazio su disco sul tuo account di hosting WordPress e garantisce l’immagine più veloce con la migliore qualità poiché rivedi manualmente ogni immagine.

Adobe Photoshop

Adobe Photoshop è un’applicazione di modifica delle immagini premium che ti consente di esportare immagini con dimensioni di file inferiori per il Web.

Utilizzando la finestra di dialogo di esportazione, puoi scegliere un formato di file immagine (JPG, PNG, GIF) che ti offra la dimensione del file più piccola.

Puoi anche ridurre la qualità dell’immagine, i colori e altre opzioni per ridurre ulteriormente le dimensioni del file.

GIMP

GIMP è un’alternativa gratuita e open source ad Adobe Photoshop. Può essere utilizzato per ottimizzare le tue immagini per il web. Lo svantaggio è che non è così facile da usare come altre soluzioni in questo elenco.

Innanzitutto, devi aprire la tua immagine in GIMP e quindi selezionare l’opzione File »Esporta come…. Questo farà apparire la finestra di dialogo Esporta immagine in cui puoi dare al tuo file un nuovo nome. Successivamente, è necessario fare clic sul pulsante “Esporta”.

Ora vedrai le opzioni di esportazione dell’immagine. Per i file JPEG, puoi utilizzare il dispositivo di scorrimento “Qualità” per selezionare il livello di compressione e ridurre le dimensioni del file.


Se vuoi vedere altri software per comprimere le tue immagini leggi il nostro articolo:

Come comprimer le immagini per web

Ecco come:

Ottimizzare un immagine con Photoshop

Ottimizzare immagini per Web con PhotoShop

1 Con l’immagine aperta in Photoshop o un Qualsiasi programma di ridimensione foto (usare Anteprima Mac o Paint vanno bene lo stesso per queste operazioni, cambiano solo le posizioni dei comandi),
selezionate File → Salva per Web (poitrebbe chiamarsi diversamente a seconda delle versioni).
Verrà visualizzata la finestra di dialogo Salva per Web.


2 Nell’angolo in alto a sinistra della finestra di dialogo, scegliere 2Up o 4Up per visualizzare più versioni della stessa immagine per un confronto facile tra formati.(punto 1 Immagine sotto)
L’impostazione 2 permette di visualizzare l’immagine originale sulla parte superiore e un’anteprima della stessa immagine apparirà con le impostazioni specificate sul fondo (se si sta lavorando con una immagine verticale, le anteprime appaiono fianco a lato). L’opzione 4, come dice il nome, mostra quattro versioni differenti per il confronto.

3 Sul lato destro della finestra, appena sotto Preset, fare clic sulla piccola freccia per aprire l’elenco a discesa Formato file ottimizzato e scegliere JPEG.(punto 2 Immagine sopra)
Il formato JPEG è la scelta migliore per l’ottimizzazione delle immagini a tono continuo, come le fotografie e le immagini con molti colori o sfumature.


4 Impostare la qualità di compressione.(punto 3 Immagine sopra)
Utilizzare le opzioni preimpostate Bassa, Media, Alta, Molto alta, o massime dall’elenco a discesa. Oppure utilizzare il dispositivo di scorrimento appena sotto il campo di qualità per effettuare regolazioni più precise. Abbassando la qualità si riduce la dimensione del file e si rende il download di immagini più veloce, ma se lo si riduce troppo, l’immagine apparirà sfocata e macchiata.

Photoshop utilizza una scala di compressione da 0 a 100 per i file JPEG in questa finestra di dialogo, con 0 la qualità più bassa possibile (la più alta quantità di compressione per file di piccole dimensioni) e 100 la massima qualità possibile (la quantità minima di compressione e il più grande di file size). Bassa, Media e Alta rappresentano valori di compressione di 10, 30, e 60, rispettivamente.


5 Specifica altre impostazioni desiderate (il formato di qualità di compressione e di file sono le impostazioni più importanti).
Ad esempio, è possibile selezionare la casella di controllo progressivo per visualizzare l’immagine progressivamente in un browser Web; cioè, per visualizzarlo prima a bassa risoluzione, e poi a risoluzioni progressivamente più elevate, per capire come procede il download.
Se l’immagine è destinata al web, 4000px di altezza possono risultare essere troppi, riduciamoli portandoli ad un formato intorno ai  1200px (la larghezza camsi modificherà automaticamente, e il peso diminuirà).


6 Clicca Salva.
Salva il file ottimizzato appena si apre la specifica finestra di dialogo.

Ottimizzare immagini per Web
7 Dai un nome (coerente all’oggetto che ritrae) all’immagine e salvala nella cartella immagini nella cartella sito.
Photoshop salva l’immagine ottimizzata come copia dell’originale e lascia aperto originale nella principale area di lavoro Photoshop.

Ripetere questi passaggi per ogni immagine che si desidera ottimizzare come JPEG.

I migliori plugin per l’ottimizzazione delle immagini per WordPress


Crediamo che il modo migliore per ottimizzare le tue immagini sia farlo prima di caricarle su WordPress. Tuttavia, se gestisci un sito con più autori o hai bisogno di una soluzione automatizzata, puoi provare un plug-in di compressione delle immagini di WordPress.

Ecco la nostra lista dei migliori plugin per la compressione delle immagini di WordPress:

  • Optimole, un plugin popolare del team di ThemeIsle
  • EWWW Ottimizzatore d’immagine
  • JPEG, PNG & WebP Image Compression, un plug-in del team TinyPNG menzionato sopra
  • Imagify, un plugin del famoso team WP Rocket
  • Ottimizzatore di immagini ShortPixel
  • Smush
  • reSmush.it

Questi plugin per l’ottimizzazione delle immagini di WordPress ti aiuteranno a velocizzare il tuo sito web.

 

Fino ad ora abbiamo visto come comprimere le immagini ma in questa parte scoprimiremo :

Come Ottimizzare le immagini per la SEO

Cos’è l’ottimizzazione immagini per la SEO?

Image SEO è il processo di ottimizzazione delle immagini sul tuo sito web, affinché esse siano facili da “leggere” e “trovare” per i motori di ricerca. La SEO delle immagini è importante per migliorare le esperienze degli utenti, la visibilità e il posizionamento dei tuoi contenuti su Google. Insieme al testo, anche le immagini sono i principali componenti visibili di un sito web.

Che cos’è Google Immagini?

Il motore di ricerca delle immagini di Google, noto anche come Google Immagini, è il motore di ricerca utilizzato per la ricerca di immagini online.

Perché le immagini sono importanti per Google?

Come avrai potuto notare Google Images è il terzo tab di ricerca di Google dopo “Tutti” e “News” e di suo è il secondo motore di ricerca più utilizzato al mondo.
Le immagini rendono qualsiasi contenuto più interessante e accattivante aiutando i lettori a comprendere meglio i tuoi contenuti.

Inoltre, le immagini aggiungono valore ai tuoi sforzi SEO aumentando il coinvolgimento degli utenti e l’accessibilità del tuo sito web.

Come fa Google a scegliere le immagini?

Google filtra le immagini per licenza in base alle informazioni(testuali) fornite dai siti che ospitano tali immagini o dal fornitore dell’immagine.

Google utilizza inoltre TF-IDF per valutare la pertinenza di un termine rispetto a un’immagine.
Più termini rilevanti sono associati alle immagini, più è probabile che le immagini vengano recuperate durante la ricerca.
Più un’immagine è simile a tutte le immagini classificate per una query, migliore sarà il suo posizionamento

 

Quando si tratta d’immagini, i motori di ricerca le classificheranno in base alla loro pertinenza con il contenuto della pagina in cui si trovano, il nome del file immagine, la didascalia dell’immagine, il tag Alt, il PageRank, la qualità dell’immagine, ecc. In breve, dovrai lavorare su molte cose per ottimizzare le tue immagini per la SEO dei motori di ricerca.

Google fornisce anche una guida molto completa per ottimizzare le immagini che puoi trovare qui

Oggi Google immagini si è evoluto a tal punto da fornire ai propri utenti la ricerca inversa d’immagini di Google, ufficialmente chiamata Google Search by Image, che è un servizio fornito da Google che consente a un utente di cercare immagini utilizzando un’immagine come punto di partenza, piuttosto che una query di ricerca scritta o parlata.

Come migliorare il posizionamento delle immagini ?

Di seguito ecco ciò che devi fare per ottimizzare le immagini per la seo:

  • Tieni traccia del tuo traffico basato su immagini
  • Crea contenuti originali di alta qualità
  • Usa immagini pertinenti
  • Scegli il formato di file corretto
  • Ottimizza le tue immagini
  • Crea sempre testo alternativo
  • Usa il titolo dell’immagine
  • Crea una didascalia immagine
  • Usa un nome file descrittivo
  • Implementa i dati strutturati
  • Considera il posizionamento dell’immagine sulla pagina
  • Analizza il contenuto attorno all’immagine
  • Fai attenzione con il testo incorporato
  • Crea metadati della pagina
  • Garantire tempi di caricamento rapidi
  • Assicurati che le immagini siano accessibili
  • Crea una Sitemap immagini

Crea i Tag Alt per il testo alternativo – Accessibilità

L’accessibilità per tutti gli utenti è importante. Ecco perché l’aggiunta di attributi alt alle immagini fa parte della nostra lista di controllo SEO sempre aggiornata.

Il testo alternativo descrive cosa rappresenta l’immagine per i non vedenti che utilizzano lettori di schermo. Può anche fornire ai motori di ricerca preziose informazioni sui contenuti dell’immagine.

Solo quando appropriato, utilizza una parola chiave pertinente a cui ti rivolgi per descrivere l’immagine.

Ricorda che con le immagini collegate, i motori di ricerca trattano il testo dell’attributo alt come testo di ancoraggio dei link. Ad esempio, se hai un’icona a forma di punto interrogativo che collega gli utenti a una guida per le istruzioni, includi alt=”Guida” nel tag dell’immagine.

Usa i Tag Title per le Immagini

C’è un attributo title facoltativo che puoi assegnare a ciascuna immagine. Alcuni test hanno dimostrato che Google indicizza i titoli delle immagini.C’è un attributo title facoltativo che puoi assegnare a ciascuna immagine. Alcuni test hanno dimostrato che Google indicizza i titoli delle immagini.

Crea una Caption per l’immagine

Aggiungi un po’ di contesto in più descrivendo l’immagine in una didascalia. Puoi anche scrivere la fonte dell’immagine, se appropriato.

Utilizza un nome file descrittivo

Come dovresti nominare le tue immagini?

Questo è un passaggio spesso trascurato durante l’ottimizzazione delle immagini. Ma il nome del file aiuta i motori di ricerca a capire cosa c’è in un’immagine, quindi è importante per la SEO dell’immagine.

Quando salvi il tuo file immagine, descrivi accuratamente la foto in poche parole. Ad esempio, brutto-maglione-di-natale.jpg è un nome di file migliore di IMG01534.png.

In un webinar con Gary Illyes di Google al Search Engine Journal, ha sottolineato che non è possibile per i siti di grandi dimensioni avere nomi di file accurati per tutte le loro immagini (Pinterest, ad esempio).

Ma più recentemente, John Mueller ha affermato che l’URL e il nome del file sono importanti:

Usa una buona struttura dell’URL per i tuoi file immagine. Google utilizza il percorso dell’URL e il nome del file per aiutarsi a comprendere le tue immagini.

Inoltre, se sposti o rinomini un file immagine, imposta un redirect 301 dal vecchio URL a quello nuovo.

Implementa i dati strutturati

Google Immagini supporta il markup dei dati strutturati per un prodotto, un video e una ricetta. Se specifichi uno di questi tipi nei tuoi contenuti, i risultati di Google Immagini lo mostreranno direttamente nelle anteprime delle immagini.

Quando aggiungi dati strutturati all’HTML della tua pagina web, i risultati delle tue immagini possono essere più ricchi. Informazioni aggiuntive possono essere visualizzate insieme all’immagine. E questo può incoraggiare più clic e visitatori sul tuo sito.

Considera il posizionamento dell’immagine sulla pagina

Google afferma nella sua pagina delle best practice per le immagini (collegata a prima) che “quando ha senso, considera di posizionare l’immagine più importante nella parte superiore della pagina”.

Ma nel webinar SEJ, Illyes ha affermato che puoi inserire un’immagine “praticamente ovunque nella pagina” e può essere raccolta e mostrata in Google Immagini se è pertinente alla query.

https://youtu.be/natBo3GKAwc

 

Analizza il contenuto attorno all’immagine

Considera il corpo del testo attorno all’immagine. Fornisce un contesto a ciò che il lettore sta guardando?

Il contenuto intorno all’immagine (sulla pagina o in una didascalia) “critico” per la comprensione dell’immagine è fondamentale, per gli utenti e in fine per Google.

Fai attenzione con il testo incorporato nelle immagini

Google ci ammonisce contro l’incorporamento di testo importante in un’immagine. Ad esempio, non inserire una voce di menu o un’intestazione di pagina in un’immagine; metti invece quel testo sulla pagina.

Non tutti gli utenti e i motori di ricerca possono analizzare il testo in un’immagine e le app di traduzione non possono leggerlo. Quindi è meglio che la tua navigazione, i titoli e altre parole importanti che vuoi indicizzare siano testo sulla pagina.

Questo non vuol dire che non puoi mai sovrapporre il testo a una foto.

Google può leggere il testo nelle immagini?

In una parola, sì. Google utilizza il riconoscimento ottico dei caratteri (OCR) per leggere il testo nelle immagini, come in Google Foto e Google Lens. Lo abbiamo testato ripetutamente con Ricerca Google e abbiamo confermato che le parole nelle immagini vengono indicizzate. Tuttavia, l’OCR potrebbe non essere accurato al 100%. Per un efficace SEO dell’immagine, è comunque necessario includere del testo descrittivo in tutti i punti menzionati in questa guida.

Ottimizza i meta dati di Pagina

Google mostra informazioni pertinenti sulla pagina web (dove appare l’immagine) nei risultati di Google Immagini.

Quindi, quando ottimizzi le immagini, non saltare i metadati della pagina, inclusi titolo e meta descrizione. Offrono all’utente e al motore di ricerca più contesto, proprio come nei normali risultati di ricerca.

Non vi è alcuna garanzia che Google utilizzerà i tuoi metadati parola per parola. Ma fanno sicuramente parte della sua elaborazione delle informazioni. Le best practice per le immagini di Google affermano:

Google Immagini genera automaticamente un titolo e uno snippet per spiegare al meglio ogni risultato e come si collega alla query dell’utente. Questo aiuta gli utenti a decidere se fare clic o meno su un risultato.

Utilizziamo alcune fonti diverse per queste informazioni, incluse informazioni descrittive nel titolo e meta tag per ogni pagina.

Garantire tempi di caricamento rapidi

Come abbiamo spiegato sopra,
Le prestazioni sono una considerazione enorme per la SEO delle immagini, in particolare con l’aggiornamento della Page Experience di Google dietro l’angolo.

Le immagini di grandi dimensioni possono ridurre il tempo di caricamento della pagina. Ecco alcuni consigli per evitarlo:

  • Mantieni i file immagine più piccoli possibile (vedi Ottimizza le dimensioni del file immagine sopra).
  • Rendi le immagini responsive. Fondamentalmente, ciò significa che cambiano automaticamente le dimensioni per adattarsi al dispositivo dell’utente. Puoi leggere ulteriori informazioni sulle immagini responsive qui e nella sezione “Immagini responsive” della pagina delle best practice per le immagini.
  • Prendi in considerazione il lazy loading, che Google consiglia come un modo per combattere la lentezza.
  • Specifica quanto spazio occuperà l’immagine. Sapere questo, consente a un browser di caricare il contenuto della pagina circostante mentre viene richiesto il file immagine. Esistono diversi modi per farlo, tra cui: <div> container; nel codice CSS; o con gli attributi di altezza e larghezza nel tag .*

SUGGERIMENTO: non specificare gli attributi di altezza e larghezza per le immagini è problematico anche per un altro motivo. È la causa più comune di spostamento cumulativo del layout (CLS), ovvero il movimento indesiderato di parti di contenuto durante il caricamento di una pagina. CLS è uno dei principali core web vitals del Web che può influire sulla tua esperienza sulla pagina e, potenzialmente, danneggiare le tue classifiche.

Assicurati che le immagini siano rilevabili

Assicurati che i motori di ricerca possano accedere alle immagini sul tuo sito. Quando non possono, la colpa è spesso del file robots.txt.

La funzione “Ispeziona URL” di Google Search Console può aiutarti a verificarlo. Puoi anche utilizzare lo strumento di test ottimizzato per i dispositivi mobili di Google per scoprire come funzionano le tue pagine, comprese le immagini, per i dispositivi mobili.

Leggi la Guida Search Console per Principianti

Inoltre, le immagini hanno i propri URL che possono essere indicizzati. Quindi, per preservare le classifiche delle immagini esistenti, assicurati di utilizzare un reindirizzamento 301 appropriato se hai bisogno di modificare l’URL di un’immagine.

Crea una Sitemap immagini

Come passaggio facoltativo, puoi creare una mappa del sito di immagini che elenchi i file immagine sul tuo sito web. Questo può aiutare Google a scoprirli.

Puoi creare una Sitemap XML separata per le immagini o includerla nel normale file Sitemap.

Google ha affermato che le mappe di immagini “aiutano enormemente” con il processo di scoperta delle immagini

Considerazioni finali e best practice per l’ottimizzazione delle immagini


Se non stai salvando immagini ottimizzate per il Web, devi iniziare a farlo ora. Farà un’enorme differenza nella velocità del tuo sito e i tuoi utenti ti ringrazieranno per questo.

Per non parlare del fatto che i siti Web più veloci sono ottimi per la SEO e probabilmente vedrai un aumento del posizionamento nei motori di ricerca.

Al di fuori dell’ottimizzazione delle immagini, le due cose che ti aiuteranno in modo significativo a velocizzare il tuo sito Web sono l’utilizzo di un plug-in di memorizzazione nella cache di WordPress e l’utilizzo di un CDN di WordPress.

In alternativa, puoi utilizzare una società di hosting WordPress managed perché spesso offre sia il caching che il CDN come parte della piattaforma.

Speriamo che questo articolo ti abbia aiutato a imparare come ottimizzare le tue immagini in WordPress. Potresti anche voler consultare la nostra guida su come migliorare la sicurezza di WordPress e i migliori plugin di WordPress per i siti Web aziendali.

Torna alla Guida WordPress