🔗 OpenGraph-Vorschau ☆

Vorschau: So sieht Ihr Link beim Teilen aus

Kostenlose OpenGraph-Vorschau liest die Open-Graph- und Twitter-Card-Tags jeder URL und zeigt die Vorschau, die Facebook, X, LinkedIn, WhatsApp und Slack anzeigen würden. Link einfügen und Titel, Beschreibung und Bild genau so sehen, wie sie erscheinen.

Vor dem Veröffentlichen prüfen

• Titel, klar, eindeutig und unter ca. 60 Zeichen
• Beschreibung, überzeugend und unter ca. 155 Zeichen
• Bild, mindestens 1200×630 für große Karten
• Fehlende oder doppelte og:-Tags

Das Tool listet außerdem die gefundenen Roh-Tags: Tippfehler, relative Bildpfade oder Seiten, die nur eine nackte Link-Vorschau liefern. Kostenlos, ohne Anmeldung, nichts wird gespeichert.

So entsteht die Vorschau

Das Seiten-HTML wird geladen und die Open-Graph- und Twitter-Card-Tags werden geparst: og:title, og:description, og:image (mit angegebenen Maßen), og:url, og:type und die twitter:-Entsprechungen. Das Ergebnis wird als Link-Karte gerendert, und die Rohliste zeigt die typischen Übeltäter: abgeschnittene Titel, fehlendes og:image oder doppelte Tags durch ein Plugin.

Verarbeitungsdetails und Grenzen

Datenschutz: aus Ihrem Browser geladen

Der Abruf läuft über Ihre Verbindung, die Zielseite sieht einen normalen Besuch. 0Appz fungiert nicht als Proxy und speichert die Tags nicht; es gibt keinen Verlauf der geprüften URLs.

Häufige Vorschauprobleme beheben

• Absolute https-URLs für og:image verwenden.
• Bilder mit 1200×630 für große Karten liefern.
• Titel unter ~60 Zeichen, Beschreibungen 150-200.
• Open Graph und Twitter Card gemeinsam setzen.
• Nach Tag-Änderungen im Plattform-Debugger neu crawlen.

Mehr: Entwicklerwerkzeuge für Metas, Header und SSL.

Welche Tags die Vorschau wirklich steuern

Plattformen lesen beim Erstellen der Karte nur wenige Tags und ignorieren den Rest. og:title setzt die Überschrift; fehlt sie, greift der Crawler auf den HTML-Title zurück, der oft einen ungewollten Site-Zusatz trägt. og:description steuert die zwei bis drei Zeilen darunter, und og:url teilt der Plattform mit, zu welcher kanonischen Adresse die Karte gehört, eine Abweichung hier ist eine häufige Ursache für Karten, die auf die falsche Seite zeigen. Das Bild ist der fehleranfälligste Teil: og:image muss eine absolute https-URL sein, idealerweise 1200×630 Pixel für ein Verhältnis von 1,91:1 und unter etwa 5 MB, damit der Crawler nicht in eine Zeitüberschreitung läuft. og:image:width und og:image:height lassen die Plattform den Platz vor dem Laden reservieren. Bei X wählt twitter:card das Layout, summary_large_image ist meist gewünscht, und twitter:title, twitter:description und twitter:image können die OpenGraph-Werte überschreiben, wenn beide Netzwerke unterschiedliche Texte brauchen. Zwei praktische Prüfungen sparen Zeit: Stellen Sie sicher, dass die Vorschau-URL mit 200 ohne Weiterleitungskette antwortet, und beachten Sie, dass Plattformen Karten aggressiv cachen, nutzen Sie den Debugger des jeweiligen Netzwerks, um nach Tag-Änderungen zu aktualisieren.

Ein letzter Tipp: Prüfen Sie die Vorschau immer mit der endgültigen Produktions-URL, nicht mit einer Staging-Adresse, sonst zeigt die Karte später auf eine Domain, die niemand sehen soll.