Kostenloses Open-Graph-Vorschau-Tool

Das Open Graph Preview Tool ist ein kostenloses Online-Hilfsmittel, mit dem du Open-Graph-Meta-Tags vorschauen und erstellen kannst, um zu sehen, wie dein Inhalt in sozialen Medien erscheint.

Ja, es ist völlig kostenlos und ohne Registrierung nutzbar. Die gesamte Vorschau-Darstellung erfolgt clientseitig in deinem Browser.

Ja, das Open Graph Preview Tool zeigt, wie dein Inhalt beim Teilen auf Facebook, Twitter/X, LinkedIn und anderen sozialen Medien aussieht.

Absolut. Das Open Graph Preview Tool verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Dein Inhalt bleibt jederzeit privat auf deinem Gerät.

Ja, das Open Graph Preview Tool ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst es auf jedem Gerät mit einem modernen Webbrowser nutzen, ganz ohne App-Download.

Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach das Open Graph Preview Tool in deinem Browser und nutze es sofort. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.

Ja, das Open Graph Preview Tool wurde nach den aktuellen Richtlinien und Best Practices von Google Search entwickelt. Wir aktualisieren das Tool regelmäßig, um Änderungen der Anforderungen von Suchmaschinen zu berücksichtigen.

Gib einfach deine Eingabe in das vorgesehene Feld ein, passe die Einstellungen nach Wunsch an, und das Tool verarbeitet sie sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Das Open Graph Preview Tool funktioniert in allen modernen Browsern, darunter Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.

Die meisten großen Netzwerke erwarten ein Bild mit 1200×630 Pixeln im Seitenverhältnis 1,91:1 — diese Größe empfehlen Facebook, LinkedIn, Discord, Slack und Telegram für ihr großes Karten-Layout. Twitter/X nutzt für die summary_large_image-Card ein Verhältnis von 2:1 (etwa 1200×600), WhatsApp bevorzugt ein quadratisches 1:1-Vorschaubild, und Pinterest möchte ein hohes 2:3-Bild wie 1000×1500. Ein Bild, das schmaler als 1200px ist oder ein ungewöhnliches Verhältnis hat, wird oft unschön zugeschnitten oder ganz verworfen, sodass nur ein schlichter Textlink statt einer klickbaren Karte übrig bleibt. Dieses Tool liest die tatsächlichen Abmessungen und das Seitenverhältnis Ihres Bilds aus, markiert alles unter 1200px Breite oder weit entfernt von 1,91:1 und zeigt die Karte auf jeder Plattform, damit Sie vor der Veröffentlichung sehen, ob das Bild passt.

Open-Graph-Tags (die og:-Eigenschaften) sind der ursprüngliche Facebook-Standard, den die meisten Plattformen auslesen, um eine Link-Vorschau zu erstellen — dazu zählen og:title, og:description, og:image und og:url. Twitter-Card-Tags sind Twitter/X' eigenes Set, etwa twitter:card, twitter:title und twitter:image, das speziell steuert, wie ein Link auf X aussieht. Beide überschneiden sich: Fehlen die Twitter-spezifischen Tags, greift X auf Ihre Open-Graph-Daten zurück, sodass Sie beide nicht zwingend brauchen. Wer jedoch den twitter:card-Typ ergänzt, kann ein Layout wie summary, summary_large_image oder player wählen, was reine OG-Tags nicht können. Dieses Tool generiert beide Tag-Familien gemeinsam und hält sie synchron, sodass Sie einen sauberen Block kopieren, der auf X und allen anderen Netzwerken gleichzeitig korrekt dargestellt wird.

Soziale Plattformen cachen die erste Version eines Links, den sie jemals sehen, sehr aggressiv und speichern Titel, Beschreibung und Bild, damit sie die Seite nicht bei jedem Teilen erneut abrufen müssen. Genau dieser Cache ist der Grund, warum ein korrigiertes og:image oder eine geänderte Überschrift oft noch Stunden oder Tage lang die veraltete Version zeigt, nachdem Sie den Fehler behoben haben. Die Lösung besteht darin, jede Plattform mit ihrem offiziellen Debugger zum erneuten Abrufen Ihrer Seite zu zwingen: Der Facebook Sharing Debugger, der Twitter Card Validator und der LinkedIn Post Inspector besitzen jeweils eine Aktualisierungsfunktion, die frische Tags lädt. Dieses Tool verlinkt direkt auf diese Debugger, sodass Sie die Caches mit wenigen Klicks leeren und anschließend hier erneut prüfen können, ob die neue Vorschau tatsächlich die ist, die beim Teilen angezeigt wird.

Streben Sie ein og:title von etwa 60 Zeichen oder weniger und ein og:description von rund 160 Zeichen an, denn dort schneiden Facebook und LinkedIn den Text in der Karte üblicherweise ab. Andere Netzwerke sind etwas großzügiger: Twitter/X erlaubt rund 70 Zeichen für den Titel und 200 für die Beschreibung, während WhatsApp und Telegram bei etwa 65 beziehungsweise 155 bis 160 liegen. Platzieren Sie die wichtigsten Wörter am Anfang, damit Ihre Botschaft auch dann ankommt, wenn eine Plattform den Text kürzt, und vermeiden Sie Keyword-Stuffing, da eine abgeschnittene Überschrift schlechter wirkt als eine knapp formulierte. Während Sie tippen, zählt dieses Tool Ihre Zeichen gegen diese Grenzen, bewertet Titel und Beschreibung von A bis F und zeigt den exakten Zeilenumbruch auf jeder Plattform, damit Sie alles kürzen können, was sonst abgeschnitten würde, bevor es live geht.

Fügen Sie die Live-URL in das Abruffeld des Tools ein — es lädt die Seite, liest ihre vorhandenen Open-Graph- und Twitter-Card-Meta-Tags aus und trägt Titel, Beschreibung, Bild, Site-Name und den gefundenen Card-Typ automatisch ein. Von dort aus können Sie prüfen, was vorhanden ist, fehlende oder zu kleine Bilder erkennen, die Bewertung von A bis F einsehen und jeden Wert anpassen, um die verbesserte Karte in der Vorschau zu sehen. Da Browser Cross-Origin-Anfragen blockieren, läuft der Abruf über einen öffentlichen Proxy (AllOrigins), sodass die geprüfte Seitenadresse Ihren Browser verlässt, um das HTML zu holen; alles danach, einschließlich Bearbeitung und Bewertung, läuft lokal ab. So lässt sich am schnellsten die Konfiguration eines Mitbewerbers nachvollziehen oder bestätigen, dass die eigenen veröffentlichten Tags wirklich dem entsprechen, was beabsichtigt war, bevor sich eine Kampagne darauf verlässt.