Generatore di meta tag e Open Graph con anteprima

Due brevi pezzi di testo fanno quasi tutto il lavoro per far cliccare una pagina: il titolo che compare nei risultati di ricerca e la descrizione sotto. Se li scrivi troppo lunghi vengono tagliati a metà frase; se li ometti, il motore di ricerca se ne inventa uno dal contenuto della pagina, di solito male.

I tag Open Graph fanno lo stesso lavoro per i link condivisi nelle app di messaggistica e sui social. Senza di essi un link condiviso è un URL nudo; con essi diventa una scheda con titolo, riassunto e immagine. Questo strumento genera entrambe le serie, più gli equivalenti Twitter Card, e ti mostra il risultato mentre scrivi.

Come si usa questo strumento

Scrivi il titolo. Punta a 30-60 caratteri: il contatore diventa ambra fuori da quell'intervallo, perché oltre i 60 di solito viene troncato.
Scrivi la descrizione. L'intervallo utile è 70-160 caratteri; non influenza direttamente il posizionamento ma pesa moltissimo sul fatto che le persone clicchino.
Aggiungi l'URL canonico. Dice ai motori di ricerca quale versione della pagina è quella buona, e conta parecchio appena inizi a usare i parametri UTM.
Aggiungi un'immagine Open Graph. 1200×630 pixel è la misura standard e i tag danno quella per scontata.
Controlla l'anteprima, poi copia il blocco generato dentro il <head> della tua pagina.

Esempio pratico

Una pagina prodotto

Il titolo Borsa weekend in pelle — fatta a mano a Firenze ha 46 caratteri, quindi resta intero. La descrizione nomina il materiale, l'artigiano e i tempi di consegna in 140 caratteri. L'immagine Open Graph è la foto del prodotto, così il link diventa una scheda quando un cliente lo manda a un amico.

Sistemare un link condiviso che fa brutta figura

Un articolo del blog condiviso in chat mostra solo l'URL. Aggiungere og:title, og:description e un'immagine og:image da 1200×630 lo trasforma in una scheda vera. Quasi tutte le piattaforme tengono la cache a lungo, quindi usa il loro strumento di debug per forzare l'aggiornamento.

Quando serve

Pagine nuove su un sito che non ha meta tag
Landing page costruite per una campagna
Articoli di blog e testi destinati a essere condivisi
Pagine prodotto in cui è la descrizione a portare i clic
Sistemare un link che si vede male nelle app di messaggistica
Aggiungere noindex alle pagine di staging o di ringraziamento

Errori comuni

Lo stesso titolo su ogni pagina — I titoli duplicati su un sito sprecano il segnale on-page più forte che esiste. Ogni pagina ha bisogno del suo.
Riempire il titolo di parole chiave — Si legge male per le persone, e questo abbassa i clic; inoltre i motori di ricerca spesso riscrivono i titoli che giudicano poco utili, e a quel punto perdi del tutto il controllo.
Un'immagine Open Graph della forma sbagliata — Tutto ciò che si allontana molto da 1200×630 viene ritagliato in modo imprevedibile. Tieni i dettagli importanti lontani dai bordi.
Affidarsi al tag meta keywords — Nessun grande motore di ricerca lo usa da ben più di dieci anni. Non fa niente.

Domande frequenti

Quanto deve essere lungo un titolo?

Fra 30 e 60 caratteri. I motori di ricerca misurano la larghezza in pixel più che i caratteri, quindi il punto esatto di taglio varia, ma 60 è un limite di lavoro sicuro. Metti le parole distintive all'inizio, nel caso venga troncato.

La meta description influenza il posizionamento?

Non direttamente. Influenza il tasso di clic di un risultato già posizionato, che vale moltissimo. Scrivila come un testo pubblicitario: di' cosa dà la pagina a chi legge.

Perché il mio link mostra ancora la vecchia immagine?

Le piattaforme social tengono in cache i dati Open Graph a lungo. Usa lo strumento di debug o l'ispettore di condivisione della piattaforma per forzare un nuovo recupero dopo aver cambiato i tag.

Servono sia i tag Open Graph sia i Twitter Card?

X ricade su Open Graph quando i tag Twitter mancano, quindi a rigore puoi ometterli. Includerli entrambi costa qualche riga in più e ti dà controllo esplicito, perciò questo generatore produce entrambi.

Cosa fa il tag canonical?

Indica l'URL autorevole per una pagina. Conta dal momento in cui lo stesso contenuto è raggiungibile a più indirizzi: con e senza barra finale, con parametri UTM, o con parametri di ordinamento e filtro.

Viene spedito qualcosa a un server?

No. Tutto viene generato nella pagina, il che è comodo quando lavori su una pagina non ancora annunciata o sul sito di un cliente che non è ancora online.

Ultimo aggiornamento 2026-09-15