Generatore Open Graph

1200x630 pixel (rapporto 1.91:1) è la dimensione sicura universale per Facebook, LinkedIn, Twitter summary_large_image e la maggior parte delle altre piattaforme. La dimensione del file dovrebbe essere inferiore a 8 MB (limite di Facebook) — punta a meno di 1 MB per un caricamento veloce. Usa PNG per grafiche con trasparenza, JPEG per le foto. Qualsiasi cosa inferiore a 200x200 pixel potrebbe non essere visualizzata affatto su Facebook. Anche le immagini quadrate (1200x1200) funzionano bene se la tua immagine appare meglio in formato quadrato.

og:type dice alle piattaforme che tipo di contenuto è la tua pagina. website è il predefinito e funziona per le homepage, landing page e la maggior parte delle pagine statiche. article è per i post del blog e le notizie — sblocca tag aggiuntivi come article:author, article:published_time e article:section. product è per gli articoli di e-commerce. Esistono video.movie e music.song per i contenuti multimediali. Usare il tipo corretto può abilitare anteprime più ricche su alcune piattaforme.

Twitter legge gli tag OG come fallback, quindi i tuoi link verranno visualizzati anche senza tag Twitter Card espliciti. Tuttavia, Twitter Card ti offre due extra importanti: (1) il tipo twitter:card — summary_large_image mostra un'immagine a larghezza piena sopra il testo del link, molto più accattivante della piccola anteprima in una scheda riepilogo di base; (2) twitter:site e twitter:creator — il tuo @handle appare sotto la scheda. Per il content marketing, aggiungere tag Twitter Card vale le due righe extra di HTML.

Facebook e LinkedIn memorizzano in cache i dati OG in modo aggressivo. Dopo aver aggiornato l'URL og:image, usa il Facebook Sharing Debugger (developers.facebook.com/tools/debug) per forzare un nuovo scraping — incolla il tuo URL e clicca su "Scrape Again". LinkedIn ha un Post Inspector su linkedin.com/post-inspector. Twitter/X generalmente si aggiorna automaticamente entro poche ore. Cambiare l'URL dell'immagine (ad esempio aggiungendo ?v=2 come cache buster) costringe anche le piattaforme a recuperare la nuova immagine.

og:locale dichiara la lingua e il territorio del tuo contenuto, ad esempio en_US, fr_FR o tr_TR. È opzionale ma utile per siti multilingue — aiuta Facebook a fornire la versione corretta della lingua quando un utente clicca su un link condiviso. Il formato è lingua_TERRITORY con un underscore (non un trattino). og:locale:alternate può elencare ulteriori località supportate. Per i siti in una sola lingua, ometterlo va bene; Facebook usa per impostazione predefinita en_US.

Il Facebook Sharing Debugger (developers.facebook.com/tools/debug) è il più completo — mostra esattamente quali tag sono stati estratti, eventuali avvisi e ti permette di forzare l'aggiornamento della cache. Il LinkedIn Post Inspector (linkedin.com/post-inspector) testa le anteprime di LinkedIn. Il Twitter Card Validator (cards-dev.twitter.com/validator) controlla le schede Twitter. Questi strumenti mostrano i dati effettivamente estratti, non una simulazione, quindi rilevano problemi come URL delle immagini bloccati o tag richiesti mancanti.

No. Tutta la generazione dei tag OG e il rendering dell'anteprima social avvengono nel tuo browser con JavaScript. I titoli delle tue pagine, le descrizioni, gli URL e gli URL delle immagini non lasciano mai il tuo computer.