share Generatore Open Graph e Twitter Card star

Come Funziona

Il protocollo Open Graph fu introdotto da Facebook nel 2010 per permettere a qualsiasi pagina web di descriversi come un ricco oggetto sociale — quale titolo, descrizione, immagine e nome del sito debbano apparire quando qualcuno incolla il link in un feed o in una chat. Questo strumento genera i quattro tag portanti (og:title, og:description, og:image, og:url) più il set twitter: corrispondente, e mostra un'anteprima live della card risultante così vedi esattamente cosa mostreranno Facebook, LinkedIn, WhatsApp o X prima di pubblicare qualsiasi cosa.

Il campo og:type (website, article, product...) non è puramente cosmetico — alcune piattaforme cambiano il comportamento della card in base ad esso: un tipo article può far comparire una riga con autore/data, un tipo product può attivare la visualizzazione del prezzo sulle piattaforme che supportano le estensioni commerciali di Open Graph. Esempio concreto: una pagina di ricetta impostata su og:type=article con un og:image 1200×630 ottiene una card fotografica a larghezza piena su X (tramite twitter:card=summary_large_image) e un'anteprima corrispondente su WhatsApp — se impostato male o se og:image viene omesso, la maggior parte delle piattaforme ripiega sull'indovinare, di solito scegliendo la prima immagine della pagina o nessuna immagine affatto.

Oltre ai quattro tag principali, alcuni campi opzionali rifiniscono il risultato: og:site_name mostra il tuo brand accanto al titolo su alcune piattaforme, og:locale imposta la lingua/regione (en_US, it_IT) così i siti multilingue mostrano la variante corretta, e twitter:site attribuisce la card a un account su X. Il valore twitter:card ha una terza opzione oltre a summary e summary_large_image — player — per incorporare video o audio direttamente nel timeline, anche se richiede un markup specifico aggiuntivo che questo generatore non copre. Anche la durata della cache varia da piattaforma a piattaforma: alcuni debugger si aggiornano entro un giorno da una nuova scansione, mentre altre piattaforme possono trattenere un'anteprima obsoleta per una settimana o più poiché fanno cache per link e non per scansione — motivo per cui forzare una nuova scansione col debugger è spesso l'unica soluzione rapida.

Cose da Sapere

• 1200×630px (rapporto 1,91:1) è la dimensione immagine universale sicura su tutte le piattaforme; mantieni il file sotto circa 1MB perché si carichi in modo affidabile, e usa sempre un URL assoluto (https://...) — i percorsi relativi falliscono silenziosamente.
• La cache è il reclamo più comune: una volta che una piattaforma ha scansionato un URL, può continuare a mostrare il vecchio titolo o la vecchia immagine per giorni anche dopo aver corretto i tag. Lo Sharing Debugger di Facebook, il Post Inspector di LinkedIn e strumenti simili forzano una nuova scansione.
• X ricade per lo più sui valori Open Graph per titolo, descrizione e immagine, ma twitter:card è un'impostazione a sé (summary contro il formato a larghezza piena summary_large_image) e non viene dedotta automaticamente — impostala esplicitamente.
• Nessun tag non significa nessuna anteprima — la piattaforma indovina da qualsiasi cosa trovi sulla pagina, e quell'ipotesi è raramente lusinghiera.
• og:url dovrebbe puntare alla versione canonica della pagina — puntarlo a un URL con parametri di tracciamento o a una destinazione di redirect divide il segnale di condivisione tra due indirizzi diversi invece di consolidarlo su uno solo.
• Testa su più di una piattaforma prima di pubblicare: Facebook, LinkedIn e X interpretano Open Graph in modo leggermente diverso, e una card che appare corretta su una può tagliare l'immagine o omettere la descrizione su un'altra.