I meta tag sono le righe nella sezione head di una pagina che motori di ricerca e social network leggono al posto della pagina stessa. Titolo e descrizione danno forma al tuo snippet su Google; i tag Open Graph e Twitter Card decidono immagine, titolo e testo che compaiono quando il link viene condiviso. Questo generatore li scrive tutti da un unico modulo e mostra il risultato così come apparirà.

Passaggi

1. 1 Inserisci titolo e descrizione della pagina. I contatori mostrano le lunghezze che di solito entrano nei risultati di ricerca — circa 60 e 160 caratteri.
2. 2 Aggiungi l’URL canonico, il nome del sito e un’immagine 1200×630. Scegli tipo di contenuto, locale e layout della card; le tre anteprime si aggiornano mentre scrivi.
3. 3 Copia i tag generati e incollali nella sezione head della tua pagina, sostituendo gli eventuali tag di titolo e descrizione esistenti.

Titolo e descrizione

Il tag title è il titolo blu nei risultati di ricerca e nella scheda del browser. Tienilo sotto i 60 caratteri circa e metti prima le parole distintive; Google tronca in base alla larghezza in pixel, quindi le lettere larghe consumano spazio più in fretta. La descrizione non è un fattore di ranking ma è il tuo annuncio nei risultati: 150–160 caratteri che dicono cosa offre la pagina e perché cliccare. Google può sostituirla con testo preso dalla pagina quando lo ritiene più pertinente.

Open Graph

Facebook, LinkedIn, WhatsApp, Slack e quasi tutte le app di messaggistica leggono og:title, og:description, og:image e og:url per costruire l’anteprima del link. L’immagine dovrebbe essere 1200×630 pixel (1,91:1), sotto gli 8 MB e indicata come URL assoluto. og:type è website per la maggior parte delle pagine e article per gli articoli; og:site_name compare sopra il titolo su alcune reti. Senza questi tag una condivisione può mostrare un’immagine casuale della pagina, o nessuna.

Twitter Card

X usa tag propri ma ricade su Open Graph per tutto ciò che manca, quindi ti servono soprattutto twitter:card per scegliere il layout — summary_large_image per un’immagine a tutta larghezza, summary per una piccola miniatura quadrata — e twitter:site per l’account da citare. Titolo, descrizione e immagine sono ripetuti qui per le reti che leggono solo l’insieme twitter:.

URL canonico e robots

Il link canonico dice ai motori di ricerca quale indirizzo è l’originale quando lo stesso contenuto è raggiungibile a più URL (con e senza parametri, http e https, barra finale). Usa sempre l’URL assoluto completo. Il tag robots di solito non serve — index, follow è il valore predefinito — e vale la pena aggiungerlo solo per tenere una pagina fuori dai risultati con noindex.