Open-Graph-Generator
Die Tags für das Teilen in sozialen Netzwerken erzeugen.
<meta property="og:title" content="عنوان صفحه" /> <meta property="og:description" content="توضیح کوتاه صفحه برای شبکههای اجتماعی." /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://example.com/page" /> <meta property="og:image" content="https://example.com/cover.jpg" /> <meta property="og:site_name" content="ابزاریو" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="عنوان صفحه" /> <meta name="twitter:description" content="توضیح کوتاه صفحه برای شبکههای اجتماعی." /> <meta name="twitter:image" content="https://example.com/cover.jpg" />
Über den Open-Graph-Generator
Wird ein Seitenlink bei Telegram, WhatsApp, X oder LinkedIn geteilt, stammt die Vorschaukarte mit Bild und Titel aus den Open-Graph-Tags dieser Seite. Ohne diese Tags zeigen soziale Plattformen meist eine unordentliche Vorschau oder gar kein Bild, was die Klickrate deutlich senkt. Der Open-Graph-Generator von Abzario nimmt Titel, Beschreibung, Seiten-URL, Bild-URL, Inhaltstyp (Website, Artikel oder Produkt) und Seitennamen entgegen und erzeugt gleichzeitig og-Tags und Twitter-Card-Tags. Fügen Sie diesen Code einfach in den Head-Bereich der Seite ein, damit bei jeder Weiterleitung des Links eine vollständige, attraktive Karte erscheint. Die Standardgröße von og:image mit 1200 mal 630 Pixel sorgt dafür, dass das Bild auf den meisten Plattformen sauber ohne Beschneidung oder Verzerrung dargestellt wird.
So funktioniert es
- 1Geben Sie Titel, Beschreibung und Bild-URL ein.
- 2Wählen Sie den Inhaltstyp.
- 3Platzieren Sie den Code im head-Bereich der Seite.
Warum dieses Tool nutzen?
- Erzeugt og:title, og:description, og:image, og:url und og:type gemeinsam
- Erstellt automatisch Twitter-Card-Tags für eine große Bildkarte auf X
- Unterstützt die drei gängigen Inhaltstypen: Website, Artikel und Produkt
- Fügt og:site_name hinzu, damit Ihr Markenname neben dem Titel in der Vorschau erscheint
- Kopierfertige Ausgabe für den Head-Bereich, keine Programmierkenntnisse nötig
- Verbessert die Klickrate von Links, die auf sozialen Plattformen geteilt werden
Praxisbeispiele
Einen Artikel bei Telegram teilen
Die Wahl des Inhaltstyps Artikel sowie Titel, Beschreibung und eine Bild-URL von 1200x630 lassen Telegram beim Weiterleiten des Links eine Karte mit großem Bild und vollständigem Titel anzeigen.
Ein Ladenprodukt präsentieren
Für eine Produktseite setzt die Wahl von type auf product og:type auf „product“, sodass soziale Plattformen den kommerziellen Charakter des Links erkennen.
Automatisches Twitter-Card-Tag
Neben den og-Tags enthält die Ausgabe auch <meta name="twitter:card" content="summary_large_image" />, sodass X (Twitter) dasselbe Bild und denselben Titel ebenfalls als große Karte anzeigt.
Den Seitennamen hinzufügen
Das Ausfüllen des Feldes Seitenname, z. B. „Abzario“, fügt <meta property="og:site_name" content="Abzario" /> hinzu, das manche Plattformen unter dem Linktitel anzeigen.
Häufige Fragen
Warum ändert sich das Linkbild bei Telegram nicht?
Soziale Netzwerke cachen das Ergebnis; nutzen Sie das Validierungstool des jeweiligen Netzwerks, um den Cache zu aktualisieren.
Muss die Bild-URL vollständig sein?
Ja, og:image muss eine absolute URL mit https sein.
Warum zeigt Telegram nach der Änderung von og:image noch das alte Bild?
Soziale Plattformen cachen Linkvorschauen; Sie müssen den Cache manuell mit dem offiziellen Tool der jeweiligen Plattform, etwa dem Facebook Sharing Debugger, aktualisieren, damit das neue Bild geladen wird.
Muss og:image eine vollständige absolute URL sein?
Ja, die og:image-Adresse muss absolut sein und https verwenden statt eines relativen Pfads, sonst können viele Plattformen das Bild nicht laden.
Was ist der Unterschied zwischen Open Graph und Twitter Card?
Open Graph ist der allgemeine Facebook-Standard, den die meisten Plattformen einschließlich Telegram und LinkedIn lesen, während Twitter-Card-Tags spezifisch für X sind; beide zusammen stellen sicher, dass der Link überall korrekt angezeigt wird.
Welche Bildgröße wird für og:image empfohlen?
1200 mal 630 Pixel ist der gängige Standard, der auf den meisten sozialen Netzwerken sauber ohne Beschneidung oder Verzerrung dargestellt wird.