Come si usa
- Inserisci il titolo, la descrizione e l’URL canonico della pagina.
- Lascia attivi Includi Open Graph e Includi Twitter Card per aggiungere i tag social, oppure disattivane uno se non ti serve.
- Seleziona summary_large_image o summary in Twitter card per scegliere il formato dell’anteprima su X.
- Copia il codice generato e incollalo nella sezione head della pagina.
Esempi
Articolo con testi diversi per i social
Input
Cosa vedere a Bologna in un giorno | Passi in Emilia Un itinerario a piedi nel centro di Bologna: Piazza Maggiore, portici e mercati, con tappe e consigli per organizzare la visita in un giorno. https://www.example.it/blog/bologna-un-giorno https://www.example.it/img/bologna.jpg Un giorno a Bologna: il nostro itinerario a piedi Portici, piazze e mercati: scopri le tappe della passeggiata.
Output
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Cosa vedere a Bologna in un giorno | Passi in Emilia</title> <meta name="description" content="Un itinerario a piedi nel centro di Bologna: Piazza Maggiore, portici e mercati, con tappe e consigli per organizzare la visita in un giorno."> <meta name="robots" content="index, follow, max-image-preview:large"> <meta name="author" content="Giulia Bianchi"> <link rel="canonical" href="https://www.example.it/blog/bologna-un-giorno"> <!-- Open Graph --> <meta property="og:type" content="article"> <meta property="og:url" content="https://www.example.it/blog/bologna-un-giorno"> <meta property="og:title" content="Un giorno a Bologna: il nostro itinerario a piedi"> <meta property="og:description" content="Portici, piazze e mercati: scopri le tappe della passeggiata."> <meta property="og:image" content="https://www.example.it/img/bologna.jpg"> <meta property="og:image:alt" content="I portici del centro di Bologna"> <meta property="og:site_name" content="Passi in Emilia"> <meta property="og:locale" content="it_IT"> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@passinemilia"> <meta name="twitter:image:alt" content="I portici del centro di Bologna">
Prodotto con & nel titolo e URL senza https://
Input
Tazza in ceramica blu | Terra & Colore Tazza in ceramica lavorata a mano a Faenza, con smalto blu e capienza di 300 ml. Consulta materiali, cura del prodotto e disponibilità. www.example.it/shop/tazza-blu https://www.example.it/img/tazza-blu.jpg
Output
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Tazza in ceramica blu | Terra & Colore</title> <meta name="description" content="Tazza in ceramica lavorata a mano a Faenza, con smalto blu e capienza di 300 ml. Consulta materiali, cura del prodotto e disponibilità."> <meta name="theme-color" content="#aabbcc"> <link rel="canonical" href="https://www.example.it/shop/tazza-blu"> <!-- Open Graph --> <meta property="og:type" content="product"> <meta property="og:url" content="https://www.example.it/shop/tazza-blu"> <meta property="og:title" content="Tazza in ceramica blu | Terra & Colore"> <meta property="og:description" content="Tazza in ceramica lavorata a mano a Faenza, con smalto blu e capienza di 300 ml. Consulta materiali, cura del prodotto e disponibilità."> <meta property="og:image" content="https://www.example.it/img/tazza-blu.jpg"> <meta property="og:image:alt" content="Tazza blu in ceramica su un tavolo di legno"> <meta property="og:site_name" content="Terra & Colore"> <meta property="og:locale" content="it_IT"> <!-- Twitter --> <meta name="twitter:card" content="summary"> <meta name="twitter:image:alt" content="Tazza blu in ceramica su un tavolo di legno">
Domande frequenti
Quanti caratteri devono avere title e meta description?
Il contatore considera buona una lunghezza di 30–60 caratteri per il titolo, entro 580 px, e di 70–160 caratteri per la descrizione. Sono indicazioni del generatore, non una garanzia contro il troncamento nei risultati di ricerca.
L’anteprima mostra esattamente come apparirà la pagina su Google?
L’anteprima è indicativa: Google può riscrivere il titolo e la descrizione.
Il generatore include il tag meta keywords?
Il generatore non produce meta keywords, revisit-after, language o copyright.
I dati inseriti vengono inviati al server?
I tag vengono generati nel browser e il codice dello strumento non invia i valori inseriti al server del sito. Aprendo l’anteprima Facebook o X, il browser carica l’immagine direttamente dall’URL indicato; solo le opzioni vengono salvate nel browser, non i testi.