Come aggiungere correttamente immagini in WordPress (passo dopo passo)

Trovare l'immagine perfetta per il tuo post di WordPress è una bella sensazione, ma spesso comporta la preoccupazione di rallentare il tuo sito web o danneggiare la tua SEO.

È una preoccupazione valida, poiché l'approccio sbagliato può portare a visitatori frustrati e a classifiche di ricerca inferiori. Sappiamo quanto sia cruciale trovare il giusto equilibrio per un sito di successo.

Attraverso la nostra esperienza nella gestione di migliaia di articoli, abbiamo sviluppato un processo semplice che mantiene le pagine veloci mentre fa lavorare le immagini per la tua SEO. È il metodo su cui facciamo affidamento ogni giorno.

In questa guida, ti illustreremo questi passaggi esatti. Imparerai come aggiungere correttamente le immagini in un modo che aiuti il tuo sito web a crescere.

L'importanza di caricare correttamente le immagini in WordPress

A volte, gli utenti copiano direttamente un'immagine dalla fonte e la incollano nel contenuto del loro sito web. Sfortunatamente, questo può causare problemi come pagine lente, scarsa esperienza utente e scarsa SEO.

Quando aggiungi immagini al tuo sito web WordPress, è importante farlo correttamente. Ciò significa utilizzare il formato del file, il nome del file e il testo alternativo giusti.

Dovresti anche usare nomi di file immagine descrittivi. Ad esempio, invece di caricare un file generico come IMG_9021.jpg, dovresti rinominarlo in qualcosa di descrittivo come ricetta-biscotti-al-cioccolato.jpg prima di caricarlo.

Questo semplice passaggio fornisce ai motori di ricerca un indizio su cosa sia l'immagine, il che può aiutare la tua SEO.

Aggiungere correttamente le immagini significa anche ridimensionare le tue immagini in modo che si carichino velocemente e abbiano un bell'aspetto su tutti i dispositivi. Ad esempio, alcuni formati di immagine come JPEG, sono più compressi di altri. Ciò significa che le immagini JPEG occuperanno meno spazio sul tuo server e richiederanno meno tempo per il caricamento.

Utilizzando questi formati, insieme a un plugin di compressione delle immagini, puoi migliorare l'esperienza utente del tuo sito web.

Il blocco Immagine di WordPress ti consente di aggiungere manualmente informazioni SEO importanti come il testo alternativo a ciascuna immagine. Questo può aumentare il posizionamento del tuo sito web e migliorare l'accessibilità delle tue pagine web per le persone con disabilità.

Detto questo, vediamo come aggiungere correttamente le immagini in WordPress. Tratteremo diversi metodi e puoi utilizzare i collegamenti rapidi qui sotto per saltare alle diverse sezioni del nostro tutorial:

• Come aggiungere immagini nell'editor a blocchi (Gutenberg)
• Come aggiungere immagini nell'editor classico
• Aggiungere immagini nella libreria multimediale di WordPress
• Come ottimizzare un'immagine per la SEO di WordPress
• Bonus: Consenti agli utenti di caricare immagini in WordPress
• Domande frequenti sull'aggiunta di immagini in WordPress

Come aggiungere immagini nell'editor a blocchi (Gutenberg)

Puoi facilmente aggiungere immagini nell'editor a blocchi di WordPress utilizzando il blocco Immagine.

Per prima cosa, devi aprire la pagina/il post esistente o nuovo in cui desideri aggiungere un'immagine.

Una volta lì, fai clic sul pulsante ‘Aggiungi blocco’ (+) nell'angolo in alto a sinistra dello schermo per aprire il menu dei blocchi. Da qui, devi trovare il blocco ‘Immagine’ e aggiungerlo al post o alla pagina.

Una volta fatto ciò, fai clic sul pulsante ‘Libreria multimediale’ per aprire il prompt ‘Seleziona o carica file multimediali’ sullo schermo.

Qui, puoi passare alla scheda ‘Carica file’ se desideri caricare un'immagine dal tuo computer.

Tuttavia, se desideri aggiungere un'immagine dalla Libreria multimediale, puoi farlo anche passando alla scheda ‘Libreria multimediale’.

Nel pannello ‘Dettagli allegato’ sulla destra, puoi aggiungere informazioni importanti. Assicurati di compilare il campo ‘Testo alternativo‘ con una breve descrizione di ciò che mostra l'immagine. Questo è fondamentale per la SEO e per i visitatori che utilizzano screen reader.

Puoi anche aggiungere un ‘Titolo’, che appare quando qualcuno passa il mouse sopra l'immagine, e una ‘Didascalia’, che è una descrizione visibile visualizzata subito sotto l'immagine.

Per maggiori dettagli, potresti voler consultare la nostra guida per principianti su come aggiungere didascalie alle immagini in WordPress.

Successivamente, fai semplicemente clic sul pulsante 'Seleziona' per aggiungere l'immagine alla tua pagina o al tuo post.

Ora che l'hai caricata, puoi personalizzare ulteriormente le dimensioni, le dimensioni, il bordo e lo stile dell'immagine dal pannello del blocco sulla destra.

Per i dettagli, consulta il nostro tutorial su come aggiungere e allineare immagini nell'editor a blocchi di WordPress.

Infine, fai clic sul pulsante 'Aggiorna' o 'Pubblica' per salvare le tue impostazioni.

Ora hai aggiunto correttamente un'immagine nell'editor di Gutenberg.

Come aggiungere immagini nell'editor classico

Se stai ancora utilizzando il vecchio editor classico in WordPress, puoi utilizzare questo metodo.

Innanzitutto, devi visitare la pagina o il post in cui desideri aggiungere l'immagine dalla dashboard di WordPress. Una volta lì, fai semplicemente clic sul pulsante 'Aggiungi media' per aprire la Libreria media.

Dopodiché, puoi passare alla scheda 'Carica file' per caricare un'immagine dal tuo computer.

In alternativa, per aggiungere un'immagine dalla Libreria media, è sufficiente passare alla scheda 'Libreria media'.

Dopo aver aggiunto un'immagine, dovrai aggiungere il testo alternativo e un titolo. Puoi anche aggiungere una descrizione e una didascalia, se lo desideri.

Per ottenere i migliori risultati, utilizza ciascun campo per il suo scopo specifico. Il testo alternativo dovrebbe descrivere chiaramente l'immagine per i motori di ricerca e gli utenti ipovedenti.

La didascalia è una descrizione visibile per i tuoi lettori e il titolo può fornire informazioni aggiuntive quando qualcuno passa il mouse sopra l'immagine su un desktop.

Successivamente, procedi e fai clic sul pulsante 'Inserisci nel post'.

Ora, l'immagine verrà aggiunta al tuo post o alla tua pagina di WordPress.

Da qui, puoi cambiarne l'allineamento utilizzando le icone di allineamento sopra l'immagine. Puoi modificare ulteriormente un'immagine facendo clic sull'icona della matita.

Questo aprirà la finestra di dialogo 'Dettagli immagine' sullo schermo, dove puoi cambiare le dimensioni e aggiungere attributi del titolo dell'immagine, classi CSS, allineamento e altro.

Una volta terminato, fai semplicemente clic sul pulsante 'Aggiorna' per salvare le modifiche apportate.

Dopodiché, fai semplicemente clic sul pulsante 'Pubblica' o 'Aggiorna' per salvare il tuo post.

Aggiungere immagini nella libreria multimediale di WordPress

Un altro metodo consiste nell'caricare prima le immagini direttamente nella tua Libreria multimediale. Questo è un ottimo modo per preparare e organizzare le tue immagini prima di aggiungerle a un post o a una pagina.

Per aggiungere un'immagine dalla Libreria multimediale, devi visitare la pagina Media » Aggiungi nuovo dall'area di amministrazione di WordPress.

Una volta lì, fai clic sul pulsante 'Seleziona file' per caricare un'immagine dal tuo computer. Quindi, fai clic sul link 'Modifica' accanto all'immagine.

Questo ti porterà alla pagina 'Modifica media', dove puoi iniziare cambiando il titolo dell'immagine. Dopodiché, puoi scorrere verso il basso per aggiungere testo alternativo, una didascalia e una descrizione.

Una volta fatto ciò, puoi anche fare clic sul pulsante 'Modifica immagine'.

Questo ti indirizzerà a un'altra pagina, dove puoi ritagliare, ridimensionare, ruotare o capovolgere l'immagine a tuo piacimento. Per istruzioni dettagliate, consulta la nostra guida per principianti su come eseguire modifiche di base alle immagini in WordPress.

Una volta soddisfatto, fai semplicemente clic sul pulsante 'Aggiorna' per salvare le modifiche.

Questo ti riporterà alla pagina 'Modifica media', dove dovrai fare clic nuovamente sul pulsante 'Aggiorna' per memorizzare le tue impostazioni.

Ora hai aggiunto correttamente un'immagine alla Libreria multimediale.

Successivamente, visita il post in cui desideri aggiungere questa immagine dalla barra laterale di amministrazione di WordPress. Una volta lì, fai clic sul pulsante ‘Aggiungi blocco’ (+) per aggiungere un blocco ‘Immagine’ al post.

Successivamente, devi selezionare il pulsante ‘Libreria multimediale’.

Questo aprirà il prompt ‘Seleziona o carica file multimediali’ sullo schermo, dove noterai l'immagine che hai caricato nella libreria multimediale in alto.

Quando lo selezioni, vedrai che il suo titolo, testo alternativo, didascalia e descrizione sono già stati aggiunti dalla pagina della libreria multimediale.

Ora, fai semplicemente clic sul pulsante ‘Seleziona’ per caricare l'immagine nell'editor a blocchi.

Infine, fai clic sul pulsante ‘Pubblica’ o ‘Aggiorna’ per memorizzare le tue impostazioni.

Come ottimizzare un'immagine per la SEO di WordPress

Una volta aggiunta un'immagine a un post/pagina, è anche fondamentale ottimizzarla per i motori di ricerca. Sfortunatamente, WordPress non offre funzionalità SEO avanzate integrate per le immagini.

È qui che entra in gioco All in One SEO per WordPress (AIOSEO).

È il miglior plugin SEO per WordPress sul mercato perché rende super facile ottimizzare i tuoi contenuti, comprese le immagini, per i motori di ricerca.

Su WPBeginner, lo utilizziamo per migliorare i nostri posizionamenti sui motori di ricerca e abbiamo ottenuto ottimi risultati. Per saperne di più sulla nostra esperienza, consulta la nostra recensione di AIOSEO.

Innanzitutto, devi installare e attivare il plugin AIOSEO. Per ulteriori istruzioni, consulta la nostra guida passo passo su come installare un plugin WordPress.

Dopo l'attivazione, dovrai configurare la procedura guidata di configurazione.

Per maggiori dettagli, consulta la nostra guida su come impostare correttamente All in One SEO per WordPress.

Successivamente, vai alla pagina All in One SEO » Aspetto della ricerca dalla barra laterale di amministrazione di WordPress e passa alla scheda 'SEO Immagini'.

Dopodiché, scorri verso il basso e fai clic sul pulsante 'Attiva SEO Immagini' per sbloccare la funzionalità.

Ora sarai in grado di vedere le impostazioni SEO Immagini. Qui noterai diverse schede per il titolo, il testo alternativo, la didascalia, la descrizione e il nome del file.

Configura i titoli automatici delle immagini

Una volta passata alla scheda 'Titolo' nella pagina SEO Immagini, puoi iniziare creando un formato di titolo per le tue immagini utilizzando i tag intelligenti.

Questi tag intelligenti genereranno quindi automaticamente gli attributi del titolo per le tue immagini. Questo è ciò che un visitatore vedrà quando passerà il mouse sopra le tue immagini.

Ad esempio, se desideri che ogni attributo del titolo dell'immagine utilizzi il titolo dell'immagine e il titolo del sito, puoi aggiungere questi tag intelligenti nel campo 'Formato Titolo'.

Ciò significa che un'immagine intitolata 'Biscotti con gocce di cioccolato' su un sito chiamato 'Il mio fantastico blog' otterrebbe automaticamente un attributo del titolo dell'immagine di 'Biscotti con gocce di cioccolato – Il mio fantastico blog'.

Dopodiché, puoi anche abilitare l'opzione 'Rimuovi punteggiatura' se desideri che AIOSEO rimuova automaticamente alcuni caratteri durante la creazione di un titolo immagine dal nome del file.

Ad esempio, se utilizzi trattini quando salvi un file immagine come 'un-esempio-immagine', puoi scegliere l'opzione 'Trattini (-)' nella sezione 'Caratteri da convertire in spazi'.

Una volta fatto ciò, AIOSEO rimuoverà automaticamente questi trattini e li trasformerà in spazi. Questo è utile perché converte automaticamente un nome file come 'un-esempio-immagine.jpg' in un titolo pulito e leggibile come 'un esempio immagine', che è migliore sia per gli utenti che per i motori di ricerca.

Dopodiché, scorri verso il basso fino alla sezione 'Maiuscole/minuscole'.

Da qui, puoi scegliere un'opzione di maiuscole/minuscole per il tuo titolo. Consigliamo di scegliere il formato frase o il formato titolo per rendere i tuoi titoli più leggibili.

Configura Tag Alt Automatici

Dopo aver configurato le impostazioni del titolo, passa alla scheda 'Tag Alt' dall'alto.

Da qui, puoi utilizzare i tag intelligenti accanto all'opzione 'Formato Tag Alt' per generare automaticamente il testo alternativo per tutte le tue immagini.

Successivamente, puoi anche abilitare l'impostazione 'Rimuovi punteggiatura' se desideri che caratteri come trattini (-) o underscore (_) vengano convertiti in spazi.

Allo stesso modo, se ci sono caratteri come numeri o segni più (+) che non vuoi che AIOSEO rimuova durante la creazione del testo alternativo, puoi selezionare le caselle per queste opzioni nella sezione 'Caratteri da escludere dalla rimozione'.

Puoi anche selezionare un formato di maiuscole/minuscole per il tuo testo alternativo.

Configura Didascalie e Descrizioni Automatiche

Per generare didascalie automatiche per le tue immagini, passa alla scheda ‘Didascalie’.

Da qui, assicurati che l'opzione ‘Genera automaticamente didascalia al caricamento’ sia abilitata. Puoi quindi selezionare i tag intelligenti che verranno utilizzati per generare didascalie per le tue immagini.

Successivamente, puoi anche utilizzare la funzione Rimuovi punteggiatura per escludere o includere caratteri nelle didascalie e scegliere una formattazione per esse.

Una volta terminato, devi passare alla scheda ‘Descrizione’ in alto.

Da qui, assicurati che l'opzione ‘Genera automaticamente descrizione al caricamento’ sia abilitata. Devi anche selezionare i tag intelligenti che desideri utilizzare per generare descrizioni automatiche delle immagini.

Successivamente, puoi anche utilizzare la funzione ‘Rimuovi punteggiatura’ per includere/escludere caratteri come underscore, apostrofi o numeri nella descrizione.

Dopo di che, seleziona semplicemente una formattazione per le tue descrizioni delle immagini.

Configura nomi file automatici

Come abbiamo detto in precedenza, consigliamo di dare ai file delle tue immagini nomi ottimizzati per la SEO. Puoi farlo prima di caricare le tue immagini, oppure AIOSEO può farlo automaticamente per te.

Quando passi alla scheda ‘Nome file’, vedrai che AIOSEO fornisce impostazioni predefinite di ‘Rimuovi punteggiatura’ per aiutarti a iniziare.

Tuttavia, se ci sono altri caratteri che desideri che AIOSEO elimini dai nomi file delle tue immagini durante la creazione di titoli o testo alternativo, puoi digitare tali caratteri nella casella ‘Parole da rimuovere’.

Dopo di che, puoi anche selezionare una formattazione per i tuoi nomi file.

Una volta terminato, non dimenticare di fare clic sul pulsante 'Salva modifiche' per memorizzare le tue impostazioni.

Ora hai ottimizzato con successo le tue immagini per la SEO e AIOSEO genererà automaticamente titoli, testo alternativo, didascalie e descrizioni per tutte le tue immagini.

Per istruzioni più dettagliate, consulta la nostra guida per principianti su come ottimizzare le immagini per i motori di ricerca.

Bonus: Consenti agli utenti di caricare immagini in WordPress

Potresti anche voler consentire ai tuoi utenti di caricare le proprie immagini sul tuo blog WordPress. Questo può essere utile se stai ospitando un concorso o gestendo un sito web di fotografia che accetta immagini generate dagli utenti.

Per questo, puoi usare WPForms, che è il miglior plugin per moduli di contatto sul mercato. Viene fornito con un costruttore drag-and-drop che rende semplicissimo creare qualsiasi tipo di modulo, incluso un modulo per l'invio di immagini.

Abbiamo utilizzato il plugin per creare moduli di contatto e sondaggi annuali per il nostro sito web, e ci piace come ci permette di visualizzare le voci dei moduli direttamente nella dashboard di WordPress.

Per saperne di più, consulta la nostra recensione di WPForms.

Innanzitutto, dovrai installare e attivare il plugin WPForms. Per i dettagli, consulta le nostre istruzioni su come installare un plugin WordPress.

Dopo l'attivazione, vai alla schermata WPForms » Aggiungi Nuovo dalla dashboard di WordPress per avviare il costruttore di moduli.

Da qui, devi digitare un nome per il tuo modulo e quindi fare clic sul pulsante 'Usa Modello' sotto il modello 'Modulo di Contatto Semplice'.

Questo caricherà il modello nel costruttore di moduli, dove noterai la sua anteprima sulla destra e i campi disponibili nella colonna di sinistra.

Da qui, trascina e rilascia il campo ‘Caricamento file’ sul modulo e fai clic su di esso per personalizzarne ulteriormente le impostazioni.

Puoi cambiare l'etichetta e la descrizione del campo e persino specificare le estensioni consentite.

Ad esempio, se vuoi consentire solo file JPEG e PNG, devi digitare queste opzioni nel campo ‘Estensioni file consentite’. Tieni presente che devi separare ogni estensione con una virgola.

Dopodiché, puoi anche configurare la dimensione massima del file immagine e il numero di caricamenti nella colonna di sinistra.

Per istruzioni più dettagliate, potresti voler consultare il nostro tutorial su come consentire agli utenti di caricare immagini in WordPress.

Una volta terminato, fai clic sul pulsante 'Salva' per memorizzare le tue impostazioni.

Successivamente, apri la pagina/il post in cui desideri aggiungere il modulo di caricamento immagini. Una volta lì, fai clic sul pulsante ‘+’ nell'angolo in alto a sinistra dello schermo per aprire il menu dei blocchi.

Da qui, devi aggiungere il blocco WPForms alla pagina/al post.

Seleziona semplicemente il modulo di caricamento file immagine che hai creato dal menu a discesa.

Infine, fai clic sul pulsante ‘Aggiorna’ o ‘Pubblica’ per salvare le tue impostazioni. Ora puoi visitare il tuo sito WordPress per vedere il modulo in azione e i visitatori potranno inviare le loro immagini utilizzando il modulo.

Domande frequenti sull'aggiunta di immagini in WordPress

Il nostro team di esperti riceve spesso domande sul modo migliore per gestire le immagini. Di seguito sono riportate le risposte ad alcune delle più comuni che sentiamo.

1. Qual è il miglior formato di file immagine per WordPress?

Il formato migliore dipende dall'immagine. I JPEG sono ottimi per le fotografie con molti colori perché bilanciano bene qualità e dimensione del file. I PNG sono perfetti per la grafica che necessita di uno sfondo trasparente, come i loghi. WebP è un formato più recente che offre un'eccellente compressione ma potrebbe non essere supportato da browser molto vecchi. Come regola semplice: usa JPEG per le foto e PNG per i loghi o le immagini che necessitano di trasparenza.

2. Come posso rendere il caricamento delle mie immagini più veloce sul mio sito web?

I due passaggi più importanti sono il ridimensionamento e la compressione delle tue immagini. Ridimensiona sempre le immagini alle dimensioni corrette utilizzando uno strumento di editing prima del caricamento.

Successivamente, utilizza un plugin dedicato alla compressione delle immagini, che ridurrà automaticamente ulteriormente la dimensione del file senza una diminuzione percettibile della qualità, rendendo le tue pagine più veloci da caricare.

3. Qual è la differenza tra il testo alternativo dell'immagine e una didascalia?

Il testo alternativo (alt text) è un attributo HTML che descrive l'immagine per i motori di ricerca e per gli screen reader utilizzati dai visitatori ipovedenti. Non è visibile sulla pagina stessa. Una didascalia è una descrizione che appare direttamente sotto l'immagine affinché tutti i visitatori possano vederla.

4. Posso caricare più immagini su WordPress contemporaneamente?

Sì. Nella Libreria multimediale di WordPress, puoi semplicemente trascinare e rilasciare più file immagine dal tuo computer contemporaneamente. Puoi anche fare clic sul pulsante ‘Seleziona file’ e selezionare diverse immagini da caricare insieme, il che fa risparmiare molto tempo.

5. Come creo una galleria di immagini in WordPress?

WordPress ha un blocco Galleria integrato. Aggiungi semplicemente il blocco al tuo post o alla tua pagina, quindi puoi caricare nuove immagini o selezionare quelle esistenti dalla tua Libreria multimediale.

Questo creerà una galleria bella e organizzata, e puoi personalizzare il numero di colonne direttamente nelle opzioni del blocco.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere correttamente le immagini in WordPress. Potresti anche voler consultare la nostra guida per principianti su come trovare bellissime immagini di sfondo per il tuo sito WordPress e il nostro elenco di ottime fonti di immagini di pubblico dominio e con licenza CC0.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.