La SEO per le immagini porta davvero traffico, o è solo un'altra attività SEO che ti tiene occupato?
La maggior parte dei proprietari di siti web ottimizza i propri testi per la ricerca, ma tratta le proprie immagini come un ripensamento. Ciò può significare perdere opportunità di apparire in Google Immagini e nelle risposte AI.
In questa guida, imparerai come ottimizzare le immagini in WordPress e trasformarle in un altro modo per far trovare il tuo sito web.
Ecco cosa tratteremo in questo articolo:
- Rinomina i file delle tue immagini prima di caricarli
- Scrivi testo alternativo che aiuti SEO e accessibilità
- Ottimizza titolo, didascalia e descrizione dell'immagine
- Ridimensiona e comprimi le immagini per velocizzare il tuo sito
- Scegli il formato immagine giusto
- Carica le immagini velocemente: lazy loading, immagini responsive e CDN
- Aiuta Google a trovare le tue immagini: sitemap per immagini e dati strutturati
- Tutorial video
- Domande frequenti sulla SEO delle immagini
- Risorse aggiuntive sull'ottimizzazione delle immagini di WordPress
Rinomina i file delle tue immagini prima di caricarli
Rinomina i file delle tue immagini prima di caricarli su WordPress. Un nome file descrittivo fornisce ai motori di ricerca un piccolo indizio su ciò che mostra un'immagine e li aiuta a comprenderne la pertinenza per la pagina.
Ad esempio, se stai aggiungendo una foto di una casa di legno rossa, rinomina DSC00434.jpeg in casa-legno-rossa.jpeg. Evita nomi generici, numeri generati dalla fotocamera o nomi file che non descrivono l'immagine.
Usa i trattini (-) per separare le parole nei nomi dei file anziché i trattini bassi (_). I motori di ricerca possono interpretare i trattini come spazi tra le parole, rendendo casa-legno-rossa.jpg più facile da capire rispetto a casa_legno_rossa.jpg.
Non è necessario inserire parole chiave nei nomi dei file. Invece, usa un nome breve e descrittivo che corrisponda all'immagine.
Scrivi testo alternativo che aiuti SEO e accessibilità
Il testo alternativo è una breve descrizione aggiunta a un'immagine in HTML. Aiuta gli screen reader a descrivere l'immagine ai visitatori e fornisce ai motori di ricerca informazioni utili su di essa.
Scrivi testo alternativo che descriva chiaramente l'immagine e si adatti al contesto del tuo articolo. Google utilizza il testo alternativo, insieme al contenuto circostante, per capire cosa mostra l'immagine.
Ad esempio, se stai scrivendo sulla coltivazione dei pomodori, un'immagine di piante di pomodoro in un giardino potrebbe utilizzare un testo alternativo come Piante di pomodoro che crescono in un aiuola rialzata.
Se il tuo sito ha già centinaia di immagini senza testo alternativo, non devi aggiornarle una per una. Puoi collegare il tuo sito con uno strumento AI, come ChatGPT tramite il plugin gratuito WPVibe e generare testo alternativo in blocco con esso.
Puoi anche seguire la nostra guida su come generare automaticamente testo alternativo per le immagini con l'IA per esplorare altre opzioni.
Quanto dovrebbe essere lungo il testo alternativo?
Google non impone limiti di caratteri per il testo alternativo. La comune linea guida di 125 caratteri deriva in realtà da come i vecchi screen reader, come JAWS, tagliavano il testo alternativo lungo in blocchi.
Concentrati sui dettagli che aiutano le persone a capire l'immagine piuttosto che cercare di raggiungere una lunghezza specifica. Ecco alcuni esempi:
| Troppo vago | Testo alternativo migliore | Testo alternativo più descrittivo |
|---|---|---|
| Pane | Pagnotta di pane su un tavolo | Pane a lievitazione naturale che si raffredda su una griglia |
| Giappone | Turisti in visita in Giappone | Turisti in visita al Santuario Fushimi Inari a Kyoto, Giappone |
| Dashboard di WordPress | Editor del sito WordPress | L'editor del sito di WordPress mostra il template della homepage |
Inizia con la parte più utile della descrizione piuttosto che con frasi come "immagine di" o "foto di". Gli screen reader identificano già il contenuto come immagine, quindi queste parole aggiungono solo rumore.
Se l'immagine necessita di una spiegazione più lunga, inserisci tali informazioni nel contenuto circostante o in una didascalia invece di cercare di inserire tutto nel testo alternativo.
Ottimizza titolo, didascalia e descrizione dell'immagine
WordPress ti offre diversi campi per descrivere un'immagine, come Titolo, Didascalia e Descrizione.
Servono a scopi diversi, ma informazioni chiare sull'immagine possono aiutare i motori di ricerca e i sistemi di intelligenza artificiale a capire cosa mostra un'immagine e come si collega al tuo contenuto.
Tieni presente che la modifica di questi campi nella Libreria multimediale non aggiorna le immagini che hai già inserito in post o pagine. Dovrai modificare direttamente tali immagini dove appaiono.
Titolo immagine
Il titolo dell'immagine ti aiuta a identificare e organizzare le immagini nella Libreria multimediale di WordPress. Inoltre, può aiutare gli strumenti di ricerca AI a comprendere il tuo contenuto.
Descrizione immagine
Il campo descrizione ti consente di aggiungere informazioni aggiuntive su un'immagine nella tua Libreria multimediale di WordPress.
Didascalia immagine
Una didascalia appare sotto l'immagine e fornisce ai visitatori un contesto aggiuntivo. Usala quando devi spiegare un'immagine, fornire attribuzione o indicare un dettaglio importante.
Google afferma specificamente che utilizza titoli e didascalie delle immagini per comprenderle. Mantieni le tue didascalie chiare e pertinenti all'immagine e alla pagina.
Ridimensiona e comprimi le immagini per velocizzare il tuo sito
File di immagini di grandi dimensioni possono rallentare le tue pagine, il che può influire negativamente sui posizionamenti e aumentare la probabilità che i visitatori abbandonino il sito. Ridimensionare e comprimere le tue immagini è uno dei modi più semplici per migliorare la velocità della pagina.
Prima di caricare un'immagine su WordPress, ridimensionala alla dimensione massima necessaria al tuo sito. Non c'è motivo di caricare un'immagine di 4000 pixel di larghezza se il tuo sito web la visualizza solo a 1200 pixel di larghezza.
Successivamente, comprimi l'immagine per ridurne la dimensione del file senza ridurne in modo evidente la qualità.
La compressione può anche rimuovere i metadati della fotocamera che i visitatori non vedono mai, rendendo i file ancora più piccoli. Su WPBeginner, utilizziamo TinyPNG per comprimere le immagini prima di caricarle.
Puoi anche utilizzare plugin come EWWW Image Optimizer o Optimole per automatizzare la compressione delle immagini.
Per istruzioni passo passo, consulta la nostra guida su come ottimizzare le immagini per le prestazioni web senza perdere qualità.
Scegli il formato immagine giusto
Il formato immagine giusto può aiutarti a bilanciare la qualità dell'immagine e la dimensione del file. Ecco cosa usare per i tipi di immagini più comuni:
| Formato immagine | Ideale per |
|---|---|
| WebP | Una buona scelta per la maggior parte delle foto e della grafica. Offre una buona qualità dell'immagine con dimensioni di file inferiori rispetto a formati più vecchi come JPEG e PNG. |
| AVIF | Foto e altre immagini dettagliate quando desideri dimensioni di file molto ridotte. Offre un'eccellente compressione, ma alcuni editor di immagini e strumenti più vecchi non riescono ad aprirlo o esportarlo. |
| JPEG | Foto e altre immagini con molti colori. Rimane una scelta pratica quando hai bisogno di un formato ampiamente supportato. |
| PNG | Loghi, screenshot e grafiche che necessitano di trasparenza o dettagli nitidi. |
| SVG | Loghi semplici, icone e altri elementi grafici vettoriali che devono rimanere nitidi a diverse dimensioni. |
Puoi saperne di più sulle differenze tra WebP, PNG e JPEG nella nostra guida a il miglior formato immagine per WordPress.
Carica le immagini velocemente: lazy loading, immagini responsive e CDN
WordPress carica automaticamente le immagini in modo differito (lazy load) che non sono immediatamente visibili sullo schermo e utilizza immagini responsive con srcset in modo che i browser possano scaricare una dimensione appropriata dell'immagine per ogni schermo.
La cosa principale da tenere d'occhio è il tuo Largest Contentful Paint (LCP), il tempo necessario all'elemento visibile più grande della pagina per caricarsi.
Se la tua immagine principale appare in cima alla pagina, non vuoi che il caricamento differito la ritardi. WordPress salta già il caricamento differito per le prime tre immagini di una pagina.
Se utilizzi un plugin come Optimole, puoi modificare quante immagini iniziali vengono escluse dal caricamento differito. Per altri suggerimenti, consulta la nostra guida su come caricare facilmente immagini in modo differito in WordPress.
Se il tuo sito ha visitatori in tutto il mondo o serve molte immagini di grandi dimensioni, una rete di distribuzione dei contenuti (CDN) può aiutare inviando i tuoi file da un server più vicino a ciascun visitatore.
Aiuta Google a trovare le tue immagini: sitemap per immagini e dati strutturati
La maggior parte dei siti WordPress non necessita di una sitemap separata per le immagini. Google di solito può scoprire le immagini scansionando le pagine in cui appaiono.
Una sitemap per immagini può essere utile se hai un sito di grandi dimensioni e ricco di immagini o utilizzi immagini difficili da scoprire tramite la normale navigazione e i link interni.
Se utilizzi AIOSEO, non è necessario creare una sitemap separata per le immagini perché aggiunge le tue immagini alla sua sitemap XML per impostazione predefinita.
Consulta la nostra guida su come creare una sitemap in WordPress per i dettagli.
Per i contenuti in cui le immagini sono una parte importante del risultato, i dati strutturati possono fornire a Google maggiori informazioni sulla pagina.
Ad esempio, lo schema Prodotto può descrivere l'immagine, il prezzo e la disponibilità di un prodotto, mentre lo schema Ricetta può fornire informazioni su una ricetta e la sua immagine.
Questi dettagli possono aiutare Google a comprendere la pagina e renderla idonea per risultati di ricerca più ricchi.
Non hai bisogno di uno schema speciale per le AI Overviews o la Modalità AI. Google può utilizzare gli stessi segnali SEO per comprendere i tuoi contenuti, quindi aggiungi dati strutturati solo quando si adattano alla tua pagina.
Per maggiori informazioni, segui la nostra guida su come utilizzare gli snippet in evidenza in WordPress.
Tutorial video
Domande frequenti sulla SEO delle immagini
WebP è migliore di JPEG o PNG per la SEO?
No, Google non conferisce alcun vantaggio di posizionamento a nessun formato immagine.
WebP può fornire una buona qualità con una dimensione del file ridotta, ma JPEG, PNG, AVIF e SVG hanno ciascuno situazioni in cui hanno più senso. Scegli il formato che ti offre il giusto equilibrio tra qualità e dimensione del file.
Le persone possono trovare il mio sito web cercando con una foto?
Sì, Google Lens consente alle persone di cercare con un'immagine per trovare immagini simili, identificare oggetti nell'immagine e scoprire siti web che utilizzano la stessa immagine o una simile.
Come faccio a far includere le mie immagini nelle AI Overviews e nelle risposte AI di Google?
Non esiste un trucco SEO speciale per le immagini che garantisca il posizionamento nelle AI Overviews o nella Modalità AI. Google raccomanda gli stessi fondamenti SEO che utilizza per la ricerca normale.
Ciò significa creare contenuti utili, offrire una buona esperienza di pagina, mantenere le pagine scansionabili e utilizzare immagini di alta qualità che migliorino i tuoi contenuti.
Risorse aggiuntive sull'ottimizzazione delle immagini di WordPress
- Come trovare immagini royalty-free per i tuoi post del blog WordPress
- Come creare una galleria di immagini in WordPress (passo dopo passo)
- Come risolvere problemi comuni delle immagini in WordPress (Guida facile)
Se ti è piaciuto questo articolo, iscriviti al nostro Canale YouTube per tutorial video su WordPress. Puoi trovarci anche su Twitter e Facebook.
motto arguto
Il codice dopo "Se hai familiarità con il codice, puoi anche farlo manualmente aggiungendo il seguente codice direttamente al file functions.php del tuo tema." sembra incompleto. Non dovrebbe esserci:
function wpb_redirect_attachment_to_post () {
prima
if ( is_attachment() ) {
?
Supporto WPBeginner
Grazie per averlo notato, dovrebbe essere corretto nell'articolo ora
Amministratore
Jiří Vaněk
Il formato dell'immagine ha un effetto sulla SEO? È jpeg, webp o png? Uso webp per via delle dimensioni, c'è una maggiore possibilità per la SEO che Google preferisca questo tipo di immagine per le sue dimensioni?
Supporto WPBeginner
A meno che non ci venga detto diversamente, non c'è un vantaggio SEO per il formato dell'immagine, sarebbe meglio usare il formato dell'immagine che si adatta meglio all'uso dell'immagine.
Amministratore
Jiří Vaněk
Grazie per la risposta, speravo che Google preferisse un formato immagine personalizzato e anche che preferisse le dimensioni. Danno. Comunque, grazie per la risposta. Uso webp sul Web e continuerò a usarlo.
Patricia
"Nota: la modifica dell'alt tag o della didascalia di un'immagine tramite la Libreria multimediale non la modificherà nei post e nelle pagine in cui l'immagine è già utilizzata."
Se questo è il caso, come posso modificare gli alt tag delle immagini già in uso?
Joe Staiano
Va bene modificare tutte queste foto nella mia Libreria multimediale della Bacheca di WP se il sito web e le singole pagine sono già pubblicati e attivi? Devo eliminare ogni foto e ricaricare una versione copiata della foto che ha i corretti Alt Tag, Titolo, Descrizione?
Supporto WPBeginner
Se hai apportato modifiche alla libreria multimediale ai tag delle immagini, dovresti riaggiungere le immagini affinché le informazioni siano quelle che hai modificato per i media già presenti sul tuo sito.
Amministratore
Nelda Schulte
Ottima spiegazione. Stavo cercando questo tipo di informazione da giorni, la tua è la migliore che ho trovato. Grazie!
Supporto WPBeginner
Prego
Amministratore
Philbeaux
La descrizione di un'immagine allegata ha qualche effetto sull'ottimizzazione SEO di una pagina?
Supporto WPBeginner
Al momento non ha un impatto SEO significativo.
Amministratore
Favian
R: dimensione immagine – Ho caricato immagini 1200x1200px @circa <1mb. Ha senso ridurre la dimensione del file direttamente in WP (ad esempio, inserire immagini non in 'dimensione completa' ma piuttosto in 'grande', 'medio', ecc.)? O devo occuparmi della dimensione dell'immagine quando carico direttamente le immagini dal mio disco rigido? Grazie
Supporto WPBeginner
A quel punto, diventa più una questione di preferenza personale, ma noi preferiamo ottimizzare e ridimensionare le immagini prima di caricarle su un sito WordPress, se è questo che intendi.
Amministratore
Ahmed
Grazie per questo buon post.
Supporto WPBeginner
Prego, siamo lieti che ti sia piaciuto il nostro post
Amministratore
sanjay sajeev
Ciao,
Grazie per aver condiviso i suggerimenti sull'ottimizzazione delle immagini. La mia preoccupazione è diversa. Ad esempio, ho pubblicato un post sul blog includendo un'immagine. Più tardi, voglio rimuovere quell'immagine dal post e aggiungerne una nuova. Se la rimuovo e aggiungo una nuova immagine. Ciò influenzerà la SEO del mio sito?
Supporto WPBeginner
Non dovrebbe causare un cambiamento significativo nel ranking per la SEO del tuo sito se cambi l'immagine.
Amministratore
Jad
E il campo Descrizione?!
Supporto WPBeginner
Quel campo serve per visualizzare testo nella pagina di allegato dell'immagine o sotto l'immagine a seconda del design del tuo tema, piuttosto che qualcosa di importante per la SEO al momento.
Amministratore
Denisse
Ciao! Grazie mille per queste informazioni. Stavo cercando un post come questo da un po' di tempo.
Le foto di me che vanno nella sezione "Informazioni su di me" del mio blog, hanno ancora bisogno di metadati?
Supporto WPBeginner
Raccomandiamo di aggiungere metadati anche a quelle immagini.
Amministratore
denisse
Apprezzo la tua rapida risposta.
Avinash
Ciao,
Grazie per il fantastico articolo.
Ci sono linee guida specifiche per aggiungere testo alternativo all'immagine di copertina del blog?
Supporto WPBeginner
Dovresti seguirle allo stesso modo in cui faresti per altre immagini; quando selezioni l'immagine, dovresti avere l'opzione di modificare i tag con l'uploader multimediale.
Amministratore
Tom
Ciao:
Ottimo articolo!!!
Ho una domanda, hai detto: “Modificare il tag alt o la didascalia di un'immagine tramite la Libreria multimediale non la cambierà nei post e nelle pagine in cui l'immagine è già utilizzata.”
Ciò significa che devo reinserire l'immagine dopo aver aggiunto il tag alt nella Libreria multimediale?
Grazie
Supporto WPBeginner
Dopo averla impostata nella libreria multimediale, una volta che tenti di aggiungerla a un post, dovrebbe importare i tag che hai impostato nella libreria multimediale.
Amministratore
ivykaye
Grazie
Supporto WPBeginner
Prego
Amministratore
Franci Hoffman
Questo è molto utile, Syed, specialmente la tua spiegazione su “Come aggiungere testo alternativo, titolo e didascalia alle immagini in WordPress”.
Grazie.
Supporto WPBeginner
Siamo lieti che il nostro articolo sia stato utile
Amministratore
Rob
Faccio SEO da prima che esistesse Google. Sono venuto a leggere questo solo per divertimento e perché mi fido di WP beginner.
Ho imparato qualcosa.
Non avevo idea che il tag alt venisse utilizzato nella ricerca immagini di Google per descrivere l'immagine.
Supporto WPBeginner
Siamo lieti che il nostro articolo abbia potuto insegnare qualcosa di nuovo
Amministratore
Linda
A causa dei vincoli di tempo e dell'enorme quantità di foto che mi viene chiesto di pubblicare su oltre 5 siti web che gestisco per la mia organizzazione, spesso trascurò i metadati e me ne pento in seguito. Questo è un articolo molto importante e un grande incentivo per tutti noi a organizzare le nostre librerie multimediali fin dall'inizio e a disciplinarci con ogni immagine aggiunta per fornire queste informazioni. (Per non parlare dei nostri post e pagine!)
Grazie.
Supporto WPBeginner
Grazie per il feedback sul nostro articolo e sull'importanza dei metadati
Amministratore
John Monyjok Maluth
Wow! Ancora un ottimo articolo. Ne ho bisogno per migliorare le mie immagini. Sì, uso Yoast SEO, ma non ho mai pensato di usarlo per migliorare le immagini sul mio sito, specialmente disattivando le “pagine allegati”.
Grazie per avermi aiutato a trovare i migliori consigli su WordPress quando ne ho bisogno. Mi hai insegnato molte cose.
John Shalom
Supporto WPBeginner
Siamo lieti che il nostro articolo sia stato utile
Amministratore
Nur Salam
Dovrei usare i file originali delle foto stock. Poiché le immagini sono ad alta risoluzione e dimensione. E gtmetrics ha suggerito di utilizzare foto ottimizzate...
Supporto WPBeginner
A seconda di dove hai ottenuto la foto stock, dovresti controllare il loro accordo di licenza per assicurarti che sia consentito.
Amministratore
Chris
Ricevo regolarmente un messaggio sul mio desktop riguardo al tuo sito. Come posso interromperlo?
Supporto WPBeginner
Se il tuo browser ha accettato automaticamente le nostre notifiche push per qualche motivo, dovresti essere in grado di fare clic destro sulle notifiche per interromperle.
Amministratore