👁️

Open Graph Vorschau

Vorschau Ihrer Inhalte auf Facebook, Twitter, LinkedIn, Discord, Slack und WhatsApp.

Open Graph Tags

Open Graph Vorschau

Vorschau Ihrer Open Graph-Tags auf 6 großen Plattformen vor der Veröffentlichung.

Dieses Tool in Ihre Website einbetten

× px

                        

💡 Integrations-Tipp

Kopieren Sie den Einbettungscode und fügen Sie ihn in das HTML Ihrer Website ein. Die responsive Version passt sich automatisch an alle Bildschirmgrößen an.

1 Bewertung
✓

Beliebte Werkzeuge

Keine weiteren Tools
Alle Tools erkunden

Über Open Graph Vorschau

Tragen Sie og:title, og:description, og:image, og:url und og:site_name ein, und es entstehen nachgebildete Linkkarten für Facebook, Twitter/X, LinkedIn, Discord, Slack und WhatsApp. Jede Karte wendet die Kürzungsregeln der jeweiligen Plattform an, sodass Sie schon vor der Veröffentlichung sehen, wenn ein Titel bei 70 Zeichen abgeschnitten oder eine Beschreibung auf Twitter um die 125 Zeichen gekappt wird. Das Richtige für alle, deren Share-Vorschau in mehreren Apps gut aussehen muss. Die Tags geben Sie von Hand ein, statt sie abzurufen, und die Vorschauen entstehen lokal in Ihrem Browser.

Anwendungsfälle

Entwickler und QA-Engineers, die Daten mit der OG-Vorschau prüfen, validieren oder umwandeln.
DevOps-Fachleute, die Konfigurationsdateien, Tokens oder API-Antworten schnell zwischendurch debuggen.
Lernende, die Webentwicklung, Datenformate oder Kodierungsverfahren praxisnah mit der OG-Vorschau erarbeiten.
Technische Redakteure, die Codebeispiele, Konfigurationsbeispiele oder Material für die Dokumentation vorbereiten.
Sicherheitsforscher und Bug-Bounty-Jäger, die eine schnelle Spielwiese ohne Zugriff auf die Kommandozeile brauchen.

Anleitung

1

Tragen Sie og:title und og:description in die Felder auf der linken Seite ein; die Zähler neben den Beschriftungen zeigen Ihnen den Abstand zu den Richtwerten von 70 und 160 Zeichen.

2

Fügen Sie unter og:image eine Bildadresse ein – empfohlen sind 1200x630px – und füllen Sie anschließend og:url und og:site_name aus.

3

Oder laden Sie über die Vorlagen-Schaltflächen Article, Product und Video oberhalb des Formulars ein fertiges Beispiel.

4

Klicken Sie sich durch die Plattform-Tabs – facebook, twitter, linkedin, discord, slack und whatsapp –, um die Linkvorschau so zu sehen, wie sie der jeweilige Dienst darstellt.

5

Achten Sie darauf, wo Text abgeschnitten wird: Titel enden bei 70 Zeichen, Beschreibungen bei 125 Zeichen auf twitter und bei 155 Zeichen anderswo – kürzen Sie deshalb alles, was mit Auslassungspunkten endet.

Profi-Tipps

  • Fügen Sie Ihre Inhalte direkt ein – die OG-Vorschau erkennt gängige Eingabemuster und wendet automatisch sinnvolle Standardwerte an.
  • Nutzen Sie Tastenkürzel (Strg/Cmd+A zum Markieren, Strg/Cmd+C zum Kopieren), um in der OG-Vorschau schneller zu arbeiten.
  • Teilen Sie sehr große Eingaben in kleinere Abschnitte auf – die meisten Browser-Tabs verkraften zwar mehrere Megabyte Text, doch beim Parsen riesiger Datenmengen kann die Oberfläche kurz einfrieren.
  • Die OG-Vorschau protokolliert und speichert Ihre Eingaben nicht. Wenn Sie einen Verlauf benötigen, kopieren Sie wichtige Ergebnisse in eine lokale Datei oder eine Notiz-App.
  • Kombinieren Sie die OG-Vorschau mit anderen Tools dieser Seite (Formatierer, Konverter, Encoder), um komplette Daten-Workflows aufzubauen, ohne den Browser zu verlassen.

Häufig gestellte Fragen

Ja, vollständig kostenlos – ohne Anmeldung, ohne API-Schlüssel, ohne Wasserzeichen und ohne Nutzungslimits.

Nein. Die OG-Vorschau läuft vollständig clientseitig in Ihrem Browser. Ihre Eingaben erreichen unsere Server nie.

Es gibt keine feste Grenze, aber ab einigen Megabyte müssen Sie je nach Arbeitsspeicher Ihres Geräts mit Verzögerungen rechnen.

Ja. Ergebnisse aus der OG-Vorschau gehören Ihnen und dürfen Sie in privaten wie kommerziellen Projekten frei verwenden.

Der Großteil der Logik läuft als clientseitiges JavaScript, sodass Sie nach dem ersten Laden oft auch ohne Netzwerkverbindung weiterarbeiten können.

Keines. Da die OG-Vorschau in Ihrem Browser läuft, können Sie so viele Eingaben verarbeiten, wie Ihre Hardware zulässt – ohne API-Schlüssel und ohne Drosselung.

FreeWebTools AI
Powered by free AI models · Full chat →