Open-Graph-Vorschau prüfen — So sehen Links in sozialen Netzwerken aus
Bevor du eine URL in sozialen Netzwerken teilst, solltest du wissen, wie sie dort aussehen wird. Ein unpassendes Vorschaubild, ein abgeschnittener Titel oder eine fehlende Beschreibung können die Klickrate erheblich reduzieren. Der WikiPlus Open-Graph-Vorschau-Tool zeigt sofort, wie deine URLs auf Facebook, LinkedIn, Twitter und in anderen Netzwerken dargestellt werden — kostenlos und direkt im Browser.
Warum die Link-Vorschau auf Social Media so wichtig ist
Wenn Links in sozialen Netzwerken geteilt werden, erzeugt die Plattform automatisch eine Vorschaukarte (Link Card). Diese Karte zeigt Titelbild, Titel und eine kurze Beschreibung — und hat enormen Einfluss darauf, ob Nutzer auf den Link klicken oder scrollen. Studien belegen, dass Posts mit einem ansprechenden Vorschaubild 2-3 mal mehr Klicks erhalten als Posts ohne Bild oder mit automatisch generierten Vorschauen. Das Vorschaubild stammt aus dem og:image-Meta-Tag, Titel aus og:title und Beschreibung aus og:description. Sind diese Tags nicht gesetzt, wählt die Plattform selbst ein Bild und Text aus der Seite — oft mit schlechten Ergebnissen. Der WikiPlus OG-Preview-Tool ermöglicht es, die Tags zu testen, bevor echte Shares stattfinden, und potenzielle Probleme vorab zu identifizieren.
Open-Graph-Tags prüfen: Schritt für Schritt
Das Prüfen von Open-Graph-Tags mit dem WikiPlus Tool ist einfach. URL eingeben: Man gibt die URL der zu prüfenden Seite ein. Das Tool lädt die Seite und liest alle og:-Meta-Tags aus. Vorschau anzeigen: Das Tool zeigt die Link-Card-Vorschau so an, wie sie in verschiedenen Netzwerken erscheinen würde. Probleme identifizieren: Fehlt das og:image? Ist og:title zu lang? Passt og:description zur Seite? Anpassen und erneut prüfen: Nach Anpassungen der Meta-Tags im Code kann man die URL erneut eingeben und das Ergebnis sofort sehen. Bei Produktionsseiten: Da Plattformen ihre Vorschauen cachen, muss nach Änderungen der Cache explizit geleert werden — beim Facebook Sharing Debugger über den 'Scrape Again'-Button. Der WikiPlus OG-Preview-Tool zeigt immer den aktuellen Stand der Meta-Tags, unabhängig von Platform-Caches.
Unterschiede zwischen Plattform-Vorschauen
Jede Plattform rendert Link-Vorschauen etwas anders, auch wenn sie dieselben og:-Tags lesen. Facebook: Zeigt og:image im Verhältnis 1,91:1 (1200x630 px empfohlen). Title wird auf ca. 65 Zeichen begrenzt. Description auf ca. 200 Zeichen. LinkedIn: Ähnliches Format wie Facebook, leicht unterschiedliche Darstellungsregeln. Twitter (X): Bei summary_large_image-Card wird das Bild groß dargestellt, bei summary klein. Eigene twitter:-Tags haben Vorrang vor og:-Tags. WhatsApp und Telegram: Verwenden og:-Tags für Vorschauen, zeigen aber kleinere Bilder (oft 400x209 px reicht). Slack und Discord: Lesen og:-Tags und zeigen Vorschauen direkt im Kanal an. iMessage/SMS: iOS und Android können ebenfalls og:-Tags für Link-Vorschauen nutzen. Der WikiPlus OG-Preview-Tool zeigt die wichtigsten Plattform-Varianten und hilft, Probleme plattformübergreifend zu erkennen.
Häufige OG-Tag-Fehler und ihre Lösung
Die häufigsten Fehler bei der Open-Graph-Implementierung: og:image-URL nicht erreichbar: Das Bild muss über HTTPS erreichbar sein. Relative URLs funktionieren nicht — immer absolute URLs verwenden. og:image zu klein: Bilder unter 200x200 px werden oft nicht angezeigt. Empfohlen: 1200x630 px. og:title fehlt: Ohne og:title greift die Plattform auf den <title>-Tag zurück, was nicht immer optimal ist. og:url fehlt oder falsch: Wenn og:url nicht gesetzt ist oder nicht mit der aktuellen URL übereinstimmt, kann es zu Vorschau-Problemen kommen. og:description zu lang oder leer: Zu lange Descriptions werden abgeschnitten, leere Descriptions führen zur automatischen Generierung durch die Plattform. og:image gecacht von alter Version: Plattformen cachen Bilder aggressiv. Bei URL-Änderungen muss der Cache explizit geleert werden. Nach jeder Änderung an og:-Tags sollte der WikiPlus OG-Preview-Tool zur Kontrolle verwendet werden.
Häufig gestellte Fragen
- Wie kann ich den OG-Cache auf Facebook nach einer Änderung löschen?
- Nutze den Facebook Sharing Debugger (developers.facebook.com/tools/debug/). Gib die URL ein und klicke auf 'Scrape Again'. Das leert den Facebook-Cache und Facebook liest die aktuellen og:-Tags neu ein. Nach dem Scrapen zeigt der Debugger die aktuelle Vorschau.
- Kann ich für jede Seite ein anderes og:image verwenden?
- Ja, und das ist empfehlenswert. Blog-Artikel sollten das Artikelbild als og:image verwenden, Produktseiten das Produktbild, die Startseite ein repräsentatives Markenbild. Einheitliche og:images für alle Seiten sind weniger effektiv als seitenspezifische Bilder.
- Brauche ich twitter:-Tags, wenn ich og:-Tags habe?
- Twitter liest og:-Tags als Fallback. Für maximale Kontrolle über die Twitter-Darstellung (z.B. um summary_large_image statt summary zu erzwingen) sind explizite twitter:-Tags notwendig. Mindestens twitter:card sollte gesetzt werden.