Was ist ein Meta-Tag-Generator?
Meta-Tags sind Informationen im HTML-<head>, die Suchmaschinen und soziale Plattformen auslesen. Dieser Meta-Tag-Generator lässt dich ein paar Felder ausfüllen und erzeugt sofort die SEO-title/description, Open Graph- und Twitter-Card-Tags, plus eine Google-Snippet-Vorschau, damit du die Wirkung beim Tippen siehst. Alles läuft lokal im Browser.
So funktioniert es
- Titel, Beschreibung, Seiten-URL und Vorschaubild-URL eingeben.
- Rechts aktualisieren sich Suchvorschau und Zeichenzahlen live; unten werden die vollständigen Tags erzeugt.
- Auf „Alles kopieren" klicken und in den
<head>deiner Seite einfügen.
Typische Anwendungen
- Einer neuen Seite in einem Zug einen kompletten Satz SEO- und Social-Sharing-Tags geben.
- Prüfen, ob Titel und Beschreibung in Suchergebnissen abgeschnitten werden.
- Strukturierte Daten oder andere Tools nötig? Nutze den JSON-Formatter, um JSON-LD aufzuräumen.
Warum wurden Vorschaubild und Titel beim Teilen nicht aktualisiert?
Du hast gerade die Open-Graph-Tags ausgefüllt, die Seite live gestellt, sie eifrig in Facebook oder Slack eingefügt — und das Vorschaubild ist noch das alte oder leer. Das liegt fast nie an einem falschen Tag, sondern daran, dass soziale Plattformen die Vorschau zwischenspeichern. Beim ersten Abruf deiner Seite legt die Plattform eine Kopie an und holt danach dieselbe URL nicht jedes Mal neu. Die Lösung ist, den offiziellen Debugger / das Re-Scrape-Tool der Plattform (etwa den Facebook Sharing Debugger) zu nutzen, um einen frischen Abruf zu erzwingen. Die drei anderen Klassiker-Fallen: erstens ein og:image mit relativem Pfad, den die Plattform nicht auflösen kann — es muss eine absolute URL sein, die mit https:// beginnt; zweitens ein zu kleines Bild — die meisten wollen mindestens 200×200 und empfehlen 1200×630; drittens die Tags am falschen Ort — sie müssen im <head> stehen und werden im <body> ignoriert. Stimmt all das und es rührt sich trotzdem nichts, lass zuerst das Re-Scrape-Tool laufen. Um die JSON-LD-strukturierten Daten einer Seite aufzuräumen, kombiniere dies mit dem JSON-Formatter.
Wie sieht ein vollständiger Satz aus, und welche Länge zählt?
Die vollständige Ausgabe, die diese Seite aus fünf Feldern erzeugt:
<title>Free Online Toolbox</title>
<meta name="description" content="Image and PDF converters that run in your browser.">
<link rel="canonical" href="https://yunknow.cc/">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="Free Online Toolbox">
<meta property="og:description" content="Image and PDF converters that run in your browser.">
<meta property="og:url" content="https://yunknow.cc/">
<meta property="og:image" content="https://yunknow.cc/og.png">
<meta property="og:site_name" content="Yunknow">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Free Online Toolbox">
<meta name="twitter:description" content="Image and PDF converters that run in your browser.">
<meta name="twitter:image" content="https://yunknow.cc/og.png">Drei Dinge lohnen den Blick: og:type ist vorhanden (das am häufigsten fehlende Tag); twitter:card ist summary_large_image (dadurch erscheint die breite Vorschau — ohne das ein kleines Quadrat); und die Beschreibung steht dreimal da, einmal pro Namespace, weil kein Konsument die Kopie eines anderen liest. Die Zähler neben den Feldern sind der Teil, den alle überspringen: Dieser Titel meldete Title 19 chars und die Beschreibung Description 50 chars — schreibe für den Zähler, nicht für die Feldbreite.