Preview how your website will appear when shared on social media platforms.
Open Graph Previewer
Testen Sie Ihr Social-Media-Sharing-Erscheinungsbild
Website-URL
Hinweis: Einige Websites können externe Anfragen aufgrund von CORS-Richtlinien blockieren. Wenn die Vorschau fehlschlägt, können Sie den HTML-Content manuell mit der Fallback-Option einfügen.
Open-Graph-Previewer-Funktionen
Live-Vorschau
Sehen Sie genau, wie Ihre Website beim Teilen auf verschiedenen Social-Media-Plattformen erscheint.
Meta-Tag-Analyse
Analysieren und validieren Sie Ihre Open-Graph-Meta-Tags für optimales Social-Media-Sharing.
Multi-Plattform-Unterstützung
Vorschau, wie Ihr Content auf Facebook, Twitter, LinkedIn, WhatsApp und mehr erscheint.
Datenschutz zuerst
Alle Analyse erfolgt in Ihrem Browser. Ihre Website-Daten verlassen niemals Ihr Gerät.
Echtzeit-Analyse
Erhalten Sie sofortiges Feedback zu Ihrer Open-Graph-Implementierung mit detaillierter Tag-Analyse.
Visuelle Vorschauen
Sehen Sie realistische Social-Media-Karten-Vorschauen mit ordnungsgemäßem Styling und Dimensionen.
Wie man den Open-Graph-Previewer verwendet
Website-URL eingeben
Fügen Sie Ihre Website-URL in das Eingabefeld ein. Stellen Sie sicher, dass Sie die vollständige URL mit https:// eingeben
Vorschau generieren
Klicken Sie auf "Social Cards vorschauen", um Ihre Website zu analysieren und Social-Media-Vorschauen zu generieren.
Ergebnisse überprüfen
Überprüfen Sie, wie Ihr Content auf verschiedenen Plattformen erscheint und analysieren Sie Ihre Open-Graph-Meta-Tags.
Open-Graph-Meta-Tags-Beispiele
Grundlegende Open-Graph-Tags
<meta property="og:title" content="Your Page Title" /> <meta property="og:description" content="Your page description" /> <meta property="og:image" content="https://example.com/image.jpg" /> <meta property="og:url" content="https://example.com/page" /> <meta property="og:type" content="website" />
Twitter-Card-Tags
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Your Page Title" /> <meta name="twitter:description" content="Your page description" /> <meta name="twitter:image" content="https://example.com/image.jpg" />
Erweiterte Open-Graph-Tags
<meta property="og:site_name" content="Your Site Name" /> <meta property="og:locale" content="en_US" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:alt" content="Image description" />
Social-Media-Sharing ist entscheidend für moderne Web-Präsenz und digitalen Marketing-Erfolg. Unser kostenloses Open-Graph-Previewer-Tool hilft Entwicklern, Marketern und Content-Erstellern dabei, das Erscheinungsbild ihrer Website beim Teilen auf Social-Media-Plattformen zu optimieren. Open-Graph-Meta-Tags kontrollieren, wie Ihr Content auf Facebook, Twitter, LinkedIn, WhatsApp und anderen Plattformen erscheint und beeinflussen direkt Klickraten und Engagement. Dieses client-seitige Tool analysiert die Open-Graph-Implementierung Ihrer Website und bietet realistische Vorschauen davon, wie Ihr Content beim Teilen aussehen wird. Perfekt für SEO-Profis, Social-Media-Manager und Webentwickler, die sicherstellen müssen, dass ihr Content auf allen Social-Plattformen einen starken ersten Eindruck hinterlässt. Alle Analyse erfolgt lokal in Ihrem Browser und garantiert vollständige Privatsphäre und Sicherheit für Ihre Website-Daten.