Apri l'editor di WordPress per scrivere un articolo. Clicchi su «Aggiungi blocco» e vedi decine di opzioni. Tra queste c'è «Copertina». Nella barra laterale, in fondo a tutto, è nascosta «Immagine in evidenza». Entrambe riguardano le immagini. Entrambe influenzano l'aspetto dell'articolo. Ma fanno cose completamente diverse.

La confusione tra copertina e immagine in evidenza è una di quelle cose che le guide per principianti non menzionano mai. E invece dovrebbero. La scelta sbagliata rompe il layout della homepage, rovina le anteprime sui social e lascia l'articolo senza un gancio visivo nel corpo del testo. Al contrario, una volta capita la differenza, entrambe le funzionalità lavorano come un sistema unico.

Ecco un'analisi senza fronzoli: cosa fa ciascuna, dove si trova, come aggiungerla e quando usarle entrambe.

💡 Panoramica rapida:

• Capire cos'è una copertina e dove viene visualizzata
• Imparare come funziona l'immagine in evidenza e dove appare
• Confrontare le differenze chiave in una tabella su otto criteri
• Aggiungere una copertina tramite l'editor a blocchi passo dopo passo
• Impostare un'immagine in evidenza e compilare il testo alternativo
• Configurare entrambi i formati per la massima visibilità dell'articolo

Cos'è una copertina in WordPress

Una copertina è un blocco dell'editor Gutenberg che inserisce un'immagine di sfondo a tutta larghezza direttamente nel corpo dell'articolo. Tecnicamente, è il blocco Cover apparso con l'editor a blocchi in WordPress 5.0. Risiede all'interno del contenuto; decidi tu esattamente dove posizionarlo nell'articolo.

La caratteristica principale della copertina è la sovrapposizione di testo. Scrivi un titolo o una frase sopra l'immagine, cambi i colori del testo e dello sfondo e regoli l'opacità della sovrapposizione. Il risultato assomiglia a un richiamo da rivista: un grande elemento visivo con un messaggio sopra. Funziona particolarmente bene negli articoli lunghi, spezzando il testo, dando respiro alla lettura e segnalando il passaggio a un nuovo argomento.

Cos'altro può fare il blocco Cover:

• Sfondo fisso. Si attiva con un interruttore nelle impostazioni del blocco. L'immagine resta ferma durante lo scorrimento, un leggero effetto parallasse senza plugin.
• Video invece di un'immagine. Puoi caricare un file video e verrà riprodotto come sfondo della copertina.
• Sovrapposizione a gradiente. Oltre a un colore solido, è disponibile un gradiente, da trasparente a opaco in qualsiasi direzione.
• Regolazione dell'altezza. L'altezza minima del blocco può essere impostata in pixel, vh o altre unità.

La copertina è visibile solo all'interno dell'articolo. Nella homepage del blog, nei feed di categoria e nei risultati di ricerca non appare. È un elemento di layout interno, non un metadato.

Cos'è un'immagine in evidenza

Un'immagine in evidenza è un campo meta dell'articolo che esiste in WordPress dalla versione 2.9. Non viene inserita nel corpo dell'articolo (anche se il tema potrebbe mostrarla automaticamente all'inizio del post). Il suo compito è rappresentare l'articolo esternamente.

Dove appare l'immagine in evidenza:

• Homepage del blog. Il tema mostra una griglia di articoli e ciascuno presenta una miniatura; quella miniatura è l'immagine in evidenza ridimensionata alla misura richiesta.
• Social network. Quando un articolo viene condiviso su VK, Telegram, X o Facebook, il social network recupera l'immagine in evidenza tramite il markup Open Graph. Senza, ottieni solo un link testuale che gli utenti scorreranno via.
• Google Discover e ricerca. Google potrebbe mostrare una miniatura accanto al risultato e la fonte è ancora l'immagine in evidenza.
• Blocchi interni. Il blocco «Ultimi articoli» e simili recuperano l'immagine da qui.

Il tema controlla le dimensioni; registra un set di formati per le miniature (miniatura, media, grande, più quelli personalizzati) e WordPress genera copie per ogni dimensione durante il caricamento. L'originale resta nella libreria media.

Una sfumatura importante: l'immagine in evidenza non deve necessariamente apparire nel corpo dell'articolo. Puoi caricare un'immagine solo nel campo meta e non apparirà da nessuna parte dentro l'articolo, solo nelle rappresentazioni esterne. Al contrario, un'immagine all'interno del contenuto non diventa automaticamente l'immagine in evidenza.

Tabella delle differenze

Come aggiungere una copertina nell'editor a blocchi

Apri un articolo esistente o creane uno nuovo. Nell'editor Gutenberg, clicca il pulsante «+» (aggiungi blocco) nel punto del testo dove vuoi la copertina. Nella barra di ricerca dei blocchi, digita «Cover»; apparirà l'icona del blocco Cover. Cliccala.

Il blocco verrà inserito nel contenuto con un pulsante «Scegli immagine». Cliccalo e si aprirà la libreria media. Seleziona un'immagine o trascinane una nuova dal tuo computer. Dopo il caricamento, l'immagine si estenderà alla larghezza del contenuto.

Ora configura il blocco tramite il pannello di destra:

• Sovrapposizione. Nel pannello del blocco vedrai l'impostazione «Sovrapposizione», uno strato colorato tra l'immagine e il testo. Di default è grigio con opacità al 50% (vedi la documentazione del blocco Cover). Puoi cambiare il colore, ridurre l'opacità a zero (la sovrapposizione scompare) o sostituirla con un gradiente.
• Testo. Clicca direttamente sul blocco e digita un titolo o un paragrafo. Font, dimensione e colore si regolano con gli strumenti standard.
• Sfondo fisso. L'interruttore «Sfondo fisso» nella barra laterale attiva l'effetto parallasse.
• Altezza minima. Nelle impostazioni del blocco, inserisci un valore in pixel, ad esempio 400px per desktop.

Un metodo alternativo: il blocco Cover non deve essere per forza autonomo. Nell'editor puoi convertire qualsiasi gruppo di blocchi in una copertina selezionandoli e cliccando «Raggruppa» → «Copertina».

Come impostare un'immagine in evidenza

Apri l'editor dell'articolo. Nella barra laterale destra, trova la scheda «Articolo» (la prima icona nella riga superiore). Scorri fino alla sezione «Immagine in evidenza». Se non la vedi, espandi la scheda tramite «Impostazioni» (i puntini verticali nell'angolo in alto a destra → «Impostazioni» → «Articolo»).

Clicca «Imposta immagine in evidenza». Si aprirà la libreria media. Seleziona un'immagine. Dopo la selezione, assicurati di compilare due campi:

• Testo alternativo. Una descrizione breve ma informativa di ciò che c'è nell'immagine. Necessaria per l'accessibilità (screen reader) e la SEO. Non duplicare il titolo dell'articolo; descrivi il contenuto dell'immagine stessa.
• Didascalia. Mostrata sotto l'immagine se il tema lo supporta. Può essere lasciata vuota.

Il pulsante «Fatto» salva la selezione. L'immagine apparirà nella sezione «Immagine in evidenza» con un'anteprima. Per sostituirla, clicca l'anteprima e scegline un'altra.

Importante: non confondere testo alternativo e titolo. Il testo alternativo è per il software; il titolo è un tooltip al passaggio del mouse. Per un'immagine in evidenza, il testo alternativo ha la priorità perché è ciò che i motori di ricerca leggono nell'Open Graph.

Quando usarle entrambe

Lo scenario ottimale per un blog è usare entrambi i formati contemporaneamente ma con immagini diverse.

Lascia che l'immagine in evidenza sia informativa: uno screenshot dell'interfaccia, un diagramma, una foto del risultato. Questa immagine apparirà sui social media e nella ricerca; deve vendere il clic. Niente clipart o foto stock del tipo «persona al laptop».

Posiziona una copertina in uno o due punti all'interno di un articolo lungo come separatore visivo tra sezioni logiche. L'immagine può essere atmosferica o astratta, con una sovrapposizione di testo che cita l'articolo. Non deve portare un peso informativo; il suo compito è mantenere il lettore coinvolto.

Quando una copertina non è necessaria: brevi notizie di due o tre paragrafi. Quando un'immagine in evidenza non è necessaria: quasi mai. Un articolo senza immagine in evidenza perde cliccabilità sui social media e appare incompleto nel feed del blog.

Una nota tecnica: alcuni temi mostrano automaticamente l'immagine in evidenza all'inizio dell'articolo. Se usi un layout del genere, posiziona la copertina non proprio all'inizio ma dopo il primo o il secondo paragrafo per evitare due immagini grandi di fila.

Video: copertina contro immagine in evidenza

Il canale YouTube WebTutorials mostra visivamente il processo di aggiunta di entrambi i tipi di immagine in un vero editor di WordPress, dalla ricerca del blocco alla pubblicazione.

⁉️🤔 Domande frequenti

Posso usare la stessa immagine sia per la copertina che per l'immagine in evidenza?

Tecnicamente sì. Ma il risultato raramente è gradevole. L'immagine in evidenza viene ridimensionata dal tema a proporzioni specifiche (spesso 16:9 o 4:3), mentre la copertina si estende a tutta la larghezza del contenuto con una sovrapposizione. La stessa immagine verrà ritagliata in un punto e perderà la sua composizione nell'altro. È meglio scegliere due immagini diverse.

Cosa conta di più per la SEO: la copertina o l'immagine in evidenza?

L'immagine in evidenza. Finisce nel markup Open Graph, appare in Google Discover e potrebbe comparire accanto allo snippet nella ricerca. La copertina non influisce direttamente sulla SEO ma aiuta indirettamente riducendo la frequenza di rimbalzo; un articolo ben progettato tiene i lettori coinvolti più a lungo.

Perché l'immagine in evidenza non appare sui social media dopo la pubblicazione?

I social network memorizzano nella cache i dati Open Graph. Se hai prima pubblicato l'articolo senza immagine e poi ne hai aggiunta una, Facebook e X mostreranno la vecchia versione. Soluzione: passa l'URL attraverso un validatore Open Graph (Facebook Sharing Debugger, Twitter Card Validator) o semplicemente attendi da 24 a 48 ore.

Posso aggiungere una copertina agli articoli creati prima di Gutenberg?

Sì. L'Editor Classico non mostrava il blocco Cover, ma dopo il passaggio ai blocchi puoi aprire qualsiasi vecchio articolo e verrà convertito in un formato compatibile. Inserisci la copertina come un normale blocco.

Come velocizzo il caricamento della pagina quando uso molte copertine?

Non mettere più di due copertine per articolo. Per ogni immagine, usa un formato moderno (WebP o AVIF). Ottimizza le dimensioni: la larghezza dell'area del contenuto raramente supera i 1200 px, quindi non ha senso caricare un'immagine larga 4000 px. Plugin gratuiti come ShortPixel o EWWW Image Optimizer comprimono le immagini automaticamente al caricamento. Per maggiori informazioni sull'ottimizzazione, vedi la nostra guida alle immagini in WordPress.

Copertina o immagine in evidenza: cosa usare nel tuo articolo

La risposta breve è entrambe. L'immagine in evidenza promuove l'articolo esternamente: homepage, social media, ricerca. La copertina mantiene il lettore coinvolto all'interno: un divisore visivo, una sovrapposizione con una citazione, uno sfondo parallasse. Le funzioni non si sovrappongono; si completano a vicenda.

Se devi sceglierne solo una, scegli sempre l'immagine in evidenza. Un articolo senza di essa è invisibile al mondo esterno. La copertina è un'opzione per chi vuole ottenere il massimo dai contenuti di lunga durata.

Non lesinare sulle immagini. Due immagini significative per articolo non sono un lusso; sono lo standard minimo per un blog WordPress visivamente competente.