AnyTools
👁

Öffnen Graph Vorschau Werkzeug

Vorschau und generieren Öffnen Graph meta Tags für social media sharing cards

Meta Data Input

Title
Beschreibung
Image
URL

Preview

votre Page Titelvotre Page Beschreibung will appear hereexample.com

Generated Meta Tags

❓What is Open Graph Preview

Öffnen Graph Vorschau tool visualizes and tests how web Pages appear when shared on social media. Öffnen Graph is a protocol Créé by Facebook cette turns web Pages into rich objects in the social graph. It controls the appearance of share cards through meta Tags (og:Titel, og:Beschreibung, og:image, og:url). Key Funktionen: Real-Heure share card Vorschau (Facebook, Twitter, LinkedIn, etc.), Complete OG tag generation, Image Größe validation, Tag syntax checking, Multi-platform Vorschau. Why it matters: Proper OG Tags increase Klicken-through rates, improve brand presentation, and boost social media engagement. Incorrect Tags lead to broken Images, wrong titles, or missing descriptions. Erforderlich Tags: og:Titel (Titel), og:Type (Type - Site web/article), og:image (image URL - HTTPS, 1200x630px), og:url (canonical URL). Optional Tags: og:Beschreibung, og:site_name, og:locale, image metadata. Platform-specific Tags: Twitter Cards (twitter:card, twitter:Titel), Facebook-specific (fb:app_id). This tool helps you compose OG Tags, Vorschau them across platforms, and provides recommendations pour optimization.

✨Funktionen

🔍

Echtzeit-Vorschau

Sofortige Vorschau der Seitenanzeige in sozialen Medien
📝

Vollständige OG-Tags

Alle erforderlichen Öffnen Graph Meta-Tags generieren
🌐

Mehrere Plattformen

Gleichzeitige Vorschau für Facebook, Twitter, LinkedIn
📋

Tags kopieren

Generierte Meta-Tags mit einem Klick kopieren

📋Verwendungsanleitung

1️⃣
Eingeben Meta Daten
Fill in Titel, Beschreibung, Bild URL, et Page URL für votre content
2️⃣
Configure Optionen
Set Öffnen Graph Type, site Name, Twitter card Type, und social media handles
3️⃣
Vorschau Appearance
Avis how votre content appears on different social media platfürms
4️⃣
Generieren und Kopieren Tags
Generieren meta Tags code und Kopieren zu Ihr Site web's <head> section

📚Technische Einführung

🏗️Open Graph Protocol

Öffnen Graph uses meta Tags mit og: prefix in HTML <head> to define Page metadata. Core properties include og:Titel (Page Titel), og:Type (content Type like article, Site web, Vidéo), og:Bild (Vorschau Bild URL), og:url (canonical URL), and og:Beschreibung (content summary). Optional properties include og:site_name, og:locale, article:published_time, and Vidéo:duration. These Tags are parsed by social media platfürms when URLs are shared to create rich Vorschau cards.

🐦Twitter Cards

Twitter Cards extend Öffnen Graph mit twitter: prefixed Tags für Twitter-specific Funktionen. Four card Types are available: summary (Standard mit square Bild), summary_large_image (large rectangle Bild), app (mobile app promotion), et player (Vidéo/Audio player). twitter:card specifies the Type, while twitter:site et twitter:creator reference Twitter @handles. Twitter falls Zurück to Öffnen Graph Tags if Twitter-specific Tags are absent.

📐Bild Requirements

Different platfürms have specific Bild requirements: Facebook recommends 1200x630px (1.91:1 ratio), minimum 200x200px, maximum 8MB; Twitter summary_large_image needs 2:1 ratio (1200x600px preferred), summary card 1:1 ratio (144x144px minimum); LinkedIn unterstützt 1200x627px (1.91:1); WeChat requires 300x300px to 1068x455px. Bilder should be in JPG, PNG, or WEBP fürmat. Using plusieurs og:Bild Tags bietet fallbacks.

🔍Testing und Debugging

Platfürm-specific debugging tools validate Öffnen Graph implementation: Facebook Sharing Debugger (https://developers.facebook.com/tools/debug/) shows how Facebook sees votre Page et clears cache; Twitter Card Validator (https://cards-dev.twitter.com/validator) previews Twitter cards; LinkedIn Post Inspector (https://www.linkedin.com/post-inspector/) tests LinkedIn sharing. These tools identify missing Tags, Bild Laden issues, et provide warnings für best practices.
❓

Häufig Gestellte Fragen

❓

Was sind Öffnen Graph Tags?

Öffnen Graph Tags sind Meta-Tags, die steuern, wie URLs angezeigt werden, wenn sie auf Social-Media-Plattformen geteilt werden. Sie definieren Titel, Beschreibung, Bild und andere Eigenschaften für Lien-Vorschauen.
💬

Welche Plattformen verwenden Öffnen Graph?

Facebook, LinkedIn, Pinterest und viele andere Plattformen verwenden Öffnen Graph. Twitter verwendet ähnliche Twitter Card Tags. Beide können auf derselben Seite koexistieren.
🔍

Was ist die empfohlene Bildgröße?

Empfohlen: 1200x630px für Facebook/LinkedIn. Minimum: 600x315px. PNG- oder JPG-Format verwenden. Dateigröße unter 8MB halten.
💡

Wie debuggt man Öffnen Graph Tags?

Facebook Sharing Debugger, Twitter Card Validator oder LinkedIn Post Inspector verwenden. Diese Tools zeigen, wie Ihre Tags erscheinen werden und identifizieren Fehler.
📚

Brauche ich verschiedene Tags für jede Plattform?

Öffnen Graph Tags funktionieren für die meisten Plattformen. Twitter Card Tags (twitter:*) für Twitter-spezifische Funktionen hinzufügen. og:*-Tags als Fallback für alle Plattformen verwenden.

💡Verwendung

1️⃣

Seiten-URL eingeben

Seiten-URL eingeben oder Öffnen Graph Tags einfügen. Tool ruft Meta-Tags ab und analysiert sie. Vorschau auf allen Plattformen anzeigen.
2️⃣

OG-Tags bearbeiten

Öffnen Graph-Eigenschaften ändern: Titel, Beschreibung, Bild, Typ. Tool aktualisiert Vorschau in Echtzeit. Für jede Plattform optimieren.
3️⃣

Plattformen-Vorschau

Sehen Sie, wie Inhalte auf Facebook, Twitter, LinkedIn erscheinen. Bildgröße, Textlänge, Formatierung prüfen. Optimale Anzeige sicherstellen.
4️⃣

Meta-Tags generieren

Tool generiert vollständigen HTML-Meta-Tags-Code. In <head>-Bereich der Seite kopieren. Alle erforderlichen OG-Eigenschaften einschließen.
5️⃣

Validieren und testen

Plattform-Validatoren zum Testen von Tags verwenden. Facebook Debugger, Twitter Validator, LinkedIn Inspector. Warnungen oder Fehler beheben.

🔗Related Documents

📖Open Graph Protokoll-Offizielle Öffnen Graph Protokoll-Dokumentation
🐦Twitter Card Tags-Twitter Card Meta-Tags-Leitfaden
📘Facebook-Teilen-Best Practices für Facebook-Teilen
🔍LinkedIn Post Inspector-LinkedIn-Post-Vorschau- und Debugging-Tool
📊SEO Meta-Tags-Leitfaden-Vollständiger Leitfaden zu SEO und sozialen Meta-Tags

📝Aktualisierungsprotokoll

📌v1.11.251102
v1.0.251026Erstellt Öffnen Graph Vorschau Tool; Unterstützen multi-platform Vorschau (Facebook, Twitter, LinkedIn); Real-Heure meta Tag generation; Image Validierung und dimension checking; Vollständig Öffnen Graph und Twitter Card Tag generation; One-Klicken Kopieren und Validierung(2025-10-26)

📦Empfohlene Komponenten

User Comments

0 / 2000
Loading...