SEO

Meta Tag Generator

Erstelle alle wichtigen Meta-Tags für deine Website – mit Live-Vorschau für Google, Facebook, LinkedIn und X, Pixel-Messung des Titels und fertigem HTML-Code.

  • Läuft komplett in deinem Browser
  • Keine Datenübertragung
  • Ohne Anmeldung
  • Kostenlos

Grundlagen

Suchmaschinen

Indexierung
Links folgen

Social Media Open Graph & X

Das Bild wird erst auf Klick geladen – dabei fragt dein Browser den Server der angegebenen Adresse an.

Kartentyp auf X
Eigene Texte für Social Media sonst werden Titel und Beschreibung verwendet
Erweitert Icons, Manifest, Grundgerüst

Vorschau

Annäherung an die Darstellung bei Google – Google kann Titel und Beschreibung selbst anpassen.

Prüfung

    HTML-Code für den <head>

    
            
          

    Bestehende Tags importieren

    Füge den Quelltext deiner Seite oder nur den <head>-Bereich ein. Er wird ausschließlich in deinem Browser ausgewertet.

    Anleitung

    So funktioniert’s

    1. Grundlagen ausfüllen

      Gib Titel, Beschreibung und die Adresse der Seite ein. Die Balken zeigen, ob Titel und Beschreibung bei Google vollständig angezeigt werden.

    2. Vorschau prüfen

      Rechts siehst du live, wie deine Seite in der Google-Suche und beim Teilen auf Facebook, LinkedIn oder X aussieht.

    3. Social Media ergänzen

      Füge ein Vorschaubild (ideal 1200 × 630 px) und optional eigene Texte für soziale Netzwerke hinzu.

    4. Code übernehmen

      Kopiere den fertigen Code und füge ihn in den <head>-Bereich deiner Seite ein.

    FAQ

    Häufige Fragen

    Wie lang sollten Title und Description sein?

    Google kürzt nach Pixelbreite, nicht nach Zeichen. Als Richtwert gelten für den Title etwa 50–60 Zeichen (bis ca. 580 px) und für die Description etwa 120–158 Zeichen. Der Generator misst die Breite direkt mit der Schrift, die Google verwendet.

    Brauche ich noch das Keywords-Tag?

    Nein. Google und Bing werten meta keywords seit vielen Jahren nicht mehr aus. Du kannst es weglassen.

    Was ist der Unterschied zwischen Meta-Tags und Open Graph?

    Title und Description nutzen vor allem Suchmaschinen. Open-Graph-Tags (og:…) bestimmen, wie ein Link in sozialen Netzwerken und Messengern wie WhatsApp angezeigt wird – inklusive Vorschaubild.

    Warum wird mein Vorschaubild nicht angezeigt?

    Das Bild muss mit absoluter Adresse (https://…) angegeben und öffentlich erreichbar sein. Netzwerke speichern Vorschauen oft zwischen – über deren Debug-Werkzeuge lässt sich die Vorschau neu laden.

    Werden meine Daten gespeichert?

    Nein. Alles läuft in deinem Browser. Nur wenn du auf „Bild laden“ klickst, holt dein Browser das Bild von der angegebenen Adresse.