SEO
Meta Tags / Open Graph Generator
HTML-Meta-Tags für SEO, Open Graph (Facebook) und Twitter Card generieren — mit Kartenvorschau.
Die Meta-Tags im <head> einer Seite bestimmen, wie sie in Suchergebnissen und in der Vorschaukarte beim Teilen in sozialen Medien oder Messengern erscheint. Dieses Tool erzeugt einen vollständigen Satz SEO-, Open-Graph- und Twitter-Card-Tags samt Live-Vorschau der Karte.
So verwendest du es
- Fülle Titel, Beschreibung, URL und Bild der Seite aus — die Tags werden sofort erzeugt, und eine Vorschau zeigt, wie die Karte auf Facebook, X (Twitter) und ähnlichen Diensten aussehen wird.
- Kopiere den fertigen HTML-Block und füge ihn in den <head> der Seite ein.
- Prüfe die Länge von Titel und Beschreibung — zu lange Werte werden von der Suchmaschine oder Plattform abgeschnitten.
Typische Anwendungsfälle
- Open Graph für eine Seite einrichten, damit der Link beim Teilen in Telegram, Slack oder sozialen Medien gepflegt wirkt.
- Titel und Meta-Description für eine bestimmte Suchanfrage auf einer neuen Seite formulieren.
- Vorhandene Meta-Tags einer Seite vor der Veröffentlichung schnell über die Kartenvorschau prüfen.
Was du wissen solltest
Open Graph und Twitter Card sind getrennte Standards; die meisten Plattformen außer X lesen direkt og:-Tags, daher ist das Duplizieren der Hauptfelder unter twitter: nicht immer nötig, verbessert aber die Kompatibilität.
Das og:image muss über eine absolute URL erreichbar sein, kein relativer Pfad — sonst kann der Crawler der Plattform es nicht abrufen.
Artikel zu diesem Tool: Meta-Tags: welche wirklich Suche und soziale Netzwerke beeinflussen
Häufig gestellte Fragen
Warum brauche ich separate Open-Graph- und Twitter-Card-Tags, wenn sie dasselbe tun?
Open-Graph-Tags (og:title, og:image usw.) werden von Facebook, LinkedIn und den meisten anderen Plattformen gelesen, während Twitter einen eigenen Tag-Satz hat (twitter:card, twitter:title) — Twitter greift auf Open-Graph-Tags zurück, wenn die eigenen fehlen, aber das Hinzufügen beider garantiert konsistente Vorschauen.
Welche Größe sollte mein og:image tatsächlich haben?
1200x630 Pixel ist die weithin empfohlene Größe — sie wird auf den meisten Plattformen korrekt als große Vorschaukarte angezeigt, ohne unbeholfen zugeschnitten zu werden, und bleibt unter den üblichen Dateigrößenbeschränkungen.
Sendet das Generieren dieser Tags meine Inhalte an einen Server?
Nein. Die Tags werden vollständig aus dem, was Sie eingeben, direkt in Ihrem Browser generiert — nichts wird irgendwohin hochgeladen.
Was macht das Canonical-URL-Tag?
Es teilt der Suchmaschine mit, welche Version einer Seite die Hauptversion ist, wenn derselbe Inhalt über mehrere Adressen erreichbar ist (mit und ohne www, mit Parametern usw.) — das hilft, das Ranking auf einer Seite zu bündeln, statt es auf Duplikate zu verteilen.
Was ist der Unterschied zwischen meta robots noindex und einer Sperre in robots.txt?
noindex in einem Meta-Tag verhindert, dass bereits gecrawlter Seiteninhalt indexiert wird, während Disallow in robots.txt einen Bot daran hindert, die Seite überhaupt zu crawlen — genau deshalb funktioniert noindex nicht auf einer in robots.txt gesperrten Seite: Die Suchmaschine bekommt dieses Tag nie zu Gesicht.