Startseite / SEO / LinkPreviewInspector

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.


Schnellstart

  1. URL eingeben: Link einfügen, den Sie inspizieren möchten.
  2. Analysieren: Alle Meta-Tags, Open Graph-Daten und Twitter Card-Informationen anzeigen.
  3. Vorschau: Ansehen, wie es auf verschiedenen Plattformen erscheint.
  4. Probleme beheben: Spezifische Empfehlungen für fehlende oder defekte Tags erhalten.
  5. 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 erscheint
  • og:description — Textausschnitt unter dem Titel
  • og:image — Vorschaubild (empfohlen: 1200×630px)
  • og:url — Kanonische URL der Seite
  • og: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 Twitter
  • twitter: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

Twitter

  • 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"

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.

  1. Füge den vollständigen Link zu deiner Webseite in das Eingabefeld ein.
  2. Das Tool lädt und analysiert das HTML, um alle verfügbaren Open-Graph-, Twitter-, Schema- und oEmbed-Tags zu finden.
  3. Nutze die Tabs, um die Darstellung auf jeder Plattform zu sehen und ein detailliertes Tag-Audit anzusehen.

Häufig gestellte Fragen

Open-Graph-(OG)-Tags steuern die Darstellung einer Seite beim Teilen auf Facebook, LinkedIn oder Telegram — sie definieren Titel, Beschreibung und Vorschaubild.

Plattformen cachen und interpretieren Metadaten unterschiedlich. LinkedIn und Telegram nutzen OG-Tags, X / Twitter verwendet eigene „twitter:*“-Tags.

Schema.org-Markup (oft als JSON-LD) hilft Suchmaschinen, Inhalte zu verstehen und Rich Snippets anzuzeigen.

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.