Open-Graph-Tags-Generator
Erzeugen Sie Open-Graph- und Twitter-Card-Tags, damit Ihre Seite beim Teilen auf Facebook, LinkedIn, X und anderen Netzwerken gut aussieht.
Wird auf Ihrem Gerät verarbeitet. Es wird nichts an einen Server gesendet.
<meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">
Erzeugt og:title, og:description, og:image und ähnliche Tags sowie die passenden twitter:card-Tags, die soziale Netzwerke für die Linkvorschau verwenden.
Anwendungsfälle
- Die Vorschau eines Blogartikels in sozialen Netzwerken gestalten.
- Die Linkvorschau einer Landingpage vor einer Kampagne vorbereiten.
- Fehlende Open-Graph-Tags einer bestehenden Seite ergänzen.
So funktioniert's
- 1
Felder ausfüllen
Titel, Beschreibung, URL, Bild und Inhaltstyp.
- 2
Code kopieren
Fügen Sie das Ergebnis in den head Ihres HTML ein.
Technische Details
- Erzeugt werden og:title, og:description, og:url, og:image, og:site_name und og:type (standardmäßig website) und, wenn Sie einen Kartentyp wählen, twitter:card, twitter:title, twitter:description und twitter:image.
- Die Bild-URL muss absolut und öffentlich sein: Die Netzwerke laden das Bild von ihren eigenen Servern.
- Netzwerke speichern Vorschauen zwischen; nach einer Änderung der Tags kann die Aktualisierung dauern oder ein erneutes Abrufen mit dem jeweiligen Link-Debugger nötig sein.
Häufige Fragen
Wie groß sollte das og:image sein?
Empfohlen wird ein Bild von mindestens 1200 × 630 Pixeln, damit es auf den meisten Plattformen korrekt angezeigt wird.