Draftcamp

Anteprima Open Graph

Guarda come si presenta un URL quando condiviso e a quale tag ogni piattaforma effettivamente ricorre

Inserisci un URL per vedere la sua card

Recuperiamo la pagina, risolviamo i tag come fa una piattaforma e ti mostriamo la card più ciò che manca.

Cosa legge davvero una piattaforma

Quando incolli un link su Slack, LinkedIn, X o iMessage, la piattaforma recupera la pagina e crea una card dai suoi meta tag. Non esegue mai il tuo JavaScript né vede il tuo CSS: legge solo i tag nell’head e nient’altro.

La catena di fallback

La maggior parte delle piattaforme risolve nello stesso ordine, e questa anteprima lo segue:

  • Title - twitter:title, poi og:title, poi <title>
  • Descrizione - twitter:description, poi og:description, poi la meta description
  • Immagine - twitter:image, poi og:image, poi niente

Ecco perché duplicare ogni tag Open Graph come tag Twitter è spesso inutile. L'unico che vale davvero la pena impostare separatamente è twitter:card, perché decide tra l'immagine grande e la miniatura piccola.

I tre errori che causano la maggior parte delle card rotte

  • Un og:image relativo. Il crawler non ha il contesto della pagina per risolverlo. URL HTTPS assoluto o niente.
  • Un'immagine irraggiungibile. Protetta da autenticazione, bloccata in robots.txt o servita da un host che rifiuta user agent sconosciuti.
  • Caching aggressivo. Hai corretto i tag ma la vecchia card resta per giorni. Facebook Sharing Debugger e LinkedIn Post Inspector forzano una nuova scansione; la cache di X deve solo scadere.

Non è una funzione SEO

Nessuno di questi tag influisce sul posizionamento. Decidono se un link sembra interessante da cliccare quando viene condiviso - e un link che appare come una casella grigia con solo l'URL viene condiviso e cliccato molto meno.

Per scrivere i tag in primo luogo, usa il generatore di meta tag invece.

Domande frequenti

Perché il mio link non mostra immagini quando condiviso?
Quasi sempre perché manca og:image, è un percorso relativo invece che un URL HTTPS assoluto, o punta a qualcosa che la piattaforma non può recuperare - dietro autenticazione, bloccato da robots.txt o troppo grande. Il crawler che recupera la card non ha contesto, quindi i percorsi relativi non funzionano.
Quale dimensione immagine dovrei usare?
1200x630 pixel, sotto i 5MB circa. Le piattaforme ritagliano diversamente, quindi tieni testo e volti lontani dai bordi. Sotto 600x315 la maggior parte delle piattaforme usa una miniatura quadrata piccola indipendentemente dal twitter:card.
Ho aggiornato i tag ma la vecchia card appare ancora.
Le piattaforme fanno caching aggressivo, spesso per giorni. Usa Facebook Sharing Debugger e LinkedIn Post Inspector per forzare un nuovo scraping. X non ha un equivalente pubblico, quindi la cache scade da sola.
Servono i tag twitter: se ho Open Graph?
Per lo più no - X usa Open Graph per titolo, descrizione e immagine. L’eccezione è twitter:card, che decide tra immagine grande e miniatura piccola. Quello cambia molto la card ed è bene impostarlo esplicitamente.
Tutto questo influisce sulla SEO?
Non direttamente. I tag Open Graph non sono fattori di posizionamento. Influenzano se un link condiviso sembra interessante da cliccare, il che incide sul traffico e sui segnali secondari che ne derivano - e un link che appare come una semplice casella grigia in Slack viene condiviso molto meno.