Link-Vorschau-Inspektor
Prüfe, wie deine Seite in sozialen Netzwerken erscheint, und analysiere ihre Metatags.
Link Preview Inspector — Social-Media-Vorschauen debuggen und optimieren
Wenn Sie einen Link in sozialen Medien teilen, kann die Vorschaukarte über Erfolg oder Misserfolg des Engagements entscheiden. Link Preview Inspector zeigt genau, wie Ihre Seite auf Facebook, Twitter, LinkedIn und anderen Plattformen erscheinen wird — und hilft Ihnen, defekte Vorschauen vor dem Posten zu beheben.
Was es tut: Geben Sie eine beliebige URL ein und sehen Sie ihre Open Graph Tags, Twitter Cards und Metadaten. Sehen Sie eine Vorschau, wie der Link beim Teilen aussehen wird, identifizieren Sie fehlende oder falsche Tags und erhalten Sie umsetzbare Empfehlungen zur Verbesserung der Klickraten.
Schnellstart
- URL eingeben: Link einfügen, den Sie inspizieren möchten.
- Analysieren: Alle Meta-Tags, Open Graph-Daten und Twitter Card-Informationen anzeigen.
- Vorschau: Ansehen, wie es auf verschiedenen Plattformen erscheint.
- Probleme beheben: Spezifische Empfehlungen für fehlende oder defekte Tags erhalten.
- Validieren: Nach Änderungen an Ihrer Seite erneut prüfen.
Warum Link-Vorschauen wichtig sind
- Höhere CTR: Reichhaltige Vorschauen mit Bildern erhalten 2-3x mehr Klicks als einfache Links.
- Professionelles Erscheinungsbild: Richtige Vorschauen schaffen Vertrauen und Glaubwürdigkeit.
- Markenkontrolle: Wählen Sie genau aus, welches Bild, welcher Titel und welche Beschreibung erscheinen.
- Plattform-Optimierung: Verschiedene Netzwerke verwenden unterschiedliche Meta-Tags.
- Schnelles Debugging: Finden und beheben Sie Vorschauprobleme, bevor sie das Engagement beeinträchtigen.
Was inspiziert wird
Open Graph (Facebook, LinkedIn)
og:title— Überschrift, die in der Vorschau erscheintog:description— Textausschnitt unter dem Titelog:image— Vorschaubild (empfohlen: 1200×630px)og:url— Kanonische URL der Seiteog:type— Inhaltstyp (website, article, video usw.)og:site_name— Ihr Website- oder Markenname
Twitter Cards
twitter:card— Kartentyp (summary, summary_large_image, player)twitter:title— Titel für Twitter (kann von OG abweichen)twitter:description— Beschreibung für Twittertwitter:image— Bild für Twitter (empfohlen: 1200×675px)twitter:site— Ihr Twitter-Handle (@username)twitter:creator— Twitter-Handle des Autors
Häufig erkannte Probleme
Fehlendes Bild: Kein og:image oder twitter:image Tag gefunden.
- Auswirkung: Link wird nur als Text angezeigt, viel geringeres Engagement
- Lösung: Fügen Sie geeignete Bild-Tags mit absoluten URLs hinzu
Bild zu klein: Bildabmessungen unter Plattform-Mindestanforderungen.
- Auswirkung: Verschwommene oder abgelehnte Vorschauen
- Lösung: Verwenden Sie mindestens 1200×630px für beste Ergebnisse
Fehlende Beschreibung: Kein og:description oder verwendet generischen Text.
- Auswirkung: Weniger überzeugende Vorschau, niedrigere CTR
- Lösung: Schreiben Sie ansprechende Beschreibungen mit 150-200 Zeichen
Defekte Bild-URL: Bildpfad ist relativ oder gibt 404 zurück.
- Auswirkung: Kein Bild wird in der Vorschau angezeigt
- Lösung: Verwenden Sie absolute URLs (https://...) und überprüfen Sie, ob sie laden
Plattformspezifische Anforderungen
Facebook & LinkedIn
- Bildgröße: 1200×630px (Verhältnis 1.91:1)
- Min. Größe: 600×315px
- Max. Größe: 8MB
- Format: JPG oder PNG
- Titel: 60-90 Zeichen
- Beschreibung: 150-200 Zeichen
- Summary Card: Verhältnis 1:1 (min. 300×300px)
- Large Image: Verhältnis 2:1 (empfohlen 1200×675px)
- Max. Größe: 5MB
- Format: JPG, PNG, WEBP, GIF
- Titel: Max. 70 Zeichen
- Beschreibung: Max. 200 Zeichen
Best Practices
Bildoptimierung
- Verwenden Sie hochwertige Bilder: Scharfe, professionelle Fotos oder Grafiken
- Text sparsam einbeziehen: Nur große, lesbare Schriftarten
- Auf Mobilgeräten testen: Die meisten Shares erfolgen von Telefonen
- Kleine Details vermeiden: Sie verschwinden in Miniaturansichten
- Konsistent branden: Verwenden Sie erkennbare Farben und Stil
Effektive Vorschauen schreiben
- Sofort fesseln: Die ersten Worte sind am wichtigsten
- Spezifisch sein: "10 Tipps für..." schlägt "Einige Ratschläge über..."
- Vorteile einbeziehen: Sagen Sie den Leuten, was sie bekommen
- Inhalt abgleichen: Kein Clickbait — liefern Sie, was Sie versprechen
- Aktive Stimme verwenden: "Lernen Sie, wie..." nicht "Wie... gelernt werden kann"
Datenschutzhinweis: Dieses Tool ruft öffentlich verfügbare Meta-Tags von URLs ab, die Sie bereitstellen. Inspizieren Sie keine privaten oder sensiblen Seiten. Das Tool speichert keine URLs oder Daten, aber Ihr Browser stellt Anfragen an die Zielseite.
Fazit
Link-Vorschauen sind Ihr erster Eindruck in sozialen Medien. Eine defekte oder fehlende Vorschau kann das Engagement zunichte machen, während eine großartige Klicks und Shares fördert. Link Preview Inspector hilft Ihnen, Probleme frühzeitig zu erkennen, für jede Plattform zu optimieren und sicherzustellen, dass jeder Link, den Sie teilen, professionell und überzeugend aussieht.
- Füge den vollständigen Link zu deiner Webseite in das Eingabefeld ein.
- Das Tool lädt und analysiert das HTML, um alle verfügbaren Open-Graph-, Twitter-, Schema- und oEmbed-Tags zu finden.
- Nutze die Tabs, um die Darstellung auf jeder Plattform zu sehen und ein detailliertes Tag-Audit anzusehen.
Häufig gestellte Fragen
Verwandte Tools
Dieses Tool wird ausschließlich für den persönlichen und schulischen Gebrauch bereitgestellt. Wir hosten oder speichern keine Benutzerinhalte oder Mediendateien auf unseren Servern. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser. Wir sind weder mit noch von einem der genannten sozialen Netzwerke, Plattformen oder Unternehmen unterstützt oder verbunden. Die Nutzung dieses Dienstes erfolgt auf eigene Verantwortung und im Einklang mit den Nutzungsbedingungen der jeweiligen Plattform.