Immagini Open Graph per Social Media e SEO: Guida Completa 2027

Immagini Open Graph per Social Media & SEO: Guida Completa 2027

Aggiornato per il 2027. Le immagini Open Graph sono le anteprime che Facebook, LinkedIn, WhatsApp, Slack, Twitter/X e Discord mostrano quando qualcuno condivide il tuo link. Se le imposti correttamente, il tuo CTR sui social raddoppia; se le sbagli, i tuoi contenuti appaiono rotti in ogni feed. Questa guida copre le specifiche Open Graph 2027, le dimensioni delle immagini, la logica di fallback e come generare automaticamente le immagini OG per ogni articolo su WordPress.


AGGIORNATO — APRILE 2026

Questo articolo è stato originariamente pubblicato in precedenza ed è stato aggiornato per il 2026 — aggiornato per i motori di ricerca AI (ChatGPT, Claude, Perplexity), i segnali di ranking attuali di Google e le best practice moderne per WordPress. I consigli originali restano validi; abbiamo aggiunto le novità.

Le Social Media Card sono spesso trascurate dai Community Manager ed è un errore terribile: hanno l’enorme potere di raddoppiare o triplicare il tuo traffico e le condivisioni sui social media.

I tweet con link a immagini ottengono il doppio del tasso di engagement rispetto a quelli senza, e queste cifre sono ancora migliori per Facebook secondo Buffer.

Aggiungere immagini ai tuoi post sui social media non è l’unica cosa che puoi fare per migliorare il tuo engagement.

Il protocollo Open Graph può aiutarti a creare bellissimi link condivisibili per Twitter, LinkedIn o Facebook.

In questo articolo ti spiego tutto quello che devi sapere sui tag Open Graph per creare card di anteprima personalizzate per i social media e aumentare la visibilità dei tuoi post.

🖼️

Illustrazione — fai riferimento al testo per i dettagli

Nota che il nostro Image SEO Optimizer per WordPress ti offre la possibilità di creare template personalizzati e accattivanti per le Social Media Card. Come in questa immagine.

Cos’è una Social Media Card?

Le Social Card vengono usate sui Social Media per dare un’anteprima della tua pagina quando tu o qualcun altro condivide i tuoi contenuti. Si basano sul protocollo Open Graph.

Le social media card tradizionali appaiono così su Twitter

🖼️

Illustrazione — fai riferimento al testo per i dettagli

E appaiono così su LinkedIn

🖼️

Illustrazione — fai riferimento al testo per i dettagli

Sono quindi così importanti per l’engagement sui Social Media perché possono rendere i tuoi post più attraenti. Questo è fondamentale perché i Social Media restano uno dei modi migliori per vendere qualcosa online.

🖼️

Illustrazione — fai riferimento al testo per i dettagli

Tutto quello che devi sapere sul Protocollo Open Graph

I meta tag Open Graph gestiscono come appaiono gli URL sui social media quando vengono condivisi. 

Fanno parte del protocollo Open Graph di Facebook e compaiono anche su LinkedIn e Twitter.

Puoi trovarli nella sezione <head> di una pagina web. 

Il contenuto mostrato nella Card deve essere marcato con i tag Open Graph per aiutare i crawler dei Social Media a capire rapidamente di cosa parla la tua pagina.

og:title

Il titolo viene definito in questo modo, un po’ come un tradizionale meta title tag nel tuo codice. Per tua informazione, Facebook in realtà usa il meta title come og:title se non trova il tag og:title sulla tua pagina.

Ricorda che il testo mostrato nei feed di Facebook è in grassetto e molto accattivante. Deve essere coinvolgente, proprio come un buon titolo di un post.

Il numero di caratteri non è limitato, ma è meglio restare tra 60 e 90. Qualsiasi testo più lungo verrà tagliato a 88!

og:url

Puoi usarlo per impostare l’URL canonico della pagina che stai condividendo. Questo significa semplicemente che designi una pagina verso cui andranno tutte le tue condivisioni. Non è possibile visualizzare l’URL che hai fornito nel newsfeed di Facebook, solo il dominio è visibile.

og:type

Descrive il tipo di materiale che stai condividendo: articolo di blog, video, immagine, ecc. La lista delle possibilità è lunga.

og:description

Questo tag descrive i tuoi contenuti in modo simile al meta description tag in HTML. og:description non è rilevante per la SEO, quindi non cercare di inserire le tue keyword a forza.

Tuttavia, è fondamentale renderla coinvolgente perché vuoi che le persone ci clicchino sopra.

Il numero di caratteri non è limitato, ma si consiglia di usare circa 200 lettere.

og:image

Per molti marketer, questo è il tag Open Graph più potente, perché un’immagine fa sempre risaltare i contenuti. Ti permette di scegliere una miniatura specifica da mostrare ogni volta che la tua pagina viene condivisa. I tassi di conversione possono migliorare notevolmente con questo approccio.

Assicurati di scegliere l’og:image appropriata. Altrimenti Facebook potrebbe mostrare una pubblicità indesiderata trovata nella pagina, o niente del tutto (il che è terribile).

Si raccomanda generalmente che un’immagine OG abbia una risoluzione di 1200×627 pixel (1.91:1)

Tag og:image avanzati

È anche possibile arricchire i tag og:image con attributi come og:image:width, og:image:height o og:image:alt.

Marcare le tue pagine con i tag Open Graph può richiedere molto tempo. Per fortuna, quasi tutti i plugin SEO, come SEOPress, arricchiscono automaticamente i meta della tua pagina con i tag OG.

Se vuoi imparare a scrivere correttamente gli attributi OG, Facebook ha pubblicato un’eccellente guida ‘To sharing for webmasters‘ sull’argomento.

Il Protocollo Open Graph ha avuto così tanto successo che tutti gli altri Social Media hanno iniziato ad usarlo.

Twitter Card

Il markup delle Twitter Card si basa sullo stesso schema e funziona in modo simile. Devi aggiungerlo ai tuoi documenti HTML per descrivere i tuoi contenuti e riprendere il controllo sugli snippet mostrati su Twitter quando uno dei tuoi URL viene condiviso.

Per default, sono disponibili 4 template di Twitter Card:

  1. La Summary Card;
  2. La Summary Card con immagine grande;
  3. La App Card;
  4. La Player Card;

Ultimo ma non meno importante, il Protocollo Open Graph funziona allo stesso modo anche su LinkedIn.

Rich Pin per Pinterest

Pinterest usa anch’esso il Protocollo Open Graph per definire i suoi rich pin. Ci sono 3 tipi di Rich Pin:

  1. Article Pin;
  2. Product Pin;
  3. Recipe Pin;

Funziona in modo molto simile a Facebook, Twitter e LinkedIn.

Rich Pin per WordPress

Per quanto ne so, il nostro plugin WordPress è l’unico che permette agli utenti WordPress di aggiungere campi per gli attributi delle immagini per Pinterest. La funzionalità è completamente gratuita e non richiede alcun credito. Puoi accedervi dalla sezione media.

Image SEO Rich Pin Settings

Perché ottimizzare i tag Open Graph dovrebbe essere nella mente di ogni social media marketer?

In sintesi: perché avere un’immagine accattivante cattura l’attenzione. E avere un titolo e una descrizione eccellenti invoglia gli utenti dei social media a cliccare sul tuo snippet.

Le pagine ottimizzate con le Twitter Card ottengono più clic, like e retweet.
Le pagine ottimizzate con le Facebook Card ottengono più clic, like e condivisioni.
Le pagine ottimizzate con i Rich Pin ottengono più clic, like e condivisioni.
Et cetera, et cetera, et cetera.

Le social card sono anche una parte importante del tuo branding visivo, e ogni sito web dovrebbe averle. È un modo straordinario per rendere popolari i contenuti del tuo blog e connetterti con la tua community.

Oltre a darti più leva per coinvolgere i tuoi follower, le social media card sono anche una componente visiva dei tuoi prodotti stessi.

È un fatto ben noto che i tweet con allegati visivi ottengono più visibilità del tweet medio: ottimizzare le tue card rafforzerà questa dinamica.

Le Social Media Card e i tag Open Graph sono rilevanti per la SEO?

Gli studi dimostrano che esiste un legame tra le condivisioni sui social media e un posizionamento più alto nei motori di ricerca. Tuttavia, molti esperti SEO sostengono che il ranking non è direttamente influenzato dall’engagement sui social media.

È sempre complicato determinare chi ha torto e chi ha ragione tra gli specialisti SEO.

Alla fine, Matt Cutts, ex dipendente di Google, ha chiuso la questione in un video (link sotto).

Matt Cutts Google
Guarda il video completo Are pages from Social Media Sites ranked differently?

“Facebook and Twitter pages are treated like any other pages in our web index. And so, if something occurs on Twitter or occurs on Facebook and we’re able to crawl it, then we can return that in our search results. But as far as doing special specific work to sort of say, oh, you have these many followers on Twitter or this many likes on Facebook, to the best of my knowledge, we don’t currently have any signals like that in our web search ranking algorithms.

Quindi fine della storia, giusto? Non esattamente…

In primo luogo, uno studio di cognitive SEO ha dimostrato che i risultati meglio posizionati avevano più segnali sociali.

In secondo luogo, le Linee Guida per Webmaster di Bing confermano che l’Autorità sui Social Media ha un impatto sui Risultati di Ricerca. Quindi almeno per quanto riguarda Bing, le condivisioni sociali giocano sicuramente un ruolo nella SEO.

Infine, più follower hai, più è probabile che i tuoi contenuti vengano condivisi: quando ti rivolgi a un mercato B2B, Twitter è, ad esempio, un modo eccellente per ottenere backlink…!

Social Media = Maggiore Visibilità = Più Link

Quindi sì, i Social Media hanno in qualche modo un impatto su come i siti web si posizionano nei motori di ricerca ed è per questo che devi prestare attenzione ai tuoi tag OG.

Come creare Social Media Card straordinarie?

Se sei all’antica puoi leggere questo tutorial e crearle con il tuo editor HTML preferito. Ma che spreco di tempo…!

La maggior parte dei plugin SEO ha una funzionalità per aggiungere automaticamente i tag OG alle pagine del tuo sito. Ma non puoi davvero personalizzarli…!

Plugin Open Graph per WordPress

Ugly social card
Questa social card avrebbe bisogno di un restyling!

Ecco perché abbiamo integrato nel nostro plugin un Social Media Cards Optimizer. Abbiamo pensato che sarebbe stato un modo eccellente per portare più traffico social al tuo sito con og:image accattivanti dalla tua Libreria WordPress.

Og tags
Preferirei cliccare su questa anteprima…!

Il plugin è facile da usare e ti aiuterà a creare automaticamente asset di social media marketing seri.

1. Definisci se vuoi generare og:image per le tue pagine e/o i tuoi post

Og tags optimizer settings

2. Crea un template og:image perfetto per aumentare i tuoi lead dai social media.

Og text
Og look

3. Prendi i popcorn e guarda il tuo traffico social crescere

Alla fine, potresti voler ottimizzare anche i tuoi vecchi articoli. È molto facile. Devi solo andare nella pagina dei Post e cliccare su “genera”.

Og page

Non dimenticare di selezionare un’immagine in evidenza nei tuoi post e pagine per un risultato ottimale.

Ed ecco fatto, ora hai belle og:image per Twitter, Facebook e LinkedIn.

Post Scriptum: Su questo argomento, mi piace molto How to avoid the shameful look your site has on Twitter and Facebook di Emmanuel Ohan. Ti consiglio di dargli un’occhiata. È ben scritto e istruttivo!

Our SEO Tool will grow your traffic

Why have you neglected images search engine optimization for so long ?

Try it for free
\n