Meta-Tags-Generator
Title, Description, Open Graph und Twitter, mit Social-Card-Vorschau.
- Sofort
- Kostenlos
- Privat (lokal verarbeitet)
- Ohne Anmeldung
Ein Link, der angeklickt werden will
Ohne Meta-Tags zeigt ein geteilter Link nur eine nackte URL. Mit ihnen wird er zu einer Card mit Bild, Titel und Beschreibung — weit ansprechender. Dieses Tool erzeugt sie und zeigt Ihnen die Darstellung vor dem Veröffentlichen.
-
Felder ausfüllen
Titel, Beschreibung, Seiten- und Bild-URL, Seitenname.
-
Vorschau prüfen
Die Social-Card aktualisiert sich live, wie in den Netzwerken.
-
Tags kopieren
Fügen Sie sie in den <head> Ihrer HTML-Seite ein.
Die generierten Tags
| Tag | Funktion |
|---|---|
| <title> / description | Titel und Zusammenfassung für Suchmaschinen |
| og:title / og:description | Von Facebook, LinkedIn usw. angezeigter Text |
| og:image | Card-Bild (1200 × 630 empfohlen) |
| twitter:card | Card-Format auf X (großes Bild oder Zusammenfassung) |
Alles wird im Browser berechnet. Denken Sie daran, absolute URLs für das Bild zu verwenden, sonst können die Netzwerke es nicht laden.
Häufige Fragen
Was ist Open Graph?
Open Graph ist ein von Facebook erstelltes Protokoll, das eine Webseite über „og:“-Tags beschreibt. Wird ein Link geteilt, lesen die Netzwerke diese Tags, um Titel, Beschreibung und Bild statt einer reinen URL anzuzeigen.
Welche Größe für das Teilen-Bild?
Für eine „großes Bild“-Card zielen Sie auf 1200 × 630 Pixel (Verhältnis 1,91:1). Das ist die von Facebook, LinkedIn und X empfohlene Größe. Verwenden Sie eine absolute URL (https://…), da Netzwerke relativen Pfaden nicht folgen.
Braucht es Twitter-Tags zusätzlich zu Open Graph?
X (Twitter) liest Open Graph zuerst, aber „twitter:card“ ist weiterhin nützlich, um das Format zu wählen (großes Bild oder Zusammenfassung). Die übrigen twitter:*-Tags greifen auf og: zurück, wenn sie fehlen. Sie einzubinden vermeidet böse Überraschungen.
Wie lang sollten Titel und Beschreibung sein?
Zielen Sie auf etwa 60 Zeichen für den Titel und 110 bis 160 für die Beschreibung. Darüber hinaus kürzen Netzwerke und Engines den Text. Die Live-Vorschau zeigt Ihnen sofort die echte Darstellung.