Kostenloser Open Graph und Twitter Card Generator
Dieser kostenlose Open Graph Generator erstellt die og und twitter Meta Tags, die steuern, wie eine Seite aussieht, wenn sie auf Facebook, LinkedIn, WhatsApp, X und anderen Apps geteilt wird. Gib den Titel, die Beschreibung, die Seitenadresse und die Bildadresse ein, wähle den Typ und den Card Style aus und kopiere die Tags. Das Tool prüft auch die Längen und zeigt eine Vorschau der Card, damit du Probleme vor dem Teilen beheben kannst.
Open Graph Tag Generator
On-page SEO
Über dieses Tool
Wenn jemand einen Link teilt, lesen Apps einige Meta Tags, um zu entscheiden, welcher Titel, welche Beschreibung und welches Bild angezeigt werden sollen. Ohne diese Tags rät die App, und das Ergebnis ist oft ein falsches Bild oder ein abgeschnittener Satz. Open Graph Tags, die die meisten Apps lesen, und Twitter Card Tags, die von X verwendet werden, geben dir die Kontrolle über diesen ersten Eindruck.
Gib den Seitentitel, eine Beschreibung, die vollständige Seitenadresse und die vollständige Adresse eines Share-Bildes ein. Ein Bild von 1200 x 630 Pixeln funktioniert auf den meisten Plattformen gut. Wähle den Typ, z. B. website, article oder product, und den Card Style für X: summary zeigt ein kleines Bild, summary_large_image zeigt ein breites Bild. Das Tool schreibt alle Tags, escaped Sonderzeichen und kennzeichnet Längen, die wahrscheinlich abgeschnitten werden.
Tags gehören in den Head der Seite. Nach der Veröffentlichung teste die Seite mit dem Open Graph Checker, da Plattformen eine gecachte Kopie speichern und möglicherweise einen Refresh benötigen, bevor deine Änderungen angezeigt werden. Die Vorschau hier ist eine einfache Zeichnung der Card, kein Screenshot aus einer App. Nichts, was du eingibst, wird gespeichert.
Häufig gestellte Fragen
Welche Größe sollte ein Open Graph Bild haben?
Eine sichere Standardwahl ist 1200 x 630 Pixel, ein Verhältnis von etwa 1,91 zu 1, gespeichert als JPEG oder PNG und unter etwa 5 MB. Halte wichtigen Text von den Rändern fern, da einige Apps das Bild zuschneiden.
Benötige ich sowohl Open Graph als auch Twitter Card Tags?
X fällt auf Open Graph Tags zurück, wenn Twitter Tags fehlen, daher funktionieren og Tags allein oft. Das Hinzufügen von twitter:card teilt X mit, welches Layout verwendet werden soll, weshalb dieses Tool beide schreibt. Andere Apps lesen einfach die og Tags.
Wie lang sollten Titel und Beschreibung sein?
Titel um 60 Zeichen und Beschreibungen bis etwa 155 bis 200 Zeichen werden normalerweise vollständig angezeigt. Plattformen schneiden Text bei unterschiedlichen Längen ab, daher stelle die wichtigsten Wörter zuerst. Die Checks unter den Tags kennzeichnen Text, der wahrscheinlich gekürzt wird.
Warum zeigt ein geteilter Link immer noch das alte Bild?
Plattformen cachen die Daten für einen Link. Nachdem du die Tags geändert hast, verwende den Sharing Debugger der Plattform, um die Seite erneut abzurufen, oder füge eine Version zur Bildadresse hinzu. Die Tags auf deiner Seite sind korrekt, auch wenn die Vorschau eine Weile zum Aktualisieren braucht.