Generatore di tag Open Graph e social card

Come usare il generatore Open Graph

1. Inserisci il Titolo e la Descrizione che vuoi far vedere quando il tuo link viene condiviso. Possono essere diversi dal titolo SEO: scrivili pensando a un feed social.
2. Aggiungi l’URL della pagina (l’indirizzo canonico) e l’URL dell’immagine. Entrambi devono essere assoluti e iniziare con https://.
3. Descrivi l’immagine in Descrizione dell’immagine (testo alternativo) perché chi usa uno screen reader sappia cosa mostra.
4. Scegli o trascina la stessa immagine in Immagine di anteprima. Resta sul tuo dispositivo: lo strumento la usa solo per disegnare le anteprime e per compilare Larghezza dell’immagine (px) e Altezza dell’immagine (px).
5. Imposta il Nome del sito, il Tipo di contenuto e il Locale (su questa pagina parte da it_IT), poi scegli lo stile della Card di X (Twitter) e, se li hai, gli account X del sito e dell’autore.
6. Controlla le anteprime e l’elenco Controlli, poi usa Copia o Scarica per prendere i tag e incollali dentro la <head> della pagina.

A cosa servono i tag Open Graph

Quando un link viene incollato su Facebook, LinkedIn, X, Slack, Discord, WhatsApp, iMessage e in molte altre app, un crawler scarica la pagina e legge i suoi meta tag Open Graph (og:) per costruire una card: un’immagine, un titolo, una breve descrizione e il dominio. Senza questi tag l’app tira a indovinare, e spesso sceglie un logo, il banner dei cookie o la prima voce del menu.

Le quattro proprietà di base sono og:title, og:type, og:image e og:url. Lo strumento aggiunge anche og:description, og:site_name, og:locale e i dettagli dell’immagine (og:image:width, og:image:height, og:image:alt). Dichiarare le dimensioni dell’immagine permette ad alcune piattaforme di mostrare la card fin dalla prima condivisione, invece di aspettare che l’immagine sia scaricata.

X legge i propri tag twitter:, ma quando mancano ripiega su titolo, descrizione e immagine Open Graph, quindi lo strumento aggiunge solo ciò che serve davvero a X: twitter:card, gli account facoltativi e la descrizione dell’immagine. Così si evita di duplicare ogni valore.

Dimensioni delle immagini che funzionano ovunque

Usa JPEG o PNG, mantieni il file ragionevolmente leggero (ben sotto i 5 MB) ed evita di mettere testo importante vicino ai bordi, perché ogni piattaforma ritaglia in modo leggermente diverso. Le anteprime di questo strumento approssimano questi layout, non sono screenshot.

Dopo la pubblicazione

Le piattaforme social memorizzano le anteprime dei link nella cache, a volte per giorni. Dopo aver modificato i tag, chiedi loro di rileggere la pagina con il Facebook Sharing Debugger o il LinkedIn Post Inspector. La pagina deve essere pubblicamente raggiungibile: i crawler non vedono le pagine dietro un login o su localhost.