Encoders & Utilities

Generatore di Meta Tag

Genera meta tag Open Graph, Twitter Card e SEO con anteprima Google, Facebook, Twitter e LinkedIn live.

Page basics
Open Graph / Facebook
Twitter / X
Copy-paste into your <head>

        

Live preview

Google SERP
Facebook / LinkedIn
Twitter / X
LinkedIn

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 hreflang per 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?

Di solito sì. Twitter ricade su Open Graph se mancano i tag Twitter Card, ma il risultato è spesso subottimale — crop dell'immagine sbagliato, nessun link "Read more". Definire entrambi richiede 30 secondi e produce anteprime coerenti su ogni piattaforma social principale. LinkedIn, iMessage, Discord, Slack, Telegram usano tutti Open Graph; solo Twitter/X usa Twitter Cards.

Che dimensione dovrebbe avere la mia immagine Open Graph?

1200×630 pixel è la dimensione universalmente consigliata — funziona per Facebook, LinkedIn, Twitter (con 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?

Sì, specialmente per qualsiasi pagina raggiungibile tramite più URL (parametri UTM, percorsi A/B, varianti linguistiche, http vs https, www vs apex). Senza un canonical, i motori di ricerca scelgono un canonical da soli — a volte quello sbagliato — e dividono i segnali di ranking tra i duplicati. Un corretto tag <link rel="canonical"> incanala tutti i segnali verso un singolo URL.

Come funzionano i tag hreflang?

Ogni pagina tradotta elenca tutte le altre versioni linguistiche con un tag <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.