Generatore di Meta Tag
Genera meta tag Open Graph, Twitter Card e SEO con anteprima Google, Facebook, Twitter e LinkedIn live.
Informazioni su questo strumento
Meta Tag Generator costruisce i metadati a livello di head che motori di ricerca e social network leggono dalla pagina. Si compilano titolo della pagina, descrizione, URL canonico, lingua, direttive robots, campi Open Graph (immagine, tipo, locale, nome del sito) e variante Twitter Card — lo strumento emette un blocco di tag HTML <meta> pronto da incollare con tutto correttamente escapato. Un'anteprima dal vivo mostra come appare il risultato nelle anteprime di Google, Facebook, Twitter/X e LinkedIn così da poter affinare il copy prima del deploy.
Lo strumento segue le specifiche correnti: protocollo Open Graph (lo standard de facto per le anteprime Facebook/LinkedIn/iMessage), Twitter Cards (summary, summary_large_image, player, app), marcatori oEmbed per contenuti embeddabili e i tag SEO principali (title, description, canonical, robots). Per i siti multilingua genera anche tag hreflang con URL alternativi da una semplice tabella lingua → URL.
Quando usare questo strumento
- Verifica SEO pre-lancio. Verificare che ogni pagina abbia titolo e descrizione unici entro i loro budget di lunghezza (circa 60 / 155 caratteri rispettivamente).
- Affinamento delle anteprime social. La stessa pagina può avere copy OG e Twitter diversi se si vuole ottimizzare per piattaforma.
- Dimensionamento dell'immagine Open Graph. Il previewer segnala immagini che escono dal rapporto consigliato 1200×630.
- Siti multilingua. Generare il set
hreflangper ogni versione linguistica di una pagina in un'unica operazione.
Sui budget di lunghezza
Google tronca i titoli intorno ai 60 caratteri e le descrizioni intorno ai 155 — sono linee guida basate sull'osservazione, non contratti. Mobile taglia prima rispetto a desktop. I titoli Open Graph vengono visualizzati fino a circa 88 caratteri nella maggior parte delle app; le descrizioni fino a circa 200. Il previewer avvisa quando si supera ciascun limite così da non ritrovarsi un infelice "..." in produzione. Testare sulle piattaforme reali (Facebook Sharing Debugger, Twitter Card Validator) prima del deploy.Domande frequenti
Devo avere sia i tag Open Graph sia i Twitter Card?
Che dimensione dovrebbe avere la mia immagine Open Graph?
summary_large_image) e Discord. Il minimo è 600×315; al di sotto, l'immagine viene mostrata come piccola thumbnail o non viene mostrata affatto. Mantenere i contenuti critici all'interno dell'area di sicurezza centrale 1200×600 — Facebook ritaglia i bordi superiore e inferiore in alcuni contesti.
L'URL canonico è davvero importante?
<link rel="canonical"> incanala tutti i segnali verso un singolo URL.
Come funzionano i tag hreflang?
<link rel="alternate" hreflang="...">, più un x-default per il fallback. I codici sono lingua ISO 639-1 (en, de, uk) opzionalmente seguiti da una regione ISO 3166-1 (en-US, en-GB). Tutte le pagine di una famiglia linguistica devono riferirsi reciprocamente — Google ignora hreflang unilaterali.