Generatore di OG e Twitter Card — Creatore, verificatore e anteprima di meta tag
Crea i <meta> tag Open Graph e Twitter Card pronti da incollare partendo da un modulo, oppure incolla un <head> esistente per verificare tag mancanti, lunghezza di titolo/descrizione e validità di twitter:card — quindi visualizza l'anteprima in simulazioni fedeli delle card di Twitter/X, Facebook, LinkedIn e Discord.
🔒 Elaborato interamente nel tuo browser: nulla di ciò che inserisci qui verrà mai caricato.
Risultato
I meta tag Open Graph e Twitter Card decidono l'aspetto di un link nell'istante in cui viene incollato su Slack, iMessage, in un tweet o su un canale Discord — un titolo, una descrizione e un'immagine scelti dall'<head> della pagina, non da ciò che la piattaforma riesce a estrarre dal testo visibile. Questo strumento è sia un creatore che un verificatore, non un riempitore di modelli generico. In modalità CREA, inserisci un titolo, una descrizione, l'URL dell'immagine, l'URL canonico, il tipo di contenuto e il tipo di Twitter Card, e lo strumento compone il blocco esatto di tag <meta property="og:..."> e <meta name="twitter:..."> pronto da incollare nell'<head> della tua pagina, saltando ogni campo lasciato vuoto invece di emettere tag vuoti con contenuto assente.
In modalità VERIFICA, incolla il markup del tuo <head> esistente o l'intero HTML di una pagina e lo strumento lo analizza con il DOMParser nativo del browser per estrarre ogni meta tag og: e twitter: già presente, quindi esegue i controlli che contano davvero: i quattro tag comunemente richiesti (og:title, og:description, og:image, og:url) vengono segnalati se mancanti; og:title viene misurato rispetto al punto di circa 60 caratteri dove alcune piattaforme iniziano a troncarlo e al punto di circa 90 caratteri dove la maggior parte lo farà; og:description viene misurato rispetto all'intervallo di circa 155-200 caratteri che la maggior parte delle piattaforme consente prima di tagliarlo; twitter:card viene verificato rispetto ai quattro valori reali accettati dal validatore di Twitter Card — summary, summary_large_image, app, player — e segnalato se diverso; e i tag duplicati (la stessa proprietà dichiarata due volte, un errore di copia-incolla sorprendentemente comune) vengono indicati per nome.
Le dimensioni dell'immagine ricevono un trattamento onesto: questo strumento non può verificare la dimensione effettiva in pixel della tua immagine senza recuperarla, e per scelta non lo fa mai, in linea con la politica di nessuna richiesta esterna di questo sito. Se il tuo HTML dichiara già og:image:width e og:image:height, quei numeri dichiarati vengono controllati rispetto al minimo ampiamente raccomandato di 1200×630; in caso contrario, ricevi una chiara nota informativa invece di un superamento o fallimento fittizio. Entrambe le modalità mostrano le stesse quattro simulazioni di anteprima — Twitter/X (che passa dal layout compatto con miniatura "summary" al layout a larghezza piena "summary_large_image" in base al valore di twitter:card), Facebook, LinkedIn e Discord — ciascuna riprodotta fedelmente per aderire alle convenzioni tipografiche e di layout della piattaforma reale, anziché una sola casella con un logo diverso, e ciascuna è chiaramente contrassegnata come approssimazione illustrativa a scopo di pianificazione, poiché le piattaforme reali modificano la veste grafica delle anteprime nel tempo e questo strumento non le recupera né le analizza mai per verificarle.