Zum Inhalt springen
bobob

Open-Graph-Vorschau

Prüft Open-Graph-Titel, Beschreibung, URL, Bild und Robots-Regel und kopiert einen Social-Crawler-Report.

Läuft im BrowserWas du eingibst, wird nicht an einen Server gesendet.

Eingabe und Ergebnis

Deine Eingaben bleiben nur in diesem Browser. Beim erneuten Öffnen kannst du den letzten Stand laden.

Anwendungsfälle

  • Prüft Open-Graph-Titel, Beschreibung, URL, Bild und Robots-Regel und kopiert einen Social-Crawler-Report.
  • Verarbeitet Eingaben mit Lokal im Browser und lässt Ergebnisse vor dem Kopieren prüfen.
  • Kombiniere Open-Graph-Vorschau mit verwandten Tools für kuerzere Workflows.

Beispiele

Typische Eingabe
Title, description, image URL
Mit diesem Beispiel prüfst du den Eingabefluss von Open-Graph-Vorschau.
Typische Ausgabe
Card preview, robots policy, image diagnostics, and Open Graph tags
Schnelles Beispiel zur Kontrolle der Ausgabeform vor dem Kopieren.
Weiteres Beispiel
Title, description, image URL, canonical URL
Schnelles Beispiel zur Kontrolle der Ausgabeform vor dem Kopieren.
Weiteres Beispiel
https://www.bobob.app/og-image.png
Schnelles Beispiel zur Kontrolle der Ausgabeform vor dem Kopieren.

Häufige Fehler

  • Prüft Open-Graph-Titel, Beschreibung, URL, Bild und Robots-Regel und kopiert einen Social-Crawler-Report.
  • Wenn Lokal im Browser nicht zur echten Eingabeform passt, sollte die Ausgabe nicht ungeprüft uebernommen werden.
  • Entferne Produktionsgeheimnisse, Kundendaten und interne URLs, bevor kopierte Werte geteilt werden.

Vor dem Kopieren

  1. 1Vergleiche Eingabe und Ausgabeform noch einmal.
  2. 2Prüfe Unterschiede bei Runtime, Encoding, Zeitzone und Sicherheitsrichtlinie.
  3. 3Prüfe mit einem verwandten Tool, ob Open-Graph-Vorschau für den nächsten Schritt passt.

Quellen

  • og:image has to be an absolute URL

    The Open Graph protocol types `og:image` as a URL. A relative path like `/og.png` cannot be fetched by a crawler, so the preview comes back blank. Use the full https address.

    Stand: ogp.me

  • A preview that will not update is usually their cache

    Platforms keep what they scraped earlier even after you fix the tags. Each one has a re-scrape tool; until you run it the old card stays. Often nothing is wrong with your page.

    Stand: Crawler cache behaviour

FAQ

Wo wird die Eingabe von Open-Graph-Vorschau verarbeitet?

Wenn möglich im Browser. Produktionsgeheimnisse und Kundendaten gehören trotzdem nicht hinein.

Kann ich das Ergebnis direkt in Produktion nutzen?

Prüfe vor dem Kopieren Runtime, Encoding, Zeitzone und Sicherheitsrichtlinien deiner Umgebung.