JPKCom DB

Meta Tags Generator

Erzeuge Essential-, Open-Graph-, Twitter-Card-, Security- und JSON-LD-Meta-Tags mit Live-Vorschau — der Einstieg zu Manual, Beispielen und Tipps.

Alle Meta-Tags einer Seite an einem Ort

Der Meta Tags Generator baut dir den kompletten <head>-Block einer Seite zusammen: Titel und Description, Open-Graph- und Twitter-/X-Card-Daten, Security-Header, Mobile-/PWA-Tags, Performance-Hints, Verification-Codes und ein fertiges JSON-LD-Skript. Du füllst ein Formular aus, siehst das Ergebnis sofort als sauber kommentiertes HTML — und kopierst oder lädst es herunter.

Das Tool nimmt dir genau die Fleißarbeit ab, bei der sich erfahrungsgemäß die meisten Fehler einschleichen: vergessene og:image-Maße, ein Titel jenseits der Snippet-Grenze, eine Twitter-Card ohne @handle, ein von Hand getipptes JSON-LD mit fehlendem Komma. Statt jeden <meta>-Tag einzeln nachzuschlagen, klickst du die Bausteine zusammen, die du brauchst, und bekommst korrektes, einheitlich formatiertes Markup zurück.

Gedacht ist es für alle, die Seiten ausliefern: Entwicklerinnen und Entwickler, die schnell einen vollständigen Head für ein neues Template brauchen; SEO- und Content-Leute, die Titel, Description und Social-Vorschau im Korridor halten wollen; und alle, die Structured Data ausprobieren, ohne die Schema.org-Syntax auswendig zu können. Kein Account, keine Installation, kostenlos.

Was der Generator erzeugt

Das Formular ist in neun thematische Bausteine (Accordion-Sektionen) gegliedert. Jede Sektion hat einen eigenen Schalter Include in output — du nimmst nur das in den Head, was du wirklich willst. Per Voreinstellung ist allein Essential aktiv, die übrigen acht schaltest du bei Bedarf dazu:

  • Essential — Charset, <title>, Meta-Description, Canonical, Robots-Direktiven (index/noindex, follow/nofollow, noarchive, nosnippet, noimageindex) und Viewport. Die Pflicht-Tags jeder Seite.
  • Open Graph — og:-Tags für Facebook, LinkedIn und WhatsApp: Typ, URL, Titel, Beschreibung, Bild (inklusive Maße und Alt-Text), Site-Name und Locale; bei og:type = article zusätzlich Veröffentlichungs-/Änderungsdatum, Autor, Rubrik und Tags.
  • Twitter / X Card — Card-Typ, @site- und @creator-Handle (die führende @ ergänzt das Tool automatisch), Titel, Beschreibung, Bild und Alt-Text.
  • Mobile & App — theme-color, Apple-Web-App-Tags, apple-touch-icon, MS-Tile-Color und format-detection.
  • Authorship & Copyright — Autor, Copyright, Generator, revisit-after, Rating und Classification.
  • Security Headers — Content-Security-Policy (mit den Presets Strict/Moderate/Loose), X-Frame-Options, Referrer-Policy und eine Permissions-Policy zum Sperren von Kamera, Mikrofon, Geolocation, Fullscreen und Payment.
  • Performance & Resource Hints — beliebig viele dns-prefetch-, preconnect-, preload- und prefetch-Zeilen.
  • Verification Tags — Bestätigungs-Codes für Google Search Console, Bing, Pinterest, Yandex und die Facebook-Domain-Verifizierung.
  • Structured Data (JSON-LD) — ein generiertes application/ld+json-Skript für zwölf Schema-Typen, von WebPage, Article und Organization über Product, FAQPage und BreadcrumbList bis LocalBusiness und Event.

Die Marketing-Zeile des Tools nennt nur die fünf wichtigsten Gruppen (Essential, Open Graph, Twitter Card, Security, JSON-LD) — tatsächlich sind es die neun oben.

Live-Vorschau und Komfort

Ein eigener Preview-Tab zeigt dir vier Vorschauen aus deinen Eingaben: ein Google-SERP-Snippet, eine Open-Graph-Card, eine Twitter-/X-Card und das formatierte JSON-LD. So siehst du, wie Suchergebnis und Social-Vorschau ungefähr aussehen werden, bevor du die Seite ausspielst. Char-Counter mit Farbampel an Titel, Description und den Social-Feldern halten dich in den empfohlenen Längen; CSP-Presets und das automatische Übernehmen von Titel, Description und Canonical in das JSON-LD sparen weitere Tipparbeit. Zwei zusätzliche Tabs — Tips und Reference — liefern Prioritäten, Zeichenlimits, Test-Werkzeuge und eine vollständige Tag-Referenz direkt im Tool.

Alles im Browser — nichts verlässt dein Gerät

Der Generator ist rein clientseitig: Es gibt keinen Server-Roundtrip, kein API und keinen Upload. Das Markup entsteht vollständig in deinem Browser, und dein Formularstand wird ausschließlich lokal im localStorage gespeichert — schließt du den Tab und kommst zurück, ist alles noch da. Nichts von dem, was du eintippst, verlässt dein Gerät. Wie der Stand zurückgesetzt wird und welche Felder welche Tags erzeugen, steht im Manual.

Jetzt ausprobieren

→ Meta Tags Generator öffnen — Bausteine aktivieren, Felder füllen, fertiges HTML kopieren oder als meta-tags.html herunterladen. Ohne Account, kostenlos, direkt im Browser.

Verwandte JPKCom-Tools

Erzeugen, dann gegenprüfen — diese Tools passen direkt dazu:

  • SEO & GEO Analyzer — die hier erzeugten Meta-, Open-Graph- und JSON-LD-Daten anschließend an einer echten URL prüfen und im Score grün abnehmen lassen.
  • robots.txt & Sitemap — Crawling-Regeln und Sitemap passend zu den Robots-Direktiven, die du hier setzt.
  • llms.txt-Generator — die KI-freundliche Ergänzung zu sauberem Structured Data.

Tiefer geht es auf den Unterseiten: das Manual mit jeder Sektion und jedem Feld im Detail, Beispiele aus der Praxis und gesammelte Tipps & Tricks.