Web e marketing

Generatore di Meta Tag

Genera meta tag SEO, Open Graph e Twitter Card per la tua pagina in un unico passaggio. Anteprima dal vivo, pronti da incollare nel tuo <head>.

Titolo della pagina

0/60

Nome del sito

Descrizione

0/160

URL canonico

URL immagine (og:image)

og:type

website article video.movie

twitter:card

summary summary_large_image app player

Handle Twitter

Meta tag generati

Cosa fanno i meta tag

I meta tag stanno nell'<head> dell'HTML e dicono a motori di ricerca e piattaforme social come titolare, descrivere e illustrare la tua pagina quando appare al di fuori del tuo sito. I classici title e meta description controllano lo snippet su Google. I tag Open Graph (la famiglia og:*) controllano le anteprime ricche su Facebook, LinkedIn, WhatsApp, Slack, Discord e la maggior parte delle altre piattaforme — leggono OG di default. I tag Twitter Card fanno lo stesso per X/Twitter. Senza di essi, la piattaforma sceglie quello che riesce a estrarre, che raramente è ciò che vuoi.

Come usare questo generatore

Compila i campi — titolo, descrizione, URL canonico della pagina, un URL assoluto per l'immagine. Scegli un og:type (usa article per i post del blog, website per tutto il resto) e un tipo di Twitter card (summary_large_image è il default migliore per contenuti con immagine in evidenza). Il riquadro di output si aggiorna mentre digiti e mostra i tag esatti da incollare tra i tuoi tag <head>. Usa il pulsante Copia quando sei pronto, poi incolla nel tuo template o CMS.

Valida dopo la pubblicazione

Non fidarti solo di questa anteprima — ogni piattaforma mette in cache la propria versione dei dati. Dopo il deploy, passa l'URL attraverso il Facebook Sharing Debugger (developers.facebook.com/tools/debug), il Twitter / X Card Validator e il LinkedIn Post Inspector. Questi strumenti recuperano la pagina dal vivo, ti mostrano cosa hanno analizzato e ti permettono di forzare un refresh della cache. Valida sempre quando cambi l'immagine OG — le cache possono trattenere la vecchia immagine per giorni.

Domande frequenti

Quanto dovrebbero essere lunghi titolo e descrizione?

Punta a meno di 60 caratteri per il titolo e 150–160 per la descrizione. Google tronca tutto ciò che è più lungo con un'ellissi. Le piattaforme social sono ancora più aggressive — Twitter mostra circa 70 caratteri del titolo in una card. I contatori di caratteri qui sopra diventano rossi quando superi.

Che dimensione dovrebbe avere l'og:image?

1200×630 è la misura ottimale — entra in Facebook, LinkedIn, Slack e nella card summary_large_image di Twitter senza ritagli scomodi. Tienila sotto i ~5 MB e preferisci JPG o PNG. Metti i contenuti più importanti (logo, titolo) al sicuro nei due terzi centrali, dato che alcune piattaforme tagliano i bordi.

Mi serve ancora una meta description per la SEO?

Sì — Google la riscrive spesso dal corpo della pagina quando la tua non corrisponde alla query, ma una descrizione chiara e ben scritta vince comunque più click di quanto non perda, e compare letterale nelle condivisioni social. Trattala come copy pubblicitario: parti dal valore, evita il keyword-stuffing.

Posso omettere i tag Twitter se ho Open Graph?

X/Twitter ricade su Open Graph per la maggior parte dei campi, quindi un singolo tag twitter:card più il tuo markup OG di solito basta. Aggiungere espliciti twitter:title, twitter:description e twitter:image conta solo se vuoi una versione del contenuto diversa per Twitter rispetto al resto.

Qual è la differenza tra i valori di og:type?

Usa article per i post del blog e le notizie; permette a Open Graph di trasportare metadati su autore, sezione e data di pubblicazione. Usa website per landing page, pagine prodotto, pagine marketing — sostanzialmente il default. video.movie, video.episode, book, profile e simili esistono per integrazioni più ricche su piattaforme che le supportano, ma la maggior parte del web social si interessa davvero solo della differenza tra article e website.

Perché la mia anteprima sembra sbagliata su WhatsApp/Slack?

Quasi sempre è la cache. La prima volta che un URL viene condiviso, la piattaforma recupera e memorizza in cache i dati OG; le condivisioni successive mostrano la versione in cache anche dopo che hai sistemato la pagina. Ricondividi l'URL tramite il debugger di Facebook, che forza un refresh che si propaga a Messenger, WhatsApp e Instagram. Per Slack, modifica il link aggiungendo ?v=2 per invalidare la loro cache.

Generatore di Meta Tag