Öffnen Sie Graph Preview Studio

Öffnen Sie das Diagrammvorschau-Tool

Arbeitsbereich wird geladen...

So zeigen Sie eine Vorschau der OG-Tags von einer beliebigen URL an

Fügen Sie eine absolute https-URL ein, führen Sie Metadaten abrufen aus und überprüfen Sie dann den zusammengeführten Titel, die Beschreibung, das Bild und die Ziel-URL. Erweitern Sie die Diagnose, um Statuscodes, die endgültige URL nach Weiterleitungen und den Inhaltstyp zu bestätigen.

Wie Open Graph, Twitter Card und Fallback-Meta-Tags ausgewählt werden

Für Vorschauen im Facebook- und LinkedIn-Stil bevorzugen wir Open Graph-Tags und greifen dann auf den Titel-Tag, die Meta-Beschreibung, die kanonische URL und das erste geeignete Körperbild zurück, wenn og:image fehlt. Für die Vorschau im X/Twitter-Stil bevorzugen wir twitter:title, twitter:description und twitter:image, sofern vorhanden, ansonsten greifen wir auf Open Graph und dann auf die gleichen generischen Fallbacks zurück.

Häufige Metadatenprobleme und deren Behebung

Das Fehlen von og:image ist das häufigste Problem mit der Freigabequalität. Fügen Sie eine quadratische oder querformatige Bild-URL hinzu. Auch doppelte oder widersprüchliche Tags, relative Bild-URLs ohne korrekte Basis und lange Titel, die abgeschnitten werden, kommen häufig vor. Verwenden Sie den Editor, um Korrekturen vor der Veröffentlichung zu testen.

So exportieren Sie HTML-Meta-Tags oder JSON

Nach einem erfolgreichen Abruf (oder nachdem Sie die erforderlichen Felder manuell ausgefüllt haben) verwenden Sie „HTML kopieren“ oder „JSON kopieren“ oder laden Sie die .html- und .json-Dateien herunter. Werte werden im HTML-Snippet mit Escapezeichen versehen und der JSON-Code enthält den Quellstatus für jedes unterstützte Feld.

Rufen Sie Open Graph- und Twitter-Karten-Metadaten von einer öffentlichen URL ab, zeigen Sie Karten im Facebook-, X/Twitter- und LinkedIn-Stil in der Vorschau an, überschreiben Sie Felder lokal und exportieren Sie HTML-Meta-Tags oder JSON.

Häufig gestellte Fragen

Warum unterscheiden sich die Vorschauen auf Facebook, X und LinkedIn?

Jede Plattform liest Tags in einer etwas anderen Reihenfolge, wendet ihre eigenen Zuschneideregeln an und speichert möglicherweise ältere Versionen Ihrer Seite im Cache. Dieses Studio zeigt konsistente, lokale Vorlagen aus Ihren zusammengeführten Metadaten, damit Sie Struktur und Kopie validieren können – keine pixelgenauen Netzwerk-Renderings.

Verändert dieses Tool meine Live-Website?

Nein. Abgerufener HTML-Code wird nur für die aktuelle Anfrage analysiert. Bearbeitungen und Exporte bleiben in Ihrem Browser (mit optionalen URL-Abfrageparametern für gemeinsam nutzbare Überschreibungen). Es wird nichts auf Ihre Website zurückgeschrieben.

Was passiert, wenn meine Seite automatische Abrufe blockiert?

Einige Websites geben 403/401 an Nicht-Browser-Clients zurück. Dieses MVP unterstützt nur öffentlich abrufbares HTML ohne Authentifizierung. Versuchen Sie es mit einer Staging-URL oder lockern Sie die Bot-Regeln vorübergehend, wenn Sie den Server kontrollieren.