Generatore di meta tag e Open Graph con anteprima

I tag dell'<head>, scritti e controllati in un unico posto

Questo generatore di meta tag prepara le righe da inserire nell'<head> di una pagina: titolo, meta description, URL canonico, istruzioni per i crawler, lingua, viewport, colore del browser, favicon e i tag Open Graph, che decidono l'aspetto di un link condiviso. Mentre scrivi si aggiornano quattro anteprime: un risultato di ricerca, una scheda con immagine grande, una scheda compatta e un messaggio che contiene il link.

Il codice viene sottoposto a escape in automatico. Un titolo come Offerte & prezzi: "Top" < 25 € diventa <title>Offerte &amp; prezzi: "Top" &lt; 25 €</title>, e negli attributi content le virgolette diventano ".

Come si usa

1. Compila «Titolo (tag title)» e «Meta description». Sotto ogni campo un contatore mostra il numero di caratteri e una larghezza indicativa in pixel.
2. Inserisci l'«URL canonico», poi imposta «Indicizzazione (robots)» e «Link della pagina (robots)».
3. Se il sito ha più lingue, compila «Versioni in altre lingue»: una riga per versione, per esempio en https://www.example.com/en/.
4. Nella parte dedicata alla condivisione scegli il «Tipo di contenuto», la «Scheda di condivisione» (summary_large_image per un'immagine grande, summary per una miniatura), indirizzo e dimensioni dell'immagine, nome del sito e og:locale (per esempio it_IT o it_CH).
5. Leggi «Punti da controllare», fai clic su «Copia il codice» e incollalo nell'<head> della pagina.

Per partire da una pagina già online, apri «Leggere i tag di una pagina esistente», incolla il codice sorgente e fai clic su «Leggi i tag»: il modulo si compila da solo. Non viene inviato nulla: tutto resta nel tuo browser.

A cosa serve ogni tag

Il title è la riga cliccabile di un risultato di ricerca e il nome della scheda del browser. La meta description è il riassunto che compare sotto. I motori tagliano entrambi in base a una larghezza in pixel, non a un numero fisso di caratteri, e a volte li riscrivono. I riferimenti dello strumento (circa da 50 a 60 caratteri per il titolo, da 150 a 160 per la descrizione) sono ordini di grandezza, non una regola ufficiale. L'esempio predefinito, «Marmellata di fichi fatta in casa: ricetta in 4 passaggi», conta 56 caratteri e la descrizione 154: entrambi rientrano nei riferimenti.

L'URL canonico indica l'indirizzo di riferimento quando la stessa pagina risponde a più indirizzi. Il tag robots con noindex esclude la pagina dai risultati; nofollow chiede di non seguire i suoi link.

I tag Open Graph (og:title, og:description, og:image e altri) vengono letti dai social network e dalle app di messaggistica quando qualcuno incolla un link. Se lasci vuoti titolo e descrizione di condivisione, vengono ripresi quelli della pagina.

Immagine di condivisione e prova dell'anteprima

Un'immagine di 1200 × 630 pixel, in formato 1,91:1, è adatta alle schede grandi. Se inserisci 900 × 473 lo strumento avvisa che può risultare sfocata; con 1080 × 1080 segnala che verrà ritagliata. Lo strumento non scarica mai quell'indirizzo: disegna solo lo spazio dell'immagine. Per vedere un'immagine vera usa «Prova un'immagine del tuo dispositivo»: il file compare nelle anteprime senza lasciare il computer e larghezza e altezza vengono riportate.

Queste anteprime sono modelli generici. Quando la pagina è online, prova il link incollandolo in una chat privata. Le piattaforme spesso conservano la vecchia anteprima per qualche giorno, e alcune offrono uno strumento per aggiornarla.

Domande frequenti

Serve ancora il meta tag keywords?

No. I principali motori di ricerca lo ignorano da anni, per questo lo strumento non lo propone.

Perché il mio titolo appare diverso nei risultati?

I motori possono sostituire un titolo troppo lungo, vago o poco coerente con il contenuto.

Dopo la modifica compare ancora la vecchia anteprima: è normale?

Sì. Le anteprime dei link vengono memorizzate nella cache dalle piattaforme. Verifica che i nuovi tag siano online, poi attendi il passaggio successivo del loro crawler.