Categoria: Sviluppo
Generatore di Meta Tag
Crea title, description, tag Open Graph e Twitter
Compila un titolo, una descrizione e qualche campo social per generare il <title>, la meta description, il link canonical e i tag Open Graph e Twitter card da inserire nel <head> di una pagina. Un'indicazione sulla lunghezza segnala un titolo o una descrizione che Google rischia di troncare. Funziona interamente nel tuo browser.
<title>LocalTools — Free Privacy-First Online Tools</title> <meta name="description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device."> <link rel="canonical" href="https://uselocaltools.com/"> <meta property="og:title" content="LocalTools — Free Privacy-First Online Tools"> <meta property="og:description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device."> <meta property="og:type" content="website"> <meta property="og:url" content="https://uselocaltools.com/"> <meta property="og:site_name" content="LocalTools"> <meta property="og:image" content="https://uselocaltools.com/og-image.png"> <meta property="og:locale" content="en_US"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@uselocaltools"> <meta name="twitter:title" content="LocalTools — Free Privacy-First Online Tools"> <meta name="twitter:description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device."> <meta name="twitter:image" content="https://uselocaltools.com/og-image.png">
Tutto ciò che c'è in questa pagina viene elaborato nel tuo browser. Niente viene caricato.
A cosa serve
I motori di ricerca e i social network leggono un insieme fisso di tag dal <head> di una pagina: title e description per i risultati di ricerca, canonical per dichiarare l'URL preferito, e i tag Open Graph e Twitter card per definire l'aspetto di un link quando viene condiviso. Rispettare la lunghezza corretta di titolo e descrizione è importante perché Google riscrive i titoli e tronca le descrizioni troppo lunghe, e un'immagine Open Graph mancante fa sì che un link condiviso appaia come semplice testo invece che come una card.
Come si usa
- Inserisci il titolo della pagina, la descrizione e l'URL canonico.
- Aggiungi il nome del sito, l'immagine Open Graph e i dettagli della Twitter card.
- Controlla l'indicazione sulla lunghezza sotto i campi title e description.
- Copia i tag generati nel <head> della pagina.
Privacy
Questo strumento funziona interamente nel tuo browser. Quello che inserisci non viene mai caricato, salvato o condiviso: chiudendo la scheda sparisce.
Domande frequenti
- Perché il titolo ha bisogno di un controllo sulla lunghezza?
- Google generalmente mostra 50–60 caratteri di un titolo prima di troncarlo, e spesso riscrive i titoli che giudica poco pertinenti rispetto alla pagina o alla query di ricerca. Mantenere il titolo in quell'intervallo ti dà più controllo su come apparirà.
- Cosa succede se salto l'immagine Open Graph?
- La maggior parte delle piattaforme genera comunque una card, ma senza immagine di solito viene mostrata una piccola anteprima solo testuale invece della card più grande con immagine.
- Viene inviato qualcosa da qualche parte?
- No. I tag vengono costruiti a partire dal tuo input direttamente nel browser; niente viene caricato o registrato.