🏷️ Meta-Tag-Generator
Erstelle sofort einen vollständigen HTML-Meta-Tag-Block — SEO-Titel, Beschreibung, Open Graph und Twitter Card — alles kostenlos im Browser. Seitendaten eingeben, Google-Snippet und Social Card live vorschauen und den fertigen Code kopieren.
Page Information
Search & Social Preview
Über
Meta-Tags befinden sich im HTML-<head> und teilen Suchmaschinen sowie sozialen Plattformen mit, wie deine Seite dargestellt werden soll. Dieses Tool erzeugt drei wesentliche Blöcke: Standard-SEO-Tags (Titel, Beschreibung, kanonische URL, robots), Open-Graph-Tags für Facebook, LinkedIn und die meisten sozialen Netzwerke sowie Twitter-Card-Tags für X (ehemals Twitter). Du erhältst einen Zeichenzähler für Titel und Beschreibung, eine Google-ähnliche Snippet-Vorschau, um Abschneidungen vor der Veröffentlichung zu erkennen, und eine OG-Card-Vorschau, die zeigt, wie deine Seite beim Teilen aussieht. Alles läuft im Browser — keine Daten verlassen dein Gerät, kein Konto erforderlich, funktioniert offline.
Verwendung
- Gib deinen Seitentitel (50–60 Zeichen angestrebt) und die Beschreibung (140–160 Zeichen) im Bereich 'Seiteninformationen' ein.
- Füge deine kanonische URL, den Seitennamen, die OG-Bild-URL und den Twitter/X-Handle hinzu, um Open-Graph- und Twitter-Card-Tags zu vervollständigen.
- Prüfe die Such- & Social-Vorschau, um zu sehen, wie deine Seite in den Google-Ergebnissen und beim Teilen in sozialen Netzwerken aussieht.
- Klicke auf 'Kopieren', um den vollständigen <head>-Meta-Block zu kopieren, und füge ihn dann in deine HTML-Datei ein.
Häufige Fragen
- Ist dieser Meta-Tag-Generator wirklich kostenlos?
- Ja, vollständig kostenlos. Keine Anmeldung, kein Abo, kein Nutzungslimit. Das Tool läuft vollständig in deinem Browser.
- Funktioniert es offline ohne Internetverbindung?
- Ja. Sobald die Seite geladen ist, laufen Generierung und Vorschau vollständig lokal im Browser. Für die Kernfunktionen werden keine Netzwerkanfragen gestellt.
- Sind meine Seitendaten privat? Wird irgendetwas an einen Server gesendet?
- Deine Daten verlassen niemals deinen Browser. Das Tool hat kein Backend und lädt nichts hoch. Eingaben werden nur im localStorage deines Browsers gespeichert, damit du später weitermachen kannst.
- Was ist der Unterschied zwischen Open-Graph-Tags und Twitter-Card-Tags?
- Open-Graph-Tags (og:) werden von Facebook, LinkedIn, Slack und den meisten Plattformen genutzt, um reichhaltige Link-Vorschauen zu erstellen. Twitter-Card-Tags (twitter:) werden speziell von X (ehemals Twitter) ausgelesen. Dieses Tool generiert beide, damit deine Seite überall großartig aussieht.
- Wie lang sollte meine Meta-Beschreibung für SEO sein?
- Google zeigt bei Desktop-Ergebnissen in der Regel 140–160 Zeichen an. Der Zeichenzähler in diesem Tool hebt hervor, wann du im optimalen Bereich liegst. Eine Beschreibung unter 160 Zeichen verhindert Abschneidungen in den Suchergebnissen.