Generatore di meta tag Open Graph — Strumento Gratuito
Inserisci titolo, descrizione, URL e immagine e ottieni i tag Open Graph, Twitter card e meta standard da incollare nel <head> della tua pagina. Ogni valore viene convertito in entità, i campi vuoti vengono omessi e titoli e descrizioni troppo lunghi sono segnalati prima che una piattaforma li tronchi.
Caratteristiche
- Open Graph, Twitter card, <title> e meta description generati da un unico gruppo di campi
- Ogni valore viene convertito in entità HTML, così un titolo con virgolette, e commerciali o parentesi angolari produce comunque tag validi
- Contatori in tempo reale segnalano un titolo oltre i 60 caratteri o una descrizione oltre i 200: le stesse soglie del nostro verificatore di anteprima link
- I campi vuoti vengono omessi del tutto invece di emettere un attributo content vuoto, che un crawler leggerebbe come una scelta voluta
- Funziona interamente nel browser: nessuna registrazione, nulla caricato, nessuna pagina scaricata
Domande frequenti
Dove vanno questi tag?
Dentro l’elemento <head> della pagina, prima di </head>. L’ordine non interessa a nessun crawler, ma tenere il blocco Open Graph unito rende la manutenzione più semplice. Se usi un CMS o un framework, cerca le sue impostazioni head o SEO invece di modificare il template a mano: molti emettono già alcuni di questi tag, e due og:title in una pagina sono peggio di uno.
Perché dopo averli incollati vedo ancora la vecchia anteprima?
Perché la piattaforma ha messo in cache la card la prima volta che ha visto il link, a volte per giorni. La soluzione è farle rileggere la pagina: Facebook Sharing Debugger, LinkedIn Post Inspector e X Card Validator rileggono su richiesta. Fino ad allora i tag nuovi sono online e invisibili sulla piattaforma.
Servono sia i tag Open Graph sia quelli Twitter?
Non strettamente: X ripiega su Open Graph quando manca un tag twitter:, come la maggior parte dei lettori. Quello che si merita davvero il posto è twitter:card, perché decide se X mostra un’immagine larga o una piccola miniatura quadrata. Questo generatore emette entrambi i set così nulla dipende da un ripiego che non puoi vedere.
Che dimensioni deve avere l’immagine?
1200 × 630 pixel è la scelta sicura: il rapporto 1,91:1 che Facebook, LinkedIn e il summary_large_image di X si aspettano. Servila da un URL https assoluto — un percorso relativo non si risolve per un crawler —, tieni il file sotto i 5 MB circa e allontana il testo dai bordi, perché ogni piattaforma ritaglia in modo leggermente diverso.
Cosa succede a virgolette e caratteri speciali nel titolo?
Vengono convertiti per te. E commerciali, parentesi angolari e virgolette doppie diventano entità prima di entrare in un attributo, così un titolo come Ben & Jerry’s "miglior" gusto produce un tag valido invece di markup rotto. Non è solo ordine: una virgoletta non convertita dentro content chiude l’attributo in anticipo, e tutto ciò che segue diventa markup.
