Panoramica / Sviluppo e codice / Generatore di meta tag
Sviluppo e codice 100% nel browser e offline

Generatore di meta tag

Crea i tag di titolo, descrizione, canonical, Open Graph e card di Twitter per una pagina e guarda l’anteprima nei motori di ricerca e nei social.

Incolla o scrivi l'input; il risultato appare subito e gli errori sono mostrati sotto. I campi partono con un esempio: clicca e scrivi per sostituirlo.

I tuoi file e dati non lasciano mai il browser: non viene caricato nulla.

Anteprima

Inserisci queste righe nell’<head> della pagina. L’immagine deve essere un URL completo, idealmente di 1200 × 630 pixel. L’anteprima è indicativa; la visualizzazione reale cambia da piattaforma a piattaforma.

Prima che una pagina si posizioni, una persona deve sceglierla da un elenco di risultati o da un link in una chat, e i pochi tag nella testa della pagina decidono che cosa vede. Questo generatore li scrive per te: titolo e descrizione per i motori di ricerca, l’indirizzo canonical e i tag Open Graph e Twitter card che controllano l’aspetto di un link condiviso. Un’anteprima dal vivo mostra entrambi, e i contatori avvisano quando un titolo o una descrizione potrebbero essere troncati.

Crea i tag in tre passi

  1. Compila il titolo della pagina, la descrizione e l’URL della pagina.
  2. Aggiungi l’indirizzo di un’immagine di condivisione e il nome del sito se vuoi un’anteprima ricca, e scegli lo stile della card.
  3. Controlla le due anteprime, poi premi Copia e incolla le righe nella testa della pagina.

Che cosa viene generato

  • I tag title e description che i motori di ricerca mostrano nei risultati.
  • Un link canonical che indica l’indirizzo preferito quando una pagina è raggiungibile da più indirizzi.
  • Tag Open Graph (og:title, og:description, og:image, og:url, og:type) letti da Facebook, LinkedIn, WhatsApp, Slack e altri.
  • Tag Twitter card per un’anteprima grande o piccola su X.
  • Tag facoltativi per robots, colore del tema, charset e viewport.

Lunghezze che funzionano

I motori di ricerca tagliano i titoli intorno ai 60 caratteri e le descrizioni intorno ai 160, anche se il limite reale dipende dalla larghezza in pixel. I contatori segnano il testo che è un po’ corto, di lunghezza adatta o che verrà probabilmente troncato. Un buon titolo nomina prima l’argomento e per ultimo il marchio, e una buona descrizione risponde a ciò che il visitatore troverà nella pagina, con parole semplici e non con un elenco di parole chiave.

Immagini di condivisione e prove

Un’immagine di condivisione di 1200 per 630 pixel funziona su quasi tutte le reti. Usa un indirizzo completo che inizi con https, perché i percorsi relativi non vengono seguiti. Dopo la pubblicazione le reti memorizzano ciò che hanno visto, quindi usa i loro strumenti di debug per aggiornare un link. L’anteprima qui usa il testo che scrivi e non carica la tua immagine, quindi non viene richiesto nulla ad altri server.

Domande frequenti (FAQ)

Circa da 70 a 160 caratteri. Il testo più lungo viene accorciato nei risultati. Scrivi una frase che dica ai visitatori che cosa troveranno nella pagina.