<!-- 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>Wat is een meta-taggenerator?
Een Meta Tag Generator bouwt het blok HTML dat in de <head> van een pagina leeft en vertelt zoekmachines en sociale netwerken hoe ze uw pagina moeten weergeven U vult eenmalig een titel, beschrijving, afbeelding en een paar andere velden in, en de tool voert correct geformatteerde metatags uit - standaard SEO-tags, Open Graph-tags voor Facebook en LinkedIn, en Twitter Card-tags - die u rechtstreeks in uw sjabloon plakt Geen repetitieve eigenschap meer met de hand typen= "og:..." regels of het vergeten van de twitter: kaarttag.
Het juiste krijgen van deze tags is belangrijk omdat ze uw zoekfragment en uw linkvoorbeelden beheren. De <title>- en metabeschrijving bepalen hoe uw resultaat eruit ziet in Google; de Open Graph-titel, beschrijving en afbeelding beslissen hoe een gedeelde link eruit ziet in een sociale feed. Deze generator houdt ze alle drie gesynchroniseerd op basis van een enkele set invoer, vlaggentitels en beschrijvingen die voorbij het weergavescherm van de lengtezoekmachines lopen, en kan een passend JSON-LD-blok toevoegen voor gestructureerde gegevens.
Alles draait 100% in uw browser De URL's, kopieer - en afbeeldingslinks die u invoert, worden nooit geüpload, zodat u tags voor niet-uitgebrachte pagina's of interne tools privé kunt voorbereiden De generator werkt offline zodra deze is geladen, en de uitvoer is gewone HTML die u bezit - kopieer deze, zet deze in uw framework en verzend.
Drie details zijn verantwoordelijk voor de meeste kapotte previews. Open Graph afbeeldings-URL's moeten absoluut zijn, inclusief het schema, omdat de crawler die ze ophaalt geen paginacontext heeft om een relatief pad tegen op te lossen Twitter valt terug op Open Graph voor alles waarvoor het geen twittertag heeft, dus een volledige og-set plus een kaarttype dekt beide platforms en het dupliceren van elke waarde is niet nodig. En previews worden agressief in de cache opgeslagen door elk platform, dus er verschijnt pas een vaste tag als je de URL opnieuw schraapt in de eigen foutopsporingstool van dat platform. De lengtewaarschuwingen weerspiegelen waar Google afknott in plaats van een harde limiet: een langere beschrijving geldig is en eenvoudigweg wordt geknipt en de titel verspilt.
Hoe gebruik je de Meta Tag-generator?
Voer uw kerngegevens in
Vul de paginatitel en meta-beschrijving in. De tekentellers en waarschuwingen vertellen u wanneer een van beide voorbij de lengte van de lengtezoekmachines wordt weergegeven.
Voeg sociale en site-info toe
Stel de canonieke URL, sitenaam, afbeelding voor sociaal delen en Twitter-handle in, zodat uw Open Graph- en Twitter Card-previews voltooid zijn.
Kies de tagopties
Kies het type Open Graph, de Twitter-kaartstijl, de robotsrichtlijn en of er tekenset- en viewport-tags moeten worden opgenomen. De uitvoer wordt live bijgewerkt.
Kopieer de gegenereerde HTML
Kopieer het volledige metatagblok en plak het in de <head> van je pagina. Kopieer optioneel ook het overeenkomende JSON-LD gestructureerde-datafragment.
Belangrijkste kenmerken
SEO, Open Graph & Twitter in één
Genereert standaard zoektags plus Open Graph- en Twitter Card-tags samen, gesynchroniseerd gehouden vanuit één enkele set invoer
Waarschuwingen voor live lengte
Markeert titels meer dan ~60 tekens en beschrijvingen boven ~160, dus uw snippet wordt niet afgekapt in de zoekresultaten
JSON-LD-gestructureerde gegevens
Geeft optioneel een overeenkomende website of artikel JSON-LD-blok uit om de betekenis van uw pagina voor zoekmachines te versterken
Juiste HTML ontsnappen
Citaten, ampersands en hoekhaakjes in uw tekst worden veilig ontsnapt, zodat de gegenereerde tags uw markeringen nooit breken
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!