Zum Inhalt springen
Tools

Meta Tag Generator

HTML-Meta-Tags generieren: Title, Description, Open Graph, Twitter Cards mit Live-Vorschau.

Methodik & Funktionsweise

Was wird geprueft?

Erstellt HTML-Meta-Tags für SEO, Open Graph und Twitter Cards.

Wie funktioniert es?

Über ein Formular geben Sie Title, Description, Keywords und Social-Media-Informationen ein. Daraus werden die entsprechenden HTML-Meta-Tag-Snippets generiert.

Beispiel-Ergebnis

Eingabe: Title "Meine Seite", Desc "Beschreibung" → <title>Meine Seite</title>, <meta name="description" content="Beschreibung">, <meta property="og:title" ...>

Basis

0/60
0/160

Open Graph

Twitter Card

<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="robots" content="index, follow"> <meta name="theme-color" content="#ffffff"> <meta http-equiv="content-language" content="en"> <!-- Open Graph --> <meta property="og:type" content="website"> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image">
Vorschau-Titel
https://example.com/page
Vorschau-Beschreibung
Kein Bild
example.com
Vorschau-Titel
Vorschau-Beschreibung

Warum sind Meta-Tags wichtig für SEO?

Meta-Tags steuern, wie eine Webseite in Suchergebnissen und beim Social Sharing dargestellt wird. Der Title-Tag ist der wichtigste On-Page-SEO-Faktor und erscheint als klickbarer Link in den Google-Suchergebnissen. Die Meta-Description liefert den Beschreibungstext darunter. Open-Graph-Tags bestimmen die Darstellung beim Teilen auf Facebook, LinkedIn und WhatsApp. Twitter-Card-Tags steuern die Twitter/X-Vorschau. Unser Meta-Tag-Generator erstellt alle wichtigen Tags über ein einfaches Formular.

Meta-Tags generieren

  • 1Jede Seite braucht einen einzigartigen Title mit dem Haupt-Keyword.
  • 2Die Description sollte zum Klicken animieren – sie ist Ihre Werbeanzeige in den Suchergebnissen.
  • 3og:image ist essenziell für ansprechendes Social Sharing.
  • 4Verwenden Sie die generierten Tags als Ausgangspunkt und passen Sie sie pro Seite an.