Titel, Beschreibung und Bild eintragen, fertigen Head-Block kopieren. Der Generator baut Title, Meta Description, Canonical, Open Graph und Twitter Cards in einem Durchgang, komplett im Browser.
<!-- Open Graph (Facebook, LinkedIn, WhatsApp, Slack) --> <meta property="og:type" content="website"> <meta property="og:locale" content="de_DE"> <!-- Twitter / X Cards --> <meta name="twitter:card" content="summary">
Füge diesen Block in den <head> deiner Seite ein. Jede Seite braucht eigene, einzigartige Werte. Prüfe das Ergebnis danach mit dem Meta Tag Checker.
TL;DR
Meta-Tags sind die Visitenkarte deiner Seite für Google, soziale Netzwerke und KI-Engines. Dieser Generator erstellt die sieben wichtigsten Tags aus deinen Angaben und gibt sie als fertigen, kopierbaren Head-Block aus. Leere Felder lässt er weg, damit der Block sauber bleibt.
Der Generator erzeugt Title, Meta Description, Canonical-Link, die Open-Graph-Tags (og:title, og:description, og:url, og:image, og:site_name, og:type) und die Twitter-Card-Tags. Das ist der Satz an Tags, der Darstellung in Suche und Social steuert.
Title und Description bestimmen, wie deine Seite in den Google-Ergebnissen aussieht. Der Title ist eines der stärksten On-Page-Signale, die Description ist dein Werbetext im Suchergebnis und beeinflusst die Klickrate.
Open Graph und Twitter Cards steuern die Vorschau, wenn jemand deinen Link auf LinkedIn, WhatsApp, Slack oder X teilt. Ohne diese Tags zeigen die Plattformen eine leere oder zufällige Vorschau, was Klicks kostet.
Als Richtwert gelten bis 60 Zeichen für den Title und 50 bis 160 Zeichen für die Meta Description. Das Tool zeigt die Länge live an und markiert, wenn du im idealen Bereich bist.
Google misst die verfügbare Breite eigentlich in Pixeln, nicht in Zeichen. Die Faustregel funktioniert für die Praxis trotzdem gut: Wer unter den Richtwerten bleibt, wird selten abgeschnitten.
Wichtiger als die exakte Länge ist der Inhalt. Beide Felder sollten die Frage beantworten, warum jemand genau deine Seite öffnen soll. Schreibe für jede Seite eigene, einzigartige Werte statt einen Standardtext zu wiederholen.
Das og:image ist das Bild, das bei geteilten Links erscheint. Empfohlen sind 1200 mal 630 Pixel. Mit Bild setzt der Generator automatisch twitter:card auf summary_large_image, für die grosse Vorschau.
Geteilte Links mit Bild bekommen deutlich mehr Klicks als reine Text-Vorschauen. Das Bild sollte deine Marke zeigen und auch als kleine Kachel lesbar bleiben.
Gib die Bild-URL absolut an, also mit vollständiger Adresse beginnend mit https. Relative Pfade funktionieren bei Open Graph nicht zuverlässig, weil die sozialen Netzwerke das Bild von aussen laden.
Kopiere den Block in den Head-Bereich deiner Seite. Bei WordPress übernimmt das ein SEO-Plugin oder ein Code-Snippet-Plugin, bei Next.js gehört es in die Metadata-Konfiguration oder direkt ins Layout.
Prüfe das Ergebnis danach mit dem Meta Tag Checker oder dem Open Graph Checker von pantra.io. So siehst du, ob der Server die Tags wirklich ausliefert und ob die Vorschau stimmt.
Dieses Tool prüft die Technik. pantra.io misst zusätzlich jeden Tag, ob ChatGPT, Perplexity, Claude und Google AI dich bei echten Kundenfragen empfehlen, und schliesst die Lücken automatisch.
KI-Sichtbarkeit messenWir nutzen Cookies fuer anonyme Reichweitenmessung und um die Wirksamkeit unserer Werbung zu verstehen. Notwendige Cookies sind immer aktiv. Mehr in der Datenschutzerklaerung.