01
Social-Felder nur bei Abweichungen füllen
Ohne eigene Social-Angaben verwendet Open Graph den Seitentitel und die Description. X übernimmt diese Werte aus OG, statt identische Twitter-Tags zu wiederholen.
Website- und SEO-Entwicklung
Meta-Tag-Generator
Seitentext eingeben, Vorschauen vergleichen und fertige Head-Tags kopieren.
Meta-Tag-Generator
Seiten- und Social-Felder
Vorschau und Code
Vorschau nach Erstellung
Vorschau nach Erstellung
Vorschau nach Erstellung
HTML für den Head
Felder und HTML bleiben in diesem Browser. Nur Bildvorschau laden fragt den Bildhost an.
Tag-Optionen
Seitentitel eingeben oder Beispiel laden.
Ein Suchergebnis braucht oft eine andere Formulierung als eine geteilte Karte. Der Meta-Tag-Generator lässt die Angaben für die Seite bestehen und ergänzt nur bei Bedarf einen abweichenden Social-Titel oder eine Beschreibung.
Die Open-Graph Vorschau zeigt eine Annäherung, keine Messung der Plattform. Eine Meta-Description Vorschau und eine Social-Media-Vorschau helfen beim Entwurf, obwohl Suchmaschinen und Netzwerke später andere Ausschnitte wählen können.
Warum diesen Meta-Tag-Generator verwenden?
Eine Seite, mehrere Darstellungen
Der Meta-Tag-Generator zeigt einen Suchausschnitt und Karten für Facebook, X und WeChat. So fällt ein langer Titel vor der Veröffentlichung auf und Sie können die Social-Formulierung gezielt ändern.
Bildanfragen bleiben Ihre Entscheidung
Eine eingetragene og:image-Adresse wird zunächst nur in den Code geschrieben. Das Bildfeld zeigt einen lokalen Platzhalter; erst nach einem ausdrücklichen Klick fordert der Browser das Bild beim fremden Host an.
Vererbung und Aktualisierung verstehen
02
Für Bilder absolute URLs verwenden
og:image akzeptiert eine vollständige HTTP(S)-Adresse. Beim Tippen wird nichts geladen; die externe Anfrage erfolgt nur über Bildvorschau laden. Ohne Bild entstehen weiterhin Tags, aber die vier OG-Kernangaben sind nicht vollständig.
03
Nach Änderungen neue Tags abwarten
Die automatische Erstellung wartet etwa 350 ms. Wenn Sie sie abschalten, nutzen Sie die Schaltfläche oder Strg/Cmd+Enter. Kopieren und Download bleiben deaktiviert, solange der angezeigte Code veraltet ist.
Tags, Vorschauen und Import
Titel und Suchbeschreibung
Mit Meta-Titel prüfen sehen Sie die Zeichenanzahl und einen ungefähren Suchausschnitt. Diese Hinweise sind keine festen Google-Grenzen; Google kann Titel und Description je nach Anfrage ersetzen.
Open-Graph-Grundlagen
Der Generator schreibt og:type und og:title sowie vorhandene Angaben für Beschreibung, URL, Bild und Website-Namen. Die Open-Graph Vorschau markiert nicht geladene Bilder ausdrücklich.
X-Karten ohne doppelte Texte
Wählen Sie eine große Bildkarte oder eine kleine Zusammenfassung. Das optionale twitter:card bestimmt den Typ; Titel, Beschreibung und Bild können von Open Graph übernommen werden.
Vorhandene Head-Tags übernehmen
Fügen Sie HTML ein, um unterstützte Tags in das Formular zu lesen. Bei doppelten Tags gilt der erste Wert mit Hinweis. Import und Leeren zeigen vorher die Anzahl betroffener Felder und lassen sich einmal rückgängig machen.
Was die Vorschau tatsächlich prüft
- Keine Live-Prüfung der Seite
- Die Seiten-URL liefert og:url, den optionalen Canonical-Link und die Domain der Vorschau. Der Meta-Tag-Generator ruft die Seite nicht ab und bestätigt keine veröffentlichten Tags oder HTTP-Antworten.
- Externe Bilder nur nach Klick
- Eine Bild-URL im Formular, importiertes HTML und die Generierung lösen keine Anfrage an den Bildhost aus. Bildvorschau laden sendet eine Anfrage vom Browser; der Host kann dabei IP und Browserdaten sehen.
- Plattformen können umgestalten
- Google kann andere Textstellen zeigen. Facebook, X und WeChat können alte Karten zwischenspeichern oder Bilder zuschneiden. Die Darstellung ist eine Annäherung und kein Pixel- oder Crawler-Test.
- Pflichtfeld und URL-Format
- Ein Seitentitel ist nötig. Description, Seiten-URL und Bild-URL dürfen leer bleiben. Wenn eine URL angegeben wird, muss sie absolut und mit HTTP(S) versehen sein; relative oder mit Zugangsdaten versehene Adressen werden abgewiesen.
- Bewusst begrenzter Tag-Satz
- Das Werkzeug erzeugt keine Bilder und keine robots-, hreflang-, JSON-LD-, Artikel- oder meta-keywords-Angaben. Vorhandene Tags werden per eingefügtem Head übernommen, nicht durch einen URL-Scan.
Fragen zum Meta-Tag-Generator
Wie lang darf ein Meta-Titel sein?
Es gibt keine feste Zeichenlänge, die die Anzeige garantiert. Der Zähler weist auf lange Eingaben hin; die tatsächliche Kürzung hängt vom Gerät und von Google ab.
Wie lang sollte die Meta-Description sein?
Schreiben Sie eine hilfreiche Zusammenfassung statt auf eine exakte Zahl zu optimieren. Die Vorschau zeigt eine Näherung; Google kann für eine Suchanfrage einen anderen Text der Seite verwenden.
Ist die Meta-Description ein Rankingfaktor?
Die Description erklärt die Seite im Suchausschnitt, ist aber kein Versprechen für Ranking oder Darstellung. Das Werkzeug erstellt die Tags und misst keine Suchpositionen.
Warum zeigt Google einen anderen Titel als meinen?
Google kann den sichtbaren Such-Titel aus weiteren Seitensignalen bilden. Der Meta-Tag-Generator zeigt Ihre Eingabe und ruft weder die veröffentlichte Seite noch echte Suchergebnisse ab.
Darf ich Symbole und Emojis verwenden?
Ja, sie werden als Text sicher in HTML maskiert, falls nötig. Die Anzeige- und Pixelbreite kann stark variieren; ein Zeichenzähler kann deshalb kein identisches Suchergebnis garantieren.
Stimmt etwas an den Tags nicht?
Tags mit dem Meta-Tag-Generator entwerfen
Vergleichen Sie im Meta-Tag-Generator Such- und Teilen-Ansicht, übernehmen Sie den maskierten HTML-Code in den Head und prüfen Sie die veröffentlichte URL anschließend bei den jeweiligen Diensten.