<!-- Primary Meta Tags --> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Free Online Developer Tools - Format, Convert & Generate | Toolz</title> <meta name="description" content="A fast, private collection of 600+ browser-based tools for developers: JSON, PDF, image, text, and more. No signup, no uploads, 100% client-side." /> <meta name="keywords" content="developer tools, json formatter, online tools, free tools" /> <meta name="author" content="Toolz" /> <meta name="robots" content="index, follow" /> <meta name="language" content="en" /> <meta name="theme-color" content="#4466EE" /> <link rel="canonical" href="https://toolz.dev/" /> <!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:url" content="https://toolz.dev/" /> <meta property="og:title" content="Free Online Developer Tools - Format, Convert & Generate | Toolz" /> <meta property="og:description" content="A fast, private collection of 600+ browser-based tools for developers: JSON, PDF, image, text, and more. No signup, no uploads, 100% client-side." /> <meta property="og:site_name" content="Toolz" /> <meta property="og:image" content="https://toolz.dev/og-image.png" /> <meta property="og:image:alt" content="Toolz - free online developer tools" /> <meta property="og:locale" content="en_US" /> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:url" content="https://toolz.dev/" /> <meta name="twitter:title" content="Free Online Developer Tools - Format, Convert & Generate | Toolz" /> <meta name="twitter:description" content="A fast, private collection of 600+ browser-based tools for developers: JSON, PDF, image, text, and more. No signup, no uploads, 100% client-side." /> <meta name="twitter:image" content="https://toolz.dev/og-image.png" /> <meta name="twitter:image:alt" content="Toolz - free online developer tools" /> <meta name="twitter:site" content="@toolz" /> <meta name="twitter:creator" content="@toolz" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Free Online Developer Tools - Format, Convert & Generate | Toolz",
"url": "https://toolz.dev/",
"description": "A fast, private collection of 600+ browser-based tools for developers: JSON, PDF, image, text, and more. No signup, no uploads, 100% client-side.",
"image": "https://toolz.dev/og-image.png",
"author": {
"@type": "Person",
"name": "Toolz"
}
}
</script>Che cos'è un generatore di meta tag?
Un Meta Tag Generator costruisce il blocco di HTML che vive nel <head> di una pagina e dice ai motori di ricerca e ai social network come visualizzare la tua pagina Compila un titolo, una descrizione, un'immagine e alcuni altri campi una volta, e lo strumento emette meta tag formattati correttamente - tag SEO standard, tag Open Graph per Facebook e LinkedIn e tag Twitter Card - che incolli direttamente nel tuo modello Non più digitando a mano proprietà ripetitive="og:..." linee o dimenticando il tag twitter: card.
Ottenere questi tag a destra è importante perché controllano il tuo frammento di ricerca e le anteprime dei tuoi link Il <title> e la meta descrizione modellano l'aspetto del tuo risultato in Google; il titolo, la descrizione e l'immagine Open Graph decidono come appare un collegamento condiviso in un feed social Questo generatore mantiene tutti e tre sincronizzati da un unico set di input, contrassegna i titoli e le descrizioni che passano oltre la lunghezza visualizzata dai motori di ricerca e può aggiungere un blocco JSON-LD corrispondente per i dati strutturati.
Tutto viene eseguito al 100% nel browser Gli URL, i link di copia e immagine immessi non vengono mai caricati, quindi puoi preparare i tag per pagine inedite o strumenti interni in privato Il generatore funziona offline una volta caricato e l'output è semplice HTML che possiedi: copialo, rilascialo nel tuo framework e spedisci.
Tre dettagli rappresentano la maggior parte delle anteprime interrotte. Open Graph Gli URL delle immagini devono essere assoluti, compreso lo schema, perché il crawler che li recupera non ha un contesto di pagina con cui risolvere un percorso relativo. Twitter torna a Open Graph per qualsiasi cosa per cui non ha tag Twitter, quindi un set completo di og più un tipo di carta copre entrambe le piattaforme e non è necessario duplicare ogni valore. E le anteprime vengono memorizzate nella cache in modo aggressivo da ciascuna piattaforma, quindi un tag fisso non apparirà finché non si esegue nuovamente lo scraping dell'URL nello strumento di debug di quella piattaforma. Gli avvisi sulla lunghezza riflettono il punto in cui Google tronca anziché un limite rigido: una descrizione più lunga è valida e verrà semplicemente tagliata, e una descrizione che ripete il titolo spreca lo spazio che ha.
Come utilizzare il generatore di meta tag?
Inserisci i tuoi dettagli di base
Compila il titolo della pagina e la meta descrizione. I contatori e gli avvisi di caratteri indicano quando entrambi vengono eseguiti oltre la lunghezza dei motori di ricerca visualizzati in genere.
Aggiungi informazioni social e del sito
Imposta l'URL canonico, il nome del sito, l'immagine di condivisione social e l'handle di Twitter in modo che le anteprime Open Graph e della scheda Twitter siano complete.
Scegli le opzioni del tag
Scegli il tipo Open Graph, lo stile della scheda Twitter, la direttiva sui robot e se includere i tag charset e viewport L'output si aggiorna in diretta.
Copia l'HTML generato
Copia il blocco completo del meta tag e incollalo nel <head> della tua pagina. Facoltativamente, copia anche lo snippet di dati strutturati JSON-LD corrispondente.
Caratteristiche principali
SEO, Open Graph e Twitter in uno
Genera insieme tag di ricerca standard più Open Graph e tag Twitter Card, mantenuti sincronizzati da un unico set di input
Avvisi di lunghezza dal vivo
Segna i titoli su ~60 caratteri e descrizioni superiori a ~160 in modo che il tuo frammento non venga troncato nei risultati di ricerca
JSON-LD Dati strutturati
Facoltativamente, emette un sito Web o un blocco JSON-LD corrispondente per rafforzare il significato della tua pagina per i motori di ricerca
Corretta fuga HTML
Citazioni, e commerciali e parentesi angolari nel testo vengono evasi in modo sicuro, in modo che i tag generati non rompano mai il markup
Frequently Asked Questions
Related Tools
Content Analyzer
Audit any page for on-page SEO and readability: title, description, headings, alt text, internal links, Flesch score and keyword frequency, with a score out of 100.
Hreflang Generator
Free hreflang generator for multilingual and multi-region sites - build hreflang tags as HTML link tags, XML sitemap entries, or an HTTP header. Validates codes and x-default. Runs client-side.
htaccess Redirect Generator
Generate Apache .htaccess 301 and 302 redirect rules from a list of old-to-new URLs, plus force-HTTPS and www canonicalization directives, all in the browser.
Open Graph Preview
Preview how your link will look on Facebook, X, LinkedIn, Slack, and Discord, validate your og: tags, and copy a correct meta block
Comments
0 comments
No comments yet. Be the first to share your thoughts!