Meta Tags Generator

Generieren Sie die HTML-Meta-Tags, die Ihre Seite braucht — Titel, Beschreibung, Open Graph und Twitter Card — mit einer Live-Code-Vorschau.

So funktioniert es

  1. Fuellen Sie den Seitentitel, die Beschreibung und die URL aus. Fuegen Sie die Bild-URL und den Seitennamen fuer reichhaltigeres Social Sharing hinzu.
  2. Der HTML-Code generiert sich beim Tippen — einschliesslich Open-Graph-Tags fuer Facebook/LinkedIn und Twitter-Card-Tags.
  3. Kopieren Sie den Code und fuegen Sie ihn in den Ihrer Seite ein.

Über dieses Tool

Meta-Tags sind die Anweisungen, die eine Seite Suchmaschinen und sozialen Netzwerken gibt. Der Title-Tag und die Meta-Beschreibung sagen Google, worum es auf der Seite geht; die Open-Graph-Tags sagen Facebook, LinkedIn und WhatsApp, was angezeigt werden soll, wenn jemand den Link teilt; und die Twitter-Card-Tags tun dasselbe fuer X. Sie von Hand zu schreiben bedeutet zu wissen, welche Eigenschaftsnamen jede Plattform erwartet, welche sich ueberschneiden und welche nicht.

Dieser Generator fuellt den Standardsatz aus: den Titel, die Meta-Beschreibung, die kanonische URL, die vier Kern-Open-Graph-Tags (type, title, description, image) und die drei Twitter-Card-Tags (card type, title, description). Der Code-Block aktualisiert sich beim Tippen mit den korrekten Eigenschaftsnamen und Escaping. Kopieren Sie ihn und fuegen Sie ihn in den Ihres HTML ein.

Nichts wird irgendwohin gesendet. Die Tags werden in Ihrem Browser aus dem Text zusammengesetzt, den Sie eingeben. Wenn Sie pruefen muessen, wie die Seite aussehen wird, sobald die Tags live sind, verwenden Sie das SERP-Vorschau-Tool fuer Google und die Plattform-Debugger (Facebook Sharing Debugger, Twitter Card Validator) fuer soziale Netzwerke.

Häufig gestellte Fragen

Brauche ich sowohl Open-Graph- als auch Twitter-Card-Tags?

Twitter faellt auf Open Graph zurueck, wenn Twitter-Card-Tags fehlen, aber beides zu haben gibt Ihnen Kontrolle ueber jede Plattform. Der Generator enthaelt beides.

Welche Bildgroesse sollte ich fuer og:image verwenden?

1200 x 630 Pixel ist die empfohlene Groesse. Sie funktioniert gut auf Facebook, LinkedIn, WhatsApp und Twitter.

What is the canonical URL?

Er teilt Suchmaschinen mit, welche URL das Original ist, wenn derselbe Inhalt unter mehreren Adressen zugaenglich ist. Setzen Sie ihn auf die URL, die Google indexieren soll.

Prueft dieses Tool, ob meine Tags korrekt sind?

Es generiert sie korrekt aus dem Text, den Sie eingeben. Um zu pruefen, wie sie auf einer Live-Seite gerendert werden, verwenden Sie den Facebook Sharing Debugger oder Twitter Card Validator.

Welchen Inhaltstyp soll ich wählen?

Verwenden Sie "website" fuer Startseiten und allgemeine Seiten, "article" fuer Blog-Beitraege und Nachrichten und "product" fuer E-Commerce-Produktseiten.

Verwandte Tools

Lange Links? Kürzen Sie sie kostenlos

Vai.la verwandelt jede URL in einen Kurzlink mit Klick-Statistiken, QR-Code und Ihrem eigenen Biolink.

Vai.la übernimmt keine Verantwortung für die Nutzung der Tools oder für Entscheidungen, die auf ihren Ergebnissen basieren.