XTools Logo
XTools
Blog
/
JSON-Formatierer & YAMLXML-FormatiererCode formatieren & minifizierenJSON zu TypeScriptMarkdown ⇄ HTMLMermaid-Diagramm-EditorRegex-TesterJWT-DecoderUUID-GeneratorKodieren & DekodierenCron-Ausdruck-BuildercURL-Befehl erstellenMeta-Tag-GeneratorPX zu REM & ZeilenhöheCSS-GeneratorChmod-Rechner

© 2026 XTools. Alle Rechte vorbehalten.

DatenschutzrichtlinieKontakt

    Meta-Tag-Generator

    SEO-, Open-Graph- und Twitter-Meta-Tags mit Such- und Social-Vorschau erzeugen
    • Dateien verlassen Ihr Gerät nicht
    • Läuft im Browser
    • Kostenlos, ohne Anmeldung, ohne Wasserzeichen

    Seite

    0 Zeichen

    0 Zeichen

    Teilen in sozialen Netzwerken

    Absolute URL, ideal 1200 × 630 px.

    Technisches

    Vorschau

    E
    Example
    example.com
    Seitentitel
    Hier erscheint die Seitenbeschreibung.

    Wird nur hier angezeigt – die Bild-URL oben wird nie geladen.

    Bitte einen Titel angeben.

    Bitte eine Beschreibung angeben.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16

    Verwandte Tools

    • JSON-Formatierer & YAML
    • XML-Formatierer
    • Code formatieren & minifizieren
    • JSON zu TypeScript
    • Markdown ⇄ HTML
    • Mermaid-Diagramm-Editor
    • Regex-Tester
    • JWT-Decoder
    • UUID-Generator
    • Kodieren & Dekodieren
    • Cron-Ausdruck-Builder
    • cURL-Befehl erstellen
    • PX zu REM & Zeilenhöhe
    • CSS-Generator
    • Chmod-Rechner

    So verwenden Sie: Meta-Tag-Generator

    Geben Sie Titel, Beschreibung und Vorschaubild einer Seite ein und erhalten Sie fertiges HTML für den <head>: SEO-, Open-Graph-, X-(Twitter-)Card-, Robots-, Designfarben- und Favicon-Tags. Live-Vorschauen zeigen, wie die Seite bei Google, Facebook / LinkedIn, X und Slack / Discord erscheint.

    1. 1

      Tragen Sie unter „Seite“ Titel, Beschreibung, kanonische URL und Name der Website ein.

    2. 2

      Unter „Teilen in sozialen Netzwerken“ ergänzen Sie Bild-URL, Bildbeschreibung, Typ und den Stil der X-Karte.

    3. 3

      Legen Sie unter „Technisches“ Robots, Designfarbe und weitere Optionen fest.

    4. 4

      Prüfen Sie die Tabs der Vorschau und die Längenhinweise und kopieren Sie dann das „HTML für <head>“.

    Häufige Fragen

    Wie lang sollten Titel und Beschreibung sein?

    Google kürzt Titel meist bei etwa 600 px (rund 60 Zeichen) und Beschreibungen bei etwa 160 Zeichen. Das Tool zeigt die Länge an und warnt, wenn der Text zu kurz oder zu lang ist.

    Warum erscheint mein Bild nicht in der Vorschau?

    Die Vorschau lädt die eingegebene Bild-URL nie. Um ein Bild zu sehen, nutzen Sie „Lokales Bild für die Vorschau wählen“; es wird nur auf dieser Seite angezeigt.

    Welche Bildgröße eignet sich für Open Graph?

    Verwenden Sie eine absolute URL zu einem Bild von etwa 1200 × 630 px. Relative Pfade funktionieren für og:image nicht.

    Werden auch Artikel-Tags wie Veröffentlichungszeit und Autor erzeugt?

    Ja. Ist als Typ article gewählt, erscheinen die Felder „Veröffentlicht“ und „Autor“, und die passenden article:-Tags werden ergänzt.

    Wird etwas an einen Server gesendet?

    Nein. Tags und Vorschauen werden in Ihrem Browser erzeugt.