<!-- 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>Was ist ein Meta-Tag-Generator?
Ein Meta Tag Generator baut den HTML-Block auf, der im <head> einer Seite lebt und Suchmaschinen und sozialen Netzwerken sagt, wie Ihre Seite angezeigt wird Sie füllen einmal einen Titel, eine Beschreibung, ein Bild und ein paar andere Felder aus, und das Tool gibt korrekt formatierte Meta-Tags aus - Standard-SEO-Tags, Open Graph-Tags für Facebook und LinkedIn sowie Twitter-Karten-Tags - die Sie direkt in Ihre Vorlage einfügen Kein Handtippen von sich wiederholender Eigenschaft mehr= "og:.." Zeilen oder Vergessen des Twitter: Karten-Tags.
Diese Tags richtig zu machen, ist wichtig, weil sie Ihren Suchausschnitt und Ihre Linkvorschauen steuern. Das <title> und die Meta-Beschreibung prägen, wie Ihr Ergebnis in Google aussieht; Der Titel, die Beschreibung und das Bild von Open Graph entscheiden darüber, wie ein gemeinsam genutzter Link in einem sozialen Feed aussieht. Dieser Generator hält alle drei über einen einzigen Satz von Eingaben synchron, markiert Titel und Beschreibungen, die über die Länge der Suchmaschinen hinausgehen Anzeige und kann einen passenden JSON-LD-Block für strukturierte Daten hinzufügen.
In Ihrem Browser läuft alles zu 100% Die von Ihnen eingegebenen URLs, Kopier - und Bildlinks werden nie hochgeladen, sodass Sie Tags für unveröffentlichte Seiten oder interne Tools privat vorbereiten können Der Generator funktioniert offline, sobald er geladen ist, und die Ausgabe ist einfaches HTML, das Sie besitzen - kopieren Sie es, lassen Sie es in Ihr Framework fallen und versenden Sie.
Drei Details erklären die meisten defekten Vorschauen. Open Graph Bild-URLs müssen absolut sein, einschließlich des Schemas, da der Crawler, der sie abruft, keinen Seitenkontext hat, gegen den ein relativer Pfad aufgelöst werden kann. Twitter fällt für alles, wofür es kein Twitter-Tag hat, auf Open Graph zurück, sodass ein vollständiger Og-Satz plus Kartentyp beide Plattformen abdeckt und das Duplizieren jedes Werts unnötig ist. Und Vorschauen werden von jeder Plattform aggressiv zwischengespeichert, sodass ein fester Tag erst angezeigt wird, wenn Sie die URL im eigenen Debugging-Tool dieser Plattform erneut scrappen. Die Längenwarnungen spiegeln wider, wo Google statt einer festen Grenze gekürzt wird: Eine längere Beschreibung ist gültig und wird einfach gekürzt, und der Speicherplatz wird der Titel verschwendet.
Wie verwende ich den Meta-Tag-Generator?
Geben Sie Ihre Kerndetails ein
Füllen Sie den Seitentitel und die Meta-Beschreibung aus. Die Zeichenzähler und Warnungen zeigen Ihnen, wann beide Suchmaschinen über die Länge hinauslaufen, die normalerweise angezeigt werden.
Fügen Sie soziale und Website-Informationen hinzu
Legen Sie die kanonische URL, den Site-Namen, das Social-Share-Bild und den Twitter-Handle fest, damit Ihre Vorschauen auf Open Graph und Twitter-Karte abgeschlossen sind.
Wählen Sie die Tag-Optionen
Wählen Sie den Typ Open Graph, den Twitter-Kartenstil, die Roboteranweisung und ob Sie Zeichensatz- und Viewport-Tags einbinden möchten. Die Ausgabe wird live aktualisiert.
Kopieren Sie den generierten HTML-Code
Kopieren Sie den vollständigen Meta-Tag-Block und fügen Sie ihn in die <head> Ihrer Seite ein. Kopieren Sie optional auch den passenden JSON-LD-Snippet mit strukturierten Daten.
Hauptmerkmale
SEO, Open Graph & Twitter in einem
Generiert Standard-Such-Tags sowie Open Graph- und Twitter-Karten-Tags zusammen, die mit einem einzigen Satz von Eingaben synchron gehalten werden
Warnungen zur Live-Länge
Flag Titel über ~60 Zeichen und Beschreibungen über ~160, damit Ihr Snippet nicht in den Suchergebnissen abgeschnitten wird
Strukturierte Daten von JSON-LD
Gibt optional eine passende Website oder einen JSON-LD-Artikel aus, um die Bedeutung Ihrer Seite für Suchmaschinen zu verstärken
Richtiger HTML-Flucht
Zitate, kaufmännische und eckige Klammern in Ihrem Text werden sicher entgehen, sodass die generierten Tags niemals Ihr Markup brechen
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!