Kostenloses Tool

Kostenloses Open-Graph + X/Twitter + Facebook + LinkedIn Preview-Tool

Ein Social-Media-Preview-Tool ist ein kostenloser Debugger, der Ihnen genau zeigt, wie Ihre Webseite beim Teilen auf Facebook, X/Twitter und LinkedIn aussehen wird. Geben Sie eine URL ein, um Ihr Open-Graph-Bild, den Titel und die Beschreibung sofort in der Vorschau zu sehen.

Zuletzt aktualisiert: März 2026

Social Posts in der Vorschau

Geben Sie die vollständige URL der Seite ein, die Sie in der Vorschau sehen möchten

Social-Media-Vorschau

acme.com

Spring launch guide

Ihre Social-Media-Vorschauen erscheinen hier

Geben Sie eine Website-URL ein und klicken Sie auf "Social Posts in der Vorschau", um zu starten

Bereit, smarter zu tracken?

UseClick.io macht Link-Management mühelos. Erstelle gebrandete Short Links, die clean, einprägsam und darauf ausgelegt sind, deine Markenidentität zu stärken.

Kostenlos starten

Was sind Social-Media-Tags?

Social-Media-Tags sind HTML-Meta-Elemente, die steuern, wie Ihre Webseite erscheint, wenn jemand ihre URL auf Plattformen wie Facebook, X/Twitter, LinkedIn, WhatsApp, Slack und iMessage teilt. Die beiden Hauptstandards sind Open-Graph-Tags (og:), die 2010 von Facebook erstellt wurden und nun von den meisten Plattformen unterstützt werden, und Twitter Cards (twitter:), die spezifisch für X/Twitter sind.

  • OG-Titel

    Die Überschrift, die erscheint, wenn Ihr Inhalt auf Facebook, LinkedIn und anderen Plattformen geteilt wird. Sollte überzeugend und unter 60 Zeichen sein.

    <meta property="og:title" content="Your Amazing Page Title">

  • OG-Beschreibung

    Der Beschreibungstext, der unter dem Titel in Social-Media-Shares erscheint. Halten Sie ihn unter 160 Zeichen für beste Ergebnisse.

    <meta property="og:description" content="A compelling description of your content...">

  • OG-Bild

    Das Bild, das mit Ihrem geteilten Inhalt angezeigt wird. Die empfohlene Größe ist 1200x630 Pixel für optimale Anzeige über alle Plattformen.

    <meta property="og:image" content="https://example.com/image.jpg">

  • Twitter-Card-Typ

    Definiert, wie Ihr Inhalt auf Twitter erscheint. Verwenden Sie "summary_large_image" für große Bilder oder "summary" für kleinere Karten.

    <meta name="twitter:card" content="summary_large_image">

Warum Social-Media-Tags in der Vorschau?

Optimieren Sie das Erscheinungsbild Ihrer Inhalte in den sozialen Medien, um das Engagement zu steigern und mehr Traffic auf Ihre Website zu lenken.

  • Social-Media-Vorschau

    Sehen Sie genau, wie Ihr Inhalt erscheinen wird, wenn er auf Facebook, Twitter, LinkedIn und anderen sozialen Plattformen geteilt wird.

  • Engagement-Optimierung

    Optimieren Sie Ihre Open-Graph- und Twitter-Card-Tags, um Click-Through-Raten und Social-Media-Engagement zu steigern.

  • Markenkonsistenz

    Stellen Sie sicher, dass Ihre Markenbotschaft und -visuals über alle sozialen Medien-Plattformen und Sharing-Kontexte hinweg konsistent sind.

  • Probleme debuggen

    Identifizieren und beheben Sie Probleme mit Ihren Social-Media-Tags, die ein ordnungsgemäßes Teilen und Anzeigen verhindern könnten.

Social-Media-Tag-Best-Practices

Befolgen Sie diese bewährten Strategien, um Ihr Social-Media-Engagement und Ihre Sharing-Effektivität zu maximieren.

1. Hochwertige Bilder verwenden

Verwenden Sie klare, hochauflösende Bilder mit den richtigen Seitenverhältnissen für jede Plattform. Facebook und LinkedIn bevorzugen 1200x630px, während Twitter mit 1200x600px gut funktioniert.
Schlecht:

Low resolution or stretched images

Gut:

High-quality 1200x630px images

2. Überzeugende Titel und Beschreibungen verfassen

Schreiben Sie ansprechende Titel und Beschreibungen, die Klicks fördern. Halten Sie Titel unter 60 Zeichen und Beschreibungen unter 160 Zeichen.
Schlecht:

Generic titles like "Home" or "Page"

Gut:

Actionable titles like "10 Tips to Boost Your SEO"

3. Ihre Marke einbeziehen

Stellen Sie sicher, dass Ihre Markenidentität über alle Social-Media-Shares hinweg konsistent ist, indem Sie Ihr Logo in Bildern einbeziehen und konsistente Farben und Schriftarten verwenden.

UseClick-Vorteil:

UseClick.io generiert automatisch markenkonforme Social-Media-Vorschauen mit Ihrem individuellen Logo und Ihren Markenfarben für jeden gekürzten URL.
FAQ

Häufig gestellte Fragen

Es ruft eine URL ab, liest Open-Graph- und Twitter-Card-Tags und zeigt die Social-Vorschau.

Nutzen Sie 1200 x 630 Pixel für breite Kompatibilität mit Facebook, LinkedIn, Slack, WhatsApp und ähnlichen Plattformen.

Open Graph ist der gemeinsame Standard für Social-Previews. Twitter Cards ergänzen Twitter-spezifische Layoutsteuerung.

Häufige Ursachen sind relative Bild-URLs, blockierte Dateien, zu kleine Bilder, falscher Content-Type oder veralteter Cache.

Nutzen Sie Tools wie Facebook Sharing Debugger, Twitter Card Validator und LinkedIn Post Inspector.

Meist reichen Open Graph plus twitter:card. Ergänzen Sie Spezial-Tags nur für abweichende Texte oder Layouts.

Kostenloses Tool

Verwandte kostenlose Tools

Alle kostenlosen Tools

Bereit, smarter zu tracken?

UseClick.io macht Link-Management mühelos. Erstelle gebrandete Short Links, die clean, einprägsam und darauf ausgelegt sind, deine Markenidentität zu stärken.

Kostenlos starten