Social e Visibilità

Open Graph e Twitter Cards: Domina le Anteprime Social

Come forzare Facebook, WhatsApp, LinkedIn e X a mostrare l'immagine e il titolo corretti quando qualcuno condivide il tuo link.

Hai appena finito di creare una pagina bellissima. Copi il link, lo incolli su Facebook o in una chat di WhatsApp e... disastro. Non appare nessuna immagine, il titolo è tagliato e la descrizione è inesistente. Chi cliccherebbe mai su un link così anonimo?

Per risolvere questo problema estetico (e vitale per il marketing), devi implementare nel tuo codice sorgente i Tag Open Graph (creati da Facebook) e le Twitter Cards (create da X).

Il codice Open Graph per Facebook, WhatsApp e LinkedIn

Aggiungendo questi meta tag all'interno dell'<head>, comunicherai alle piattaforme esattamente cosa mostrare nell'anteprima:

<meta property="og:type" content="website"> <meta property="og:url" content="https://www.iltuosito.it/"> <meta property="og:title" content="Il Titolo Accattivante Qui"> <meta property="og:description" content="Una breve descrizione del link che invoglia a cliccare."> <meta property="og:image" content="https://www.iltuosito.it/immagine-copertina.jpg">

Il codice Twitter Cards per X

X (ex Twitter) usa un protocollo leggermente diverso. Se vuoi che il tuo tweet abbia una copertina in formato gigante anziché un quadratino piccolo, devi forzare il tag summary_large_image:

<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Il Titolo Accattivante Qui"> <meta name="twitter:description" content="Una breve descrizione del link."> <meta name="twitter:image" content="https://www.iltuosito.it/immagine-copertina.jpg">

Vuoi un codice copia e incolla senza sforzo?

Il nostro Spider è in grado di leggere il titolo e la descrizione SEO della tua pagina e pre-compilare automaticamente i tag Open Graph e Twitter Card per te.

Genera Codici Social Gratis

Domande Frequenti (FAQ)

La dimensione consigliata per coprire tutte le piattaforme senza essere tagliata male è 1200 x 630 pixel. Assicurati inoltre che il file non sia più pesante di 8MB (idealmente sotto 1MB per caricamenti veloci).

Facebook salva in cache (memoria) le anteprime dei link. Per forzargli l'aggiornamento, devi usare lo strumento ufficiale chiamato "Facebook Sharing Debugger", incollare il tuo URL e cliccare su "Esegui di nuovo lo scraping".