Volete sapere come ottimizzare le immagini in WordPress e ottenere più traffico organico dalla ricerca di immagini?
Ogni giorno vengono effettuate più di 1 miliardo di ricerche su Google Immagini, che rappresentano quindi una grande opportunità per aiutarvi a posizionarvi e ad ottenere maggiore visibilità nelle ricerche.
Ecco perché abbiamo deciso di creare un elenco di consigli su come ottimizzare al meglio le immagini in WordPress per migliorare le classifiche e portare più traffico al vostro sito web.
Poiché si tratta di un elenco completo, è possibile fare clic su questi collegamenti rapidi per passare direttamente alle diverse sezioni:
In questo articolo
- Che cos'è il SEO delle immagini?
- Come ottimizzare le immagini in WordPress
- 1. Utilizzare il giusto strumento SEO per le immagini
- 2. Utilizzare nomi di file immagine descrittivi
- 3. Scrivete un testo alt SEO-friendly
- 4. Utilizzare la didascalia dell'immagine quando necessario
- 5. Considerare il titolo e la descrizione SEO
- 6. Disattivare le pagine degli allegati
- 7. Definire le dimensioni dell'immagine
- 8. Scegliere il giusto formato dell'immagine
- 9. Creare una Sitemap di immagini
- 10. Usare i dati strutturati delle immagini per classificarsi con i Rich Snippet
- 11. Aggiungere miniature di Facebook e schede di Twitter
- 12. Comprimere le immagini per ridurre le dimensioni dei file
- 13. Caricamento pigro delle immagini
- 14. Utilizzare immagini reattive
- 15. Installare un plugin per la cache
- 16. Servire le immagini tramite un CDN di immagini
- 17. Rendere il vostro sito web compatibile con i dispositivi mobili
- 18. Prepararsi alla ricerca visiva con Google Lens
Che cos'è il SEO delle immagini?
La SEO delle immagini, detta anche ottimizzazione delle immagini, è il processo di ottimizzazione delle immagini sul vostro sito web per facilitare la ricerca e il posizionamento delle immagini da parte di Google.
In altre parole, aiuta Google e gli altri motori di ricerca a comprendere i vostri contenuti e a mostrare le vostre immagini nei risultati della ricerca per immagini.
E per farlo, è necessario ottimizzare le immagini per il web, cosa che vi mostreremo come fare. Ma prima di tutto, diamo un'occhiata al motivo per cui dovreste usare le immagini nei vostri contenuti.
Perché usare le immagini nei contenuti?
Prima di tutto: Perché dovreste usare le immagini nei vostri contenuti?
Dovreste usare le immagini perché aggiungono valore ai vostri contenuti e catturano l'attenzione delle persone.
Se utilizzate correttamente, le immagini possono suscitare l'interesse delle persone e indurle a cliccare sul vostro sito, aumentando il vostro posizionamento nei risultati di ricerca.
In effetti, la ricerca di immagini rappresenta circa il 20,45% di tutte le ricerche su Google e altri siti popolari.
Questo dovrebbe farvi capire perché aggiungere immagini ai vostri contenuti e ottimizzarle per la SEO è una buona idea.
La prima cosa da considerare è se le immagini sono pertinenti all'argomento della pagina. E soprattutto, se aggiungono valore ai vostri contenuti.
Inoltre, dovreste posizionare l'immagine più importante in cima alla pagina e cercare di utilizzare fotografie originali che siano uniche per il vostro blog o sito web.
Ma c'è di più...
... ci sono altre cose che dovete fare se volete essere presenti nella ricerca per immagini di Google e migliorare le vostre classifiche, ed è quello che vi mostreremo qui di seguito.
Come ottimizzare le immagini in WordPress
Per ottimizzare le immagini in WordPress, è necessario aggiungere informazioni aggiuntive sulle immagini, in modo che i motori di ricerca possano capire di cosa si tratta.
I motori di ricerca diventano ogni giorno più intelligenti. Sono in grado di riconoscere e classificare le immagini abbastanza bene. Ma è necessario che l'utente fornisca un contesto all'immagine e che ottimizzi le immagini per classificarle nella ricerca per immagini.
1. Utilizzare il giusto strumento SEO per le immagini
Uno dei primi passi per assicurarsi che la SEO delle immagini sia perfetta è utilizzare il giusto strumento SEO per le immagini.
E non c'è niente di meglio che All In One SEO (AIOSEO).
AIOSEO è un potente plugin SEO per WordPress di cui si fidano oltre 3 milioni di siti web. Gli esperti di marketing lo utilizzano per contribuire a incrementare il traffico e a posizionarsi in alto nelle SERP. Con AIOSEO, avrete accesso a tutti gli strumenti SEO avanzati di cui avete bisogno per portare i vostri sforzi SEO al livello successivo, senza dover essere un esperto SEO.
Una delle caratteristiche più apprezzate del plugin è il modulo Image SEO. Si tratta di un modulo potente che rende molto più semplice l'ottimizzazione delle immagini. Ad esempio, è possibile ottimizzare i metadati dell'immagine:
- Impostazione di un formato (simile ai formati titolo/descrizione SEO)
- Eliminazione della punteggiatura
- Conversione dell'involucro
- E altro ancora
Per utilizzare questa funzione, accedere al cruscotto di AIOSEO " Aspetto della ricerca " SEO delle immagini.
È quindi possibile ottimizzare i metadati dell'immagine facendo clic sulla scheda corrispondente (Titolo, Tag Alt, Didascalia, Descrizione o Nome file). È inoltre possibile scegliere le pagine su cui implementare queste ottimizzazioni:
Ottimizzare le immagini in questo modo rende più facile per i motori di ricerca capire il significato dell'immagine, in quanto contribuisce ad aggiungere un contesto. Inoltre, migliora l'esperienza dell'utente.
Per istruzioni dettagliate sull'installazione di AIOSEO sul vostro sito, consultate questa guida all'installazione.
2. Utilizzare nomi di file immagine descrittivi
Le immagini devono sempre avere nomi di file il più possibile descrittivi.
Ecco cosa dice Google sui nomi dei file delle immagini:
"[...] il nome del file può fornire a Google indizi sul soggetto dell'immagine. Ad esempio, il mio-nuovo-gattino-nero.jpg è meglio di IMG00023.jpg".
Per fare un altro esempio, ecco la foto di un gattino nero giocherellone. Invece di chiamarla IMG00021.jpg, l'abbiamo chiamata playful-black-kitten.jpg, che è una descrizione migliore dell'immagine.
Cercate di essere specifici. Ad esempio, big-eyed-playful-black-kitten.jpg è meglio di black-kitten.jpg.
Considerate anche le parole chiave che gli utenti digiterebbero su Google per trovare la vostra immagine.
3. Scrivete un testo alt SEO-friendly
Il testo alternativo è fondamentale per la SEO delle immagini. Aiuta Google a capire il significato dell'immagine. Si tratta di un attributo HTML aggiunto al tag image, che viene utilizzato per mostrare le immagini su una pagina.
Può apparire così, in codice HTML semplice:
<img src="img_playful-black-kitten.jpg" alt="Playful black kitten" width="500" height="600">Come già detto, il testo alt viene utilizzato per descrivere l'immagine. Se l'immagine non può essere visualizzata, gli utenti possono comunque capire di cosa si tratta leggendo il testo.
È utile per chi utilizza screen reader o ha connessioni a bassa larghezza di banda. I testi alt sono utili anche come testi di ancoraggio se si collegano immagini.
Non limitatevi a una o due parole per scrivere il testo alt. Immaginate piuttosto come descrivereste la vostra immagine a una persona non vedente.
Ad esempio, invece di "cioccolato", utilizzate "muffin di pane alla banana al cioccolato fondente". Questo aiuterà anche Google a classificare la vostra immagine, poiché utilizza una combinazione di testi alternativi, algoritmi di visione computerizzata e contenuti della vostra pagina per capire di cosa tratta la vostra immagine.
Ma non riempite il testo alt con diverse parole chiave pensando che questo vi aiuterà a posizionarvi meglio nella ricerca delle immagini. In realtà, questo può portare al risultato opposto e Google potrebbe vedere il vostro sito come uno spam.
Non è necessario aggiungere testo alt alle immagini decorative. Per saperne di più, consultate la nostra guida alla gestione delle immagini decorative per la SEO.
Aggiunta del testo Alt nell'editor dei blocchi di WordPress
Aggiungere il testo alt alle immagini è facilissimo utilizzando l'editor di blocchi di WordPress.
È sufficiente scorrere verso il basso nel post o nella pagina che si sta modificando e fare clic sull'immagine in modo che venga contrassegnata dal riquadro blu. Quindi, andate alle Impostazioni immagine nella colonna destra dell'editor e digitate il testo alt nel campo Testo alt (testo alternativo) .
I testi Alt non sono visibili sul sito, mentre le didascalie vengono visualizzate sotto le immagini, come vedremo in seguito.
4. Utilizzare la didascalia dell'immagine quando necessario
Le didascalie delle immagini rendono i contenuti scansionabili. Le persone tendono a scansionare titoli, immagini e didascalie quando sfogliano rapidamente una pagina.
Tuttavia, possono dare un aspetto disordinato al contenuto e non sono realmente necessari, dato che l'immagine viene spiegata nel contenuto stesso.
Tuttavia, le didascalie possono essere utili:
- Foto di famiglia o di eventi
- Foto che necessitano di ulteriori spiegazioni che descrivono una storia di fondo
- E gallerie di immagini dei prodotti
Aggiunta di didascalie alle immagini nell'editor di blocchi di WordPress
Per aggiungere la didascalia dell'immagine nell'editor di blocchi di WordPress, è sufficiente scorrere verso il basso nel post o nella pagina che si sta modificando e fare clic sull'immagine, in modo che venga contrassegnata dal riquadro blu. Quindi, si inserisce la didascalia dell'immagine nel campo Didascalia sotto l'immagine ed è aggiunta!
5. Considerare il titolo e la descrizione SEO
Google utilizza anche il titolo e la descrizione SEO della pagina per decidere quale descrizione mostrare sotto l'immagine nei risultati di ricerca.
Ecco cosa dice Google:
"Google Images genera automaticamente un titolo e uno snippet per spiegare al meglio ogni risultato e il modo in cui si riferisce alla query dell'utente... Per queste informazioni utilizziamo una serie di fonti diverse, tra cui le informazioni descrittive nel titolo e i meta tag".
Per illustrare meglio questo aspetto, ecco un esempio dei risultati della ricerca di immagini su Google per "muffin gustosi al cioccolato":
Come si può vedere, tutte le immagini hanno delle descrizioni sotto di esse. Google utilizza il titolo e la descrizione SEO della pagina per generarli.
Ecco perché le immagini devono essere correlate al titolo e alla descrizione. Se volete sapere come modificare facilmente il vostro titolo SEO, consultate la nostra guida su come modificare il titolo SEO in WordPress.
6. Disattivare le pagine degli allegati
WordPress crea una pagina per tutte le immagini caricate nei post e nelle pagine. Si chiama pagina degli allegati.
L'unica cosa che fa questa pagina è mostrare una versione più grande del vostro mago, cosa che in effetti può danneggiare il vostro SEO. I motori di ricerca considerano le pagine con poco o nessun testo come di bassa qualità o "contenuto scarso".
Fortunatamente, è facile disabilitare le pagine degli allegati sul vostro sito WordPress. Il modo più semplice per farlo è installare e attivare il miglior plugin SEO per WordPress sul mercato, All in One SEO (AIOSEO).
Disattivare le pagine con allegati di immagini è anche un ottimo modo per eliminare i parametri URL non necessari sul vostro sito. L'eliminazione di questi parametri è un modo eccellente per aumentare l'efficienza di crawling del vostro sito.
Una volta attivato AIOSEO, questo disattiva automaticamente gli URL degli allegati. È anche possibile disattivarli manualmente visitando All in One SEO " Aspetto della ricerca e facendo clic sulla scheda Media.
Assicuratevi che l'opzione Redirect Attachment URLs sia impostata su Attachment e il gioco è fatto!
7. Definire le dimensioni dell'immagine
È necessario ridimensionare le immagini per adattarle al contenuto del blog della pagina. Anche se il vostro sito web riempie l'intera larghezza dello schermo, la sezione blog ha una larghezza massima stabilita. L'utilizzo di immagini più grandi rallenta il caricamento della pagina e influisce negativamente sulla SEO.
Ad esempio, se la larghezza massima del vostro blog è di 706px, le vostre immagini non verranno mai visualizzate più larghe di 706px. E se avete un sito web reattivo, il browser ridimensionerà le immagini più larghe di 706px per adattarle allo schermo.
Almeno questo rende il vostro sito più bello, giusto?
Beh, c'è un problema...
... quando si utilizzano immagini di grandi dimensioni, il browser deve comunque caricare l'immagine a grandezza naturale. Ancora peggio, le immagini di grandi dimensioni sono pesanti in termini di dimensioni del file e riducono la velocità di caricamento della pagina.
Per questo motivo è necessario ridimensionare e caricare le immagini in base alla larghezza massima del blog o della pagina. Fortunatamente, è facile controllare questo aspetto.
Per iniziare, accedere alle impostazioni di Web Developer del browser e fare clic sullo strumento Inspector . A questo punto è sufficiente passare il mouse sulla colonna che si desidera controllare e apparirà un riquadro nero con le dimensioni.
Come si può vedere, la larghezza del blog di AIOSEO è di 706px, che è la larghezza massima in cui le nostre immagini dovrebbero essere caricate per non rallentare il caricamento della pagina.
8. Scegliere il giusto formato dell'immagine
Come abbiamo appena spiegato, le immagini spesso rendono il vostro sito web di grandi dimensioni e troppo pesante. Il vostro sito non si caricherà abbastanza velocemente da indurre i visitatori ad aspettare.
Sceglieranno invece un altro sito che si carica più velocemente e voi perderete traffico e potenziali clienti. Questo danneggia anche il vostro posizionamento nei motori di ricerca, poiché la vostra frequenza di rimbalzo aumenterà.
A seconda del formato di immagine utilizzato, le dimensioni del file saranno maggiori o minori. Inoltre, la qualità delle immagini ne risentirà.
I tipi di file immagine più comuni sono JPG, PNG e GIF. Ognuno di essi ha la sua funzione a seconda delle immagini che si stanno creando o caricando sul proprio sito:
- Il formato JPG è il migliore per la grafica di siti web con molte sfumature di colore.
- PNG è la soluzione migliore quando si desidera la massima qualità e le dimensioni non sono un problema.
- GIF è per le animazioni o le immagini in movimento
Le dimensioni dei file JPG sono generalmente inferiori a quelle dei PNG e delle GIF. Tuttavia, i PNG sono migliori per le immagini di alta qualità, come schermate, disegni e immagini con testo in cui è necessario mantenere la qualità dell'immagine.
9. Creare una Sitemap di immagini
È possibile aiutare Google a indicizzare e scansionare più velocemente le immagini creando una sitemap di immagini.
Utilizzando AIOSEO, la creazione di una sitemap di immagini XML è facile come una passeggiata nel parco. Infatti, tutte le immagini del vostro sito web vengono automaticamente incluse nella sitemap XML. Questa funzione è chiamata Image Sitemap.
È sufficiente attivare AIOSEO per creare automaticamente una sitemap. Potete verificare che sia abilitata navigando su Sitemaps nel menu All in One SEO e facendo clic sulla scheda General Sitemap.
Si aprirà la finestra General Sitemap, dove si può notare che Enable Sitemap è impostato su on.
Semplicemente!
Se volete sapere come personalizzare la vostra sitemap ed escludere determinate immagini o contenuti, potete consultare la nostra guida su come creare una sitemap in WordPress.
Inoltre, assicuratevi che le immagini non siano bloccate dal file robots.txt. Se non si desidera che Google effettui il crawling delle immagini, è possibile disabilitarle utilizzando il file robots.txt. Per maggiori dettagli, visitate la nostra guida su come modificare facilmente un file robots.txt in WordPress.
10. Usare i dati strutturati delle immagini per classificarsi con i Rich Snippet
Se aggiungete al vostro sito il markup schema o i dati strutturati, Google Images può mostrare le vostre immagini come risultati ricchi di informazioni con un badge in evidenza che indica l'argomento della vostra pagina.
Ecco un esempio di quando il markup Recipe schema viene aggiunto al sito:
Come si può vedere, mostra un badge in evidenza con una forchetta e un coltello che indicano che si tratta di una ricetta. In questo modo gli utenti ottengono maggiori informazioni sulla vostra pagina, aumentando il CTR (Click-Through-Rate) e portando più traffico organico al vostro sito.
Google Images supporta il markup schema per:
- Prodotti
- Video
- Ricette
È possibile aggiungere facilmente il markup schema al proprio sito e ottenere questi risultati ricchi dall'aspetto gradevole utilizzando AIOSEO. Per sapere come fare, potete consultare la nostra guida su come aggiungere i rich snippet a WordPress.
11. Aggiungere miniature di Facebook e schede di Twitter
Un altro modo per aumentare il traffico verso il vostro sito è quello di utilizzare i vostri profili sui social media. Un primo passo è assicurarsi che le immagini giuste vengano mostrate quando vengono condivise sui social media.
Con AIOSEO, potete ottimizzare le vostre immagini e controllare come appaiono quando i vostri contenuti vengono condivisi su Twitter e Facebook. Potete farlo facilmente aggiungendo al vostro sito le Twitter Card e le miniature di Facebook.
Per esempio, ecco come appare uno dei nostri post dopo aver scelto quale miniatura utilizzare quando viene condiviso su Facebook:
Ed ecco una Twitter Card quando il post di OptinMonster viene condiviso su Twitter:
Scoprite come configurare facilmente questo sistema visitando come correggere la miniatura sbagliata di Facebook e come aggiungere Twitter Cards in WordPress.
12. Comprimere le immagini per ridurre le dimensioni dei file
Come già detto, la velocità del sito è fondamentale per la SEO. Google ha confermato che è un fattore di ranking sia su desktop che su mobile. E questo vale anche per la ricerca di immagini.
A partire da maggio 2021, Google renderà la velocità di caricamento dei siti web una parte dei suoi Core Web Vitals. Si tratta di fattori che Google considera importanti per offrire agli utenti la migliore esperienza di visita al vostro sito. Ad esempio, esaminerà la velocità del sito, la reattività e la velocità di caricamento di diversi elementi come immagini e caratteri.
Il primo passo per ottimizzare le immagini per la velocità del sito è comprimerle. È possibile utilizzare servizi gratuiti come:
- TinyPNG per i file PNG e JPG
- CompressJPEG per i file JPG
- Ottimizzazione per i file PNG e JPG
In questo modo è possibile ridurre le dimensioni dei file immagine del 70% o più, con un impatto positivo sulla velocità del sito.
13. Caricamento pigro delle immagini
Se avete molte immagini e contenuti sul vostro sito, è sempre bene utilizzare il caricamento pigro.
Il caricamento pigro mostra le immagini della pagina solo quando sono visibili all'utente durante lo scorrimento dei contenuti. In questo modo la comunicazione tra il sito e il server è più efficiente e la pagina viene caricata più velocemente.
Ecco cosa dice Google a proposito del lazy-loading:
"Il caricamento pigro può accelerare in modo significativo il caricamento di pagine lunghe che includono molte immagini sotto la piega, caricandole quando necessario o quando il contenuto principale ha terminato il caricamento e il rendering".
Indovinate un po'...
...se si utilizza WordPress 5.4 e versioni successive, il caricamento pigro delle immagini è predefinito. Quindi non dovete preoccuparvi di installare un plugin per il caricamento pigro.
Tuttavia, se si desidera aggiungere il caricamento pigro per altri elementi HTML come iframes, video e immagini di sfondo, è possibile utilizzare un plugin per il caricamento pigro come WP Rocket per accelerare ulteriormente il caricamento della pagina.
14. Utilizzare immagini reattive
L'uso di immagini responsive consente al sito di mostrare un'immagine più grande e ad alta risoluzione sul desktop. Inoltre, consente ai siti mobili di mostrare un'immagine ingrandita sul cellulare e di ridurre le dimensioni dell'immagine, aumentando la velocità di caricamento della pagina.
Se utilizzate WordPress, non dovete preoccuparvi di questo. WordPress rende automaticamente le immagini responsive dopo averle caricate e le mostra in diverse dimensioni sul vostro sito.
Detto questo, se volete sapere in che modo le immagini influiscono sulla velocità del vostro sito, potete verificarlo utilizzando lo strumento PageSpeed Insights di Google.
15. Installare un plugin per la cache
La cache del browser può contribuire a velocizzare il sito web memorizzando localmente nel browser dell'utente alcuni dei file più grandi del sito, comprese le immagini.
Un plugin di cache crea una copia della pagina dopo il caricamento della prima pagina e poi serve la versione in cache agli altri utenti.
Ad esempio, WP Rocket offre una serie completa di strumenti che aiutano a velocizzare il sito web, come il caching e il precaricamento delle pagine.
Se volete conoscere altre opzioni, potete consultare il nostro post sui migliori plugin per la cache di WordPress che consigliamo.
16. Servire le immagini tramite un CDN di immagini
Se volete velocizzare ancora di più il vostro sito, dovreste utilizzare un CDN (Content Delivery Network) per le immagini.
Sceglie una versione in cache della vostra immagine dal server più vicino alla vostra posizione geografica. Questo accelera il vostro sito web, poiché limita il numero di passaggi su Internet necessari per visualizzare l'immagine dal server originale (il vostro provider di web hosting).
Per saperne di più sul CDN e su come collegare il vostro sito, potete consultare la guida di WPBeginner su come installare e configurare il CDN di WordPress.
17. Rendere il vostro sito web compatibile con i dispositivi mobili
Perché è importante per la SEO delle immagini, si potrebbe pensare?
Perché l'aumento dei dispositivi mobili ha reso la mancata cura della SEO mobile una condanna a morte. Google non mostrerà i vostri contenuti nella ricerca per immagini se il vostro sito non è ottimizzato per i dispositivi mobili. Infatti, Google ora ha un indice mobile-first e classifica i siti mobile-friendly in modo più elevato.
Il modo più semplice per rendere il vostro sito mobile-friendly è quello di utilizzare un tema WordPress responsive che si adatta a schermi e dispositivi di diverse dimensioni. Per trovare un tema reattivo, visitate il post di WPBeginner sui 44 migliori temi WordPress reattivi.
18. Prepararsi alla ricerca visiva con Google Lens
Se gestite, ad esempio, un negozio di e-commerce o un ristorante, dovete prepararvi alla ricerca visiva con Google Lens.
Google Lens è il nuovo strumento di riconoscimento delle immagini di Google. Consente agli utenti di toccare e tenere premuta un'immagine nell'app Google o nel browser Chrome su Android per trovare dove acquistare un prodotto o ordinare un pasto.
Questa funzione sarà presto aggiunta anche all'app Google su iOS. Può quindi essere una buona idea ottimizzare le immagini per Google Lens.
Ora, questo vi ha fatto sentire sopraffatti?
In realtà è più facile di quanto sembri...
... Se utilizzate tutti questi suggerimenti per ottimizzare le immagini in WordPress, sarete già a buon punto.
Ci auguriamo che questo post vi abbia aiutato a capire perché la SEO delle immagini è importante e come potete sfruttare la SEO delle immagini per migliorare il posizionamento su Google Immagini e portare più traffico al vostro sito.
Per imparare a migliorare ulteriormente le classifiche, potete anche consultare la nostra guida definitiva sulla SEO di WordPress o la lista di controllo sulla SEO dei post del blog.
Vuoi provare AIOSEO gratuitamente?
Inserite l'URL del vostro sito web WordPress per installare AIOSEO Lite.
Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Raccomandiamo solo prodotti che riteniamo possano apportare un valore aggiunto ai nostri lettori.
