Come si usa
- Inserisci il titolo della pagina e una descrizione di una o due frasi.
- Aggiungi l’URL canonical e scegli se i motori di ricerca possono indicizzare la pagina e seguirne i link.
- Inserisci l’immagine Open Graph e gli eventuali campi diversi dal titolo e dalla descrizione, poi scegli un tipo di Twitter Card.
- Copia l’HTML generato o scaricalo e incollalo nell’elemento <head> della pagina.
Come funziona
Il generatore crea solo i tag necessari. Ogni valore viene sottoposto a escape HTML (& < > " e ' diventano entità), così un titolo con virgolette o parentesi angolari non può compromettere il markup.
A cosa serve ogni tag: charset indica al browser la codifica del testo e dovrebbe essere il primo nell’head; viewport imposta il layout della pagina sulla larghezza del dispositivo, per i telefoni; il title compare nelle schede del browser e nei risultati di ricerca; la meta description può essere usata come snippet nei risultati di ricerca, ma non influisce sul posizionamento; il link canonical indica ai motori di ricerca quale URL è la versione principale di una pagina duplicata; robots con noindex esclude una pagina dai risultati di ricerca, mentre nofollow chiede ai crawler di non seguire i link. Un tag robots funziona solo se i crawler possono raggiungere la pagina, quindi non bloccarla anche in robots.txt.
I tag Open Graph (og:…) controllano le anteprime dei link in molte app social e di messaggistica. Se og:title, og:description o og:url sono vuoti, lo strumento riutilizza title, description e URL canonical. Le piattaforme che leggono i tag Twitter Card usano in alternativa i valori Open Graph per titolo, descrizione e immagine, quindi viene generato solo twitter:card.
Esempi
Articolo del blog
Titolo, descrizione, URL canonical, un og:image da 1200×630 e summary_large_image generano circa dieci righe, adatte sia ai risultati di ricerca sia alle anteprime dei link.
Pagina di ringraziamento esclusa dai risultati di ricerca
Deseleziona “Consenti l’indicizzazione” per aggiungere <meta name="robots" content="noindex, follow">. La pagina rimane accessibile ai visitatori, ma non dovrebbe comparire nei risultati di ricerca.
Un titolo con virgolette
Il titolo Ask "Anything" & <Learn> viene scritto come Ask "Anything" & <Learn>, che i browser visualizzano esattamente come inserito.
Domande frequenti
Il tag meta keywords aiuta la SEO?
No. Da molti anni i principali motori di ricerca ignorano le meta keywords ai fini del posizionamento, quindi questo generatore non le include.
Servono sia i tag Open Graph sia quelli Twitter Card?
Di solito, oltre a Open Graph, basta solo twitter:card, perché titolo, descrizione e immagine vengono recuperati dai valori og:.
Dove vanno inseriti questi tag?
All’interno dell’elemento <head> di ogni pagina. Nei framework come Next.js, nei temi WordPress o nei generatori di siti statici, usa le relative impostazioni dei metadati per inserire gli stessi tag.
Ogni pagina dovrebbe avere un tag canonical?
È una buona pratica, soprattutto quando lo stesso contenuto è raggiungibile da più URL (parametri di tracciamento, opzioni di ordinamento, http e https). Una pagina può indicare sé stessa come canonical.
Privacy
I tag vengono generati nel browser. I dati inseriti non vengono caricati né memorizzati.