Souus Tools
Sponsor

Web & Authentifizierung

OG-Meta-Tag-Vorschau

Kostenloses Online Open Graph Meta Tag Preview Tool. Sehen Sie, wie Ihre Seite auf Google, Facebook, Twitter und LinkedIn aussieht, bevor Sie sie veröffentlichen.

Kostenlos nutzbar Keine Anmeldung Läuft im Browser

Tool-Arbeitsbereich

Generated meta tags

<meta property="og:title" content="My Awesome Page">
<meta property="og:description" content="This is a great description of the page that will appear in search results and social media previews.">
<meta property="og:url" content="https://example.com/my-page">
<meta property="og:image" content="https://placehold.co/1200x630/3b82f6/white?text=OG+Image">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Awesome Page">
<meta name="twitter:description" content="This is a great description of the page that will appear in search results and social media previews.">
<meta name="twitter:image" content="https://placehold.co/1200x630/3b82f6/white?text=OG+Image">

Google Search Preview

example.com/my-page

My Awesome Page

This is a great description of the page that will appear in search results and social media previews.

Facebook / LinkedIn Preview

OG Image

example.com/my-page

My Awesome Page

This is a great description of the page that will appear in search results and social media previews.

Twitter Card Preview

Twitter Card

My Awesome Page

This is a great description of the page that will appear in search results and social media previews.

example.com/my-page

Was ist ein OG-Meta-Tag-Vorschau Tool?

Open Graph (OG) Meta-Tags sind HTML-Meta-Elemente, die steuern, wie Ihre Webseiten erscheinen, wenn sie auf Social-Media-Plattformen wie Facebook, Twitter, LinkedIn und Messaging-Apps geteilt werden. Sie definieren den Titel, die Beschreibung, das Bild und URL, die in Linkvorschauen angezeigt werden. Mit diesem Tool können Sie Ihre OG-Meta-Tag-Werte eingeben und sofort anzeigen, wie Ihre Seite in den Google-Suchergebnissen, Facebook / LinkedIn-Sharing-Karten und Twitter-Karten aussehen wird - alles ohne Veröffentlichung oder Bereitstellung Ihrer Seite. Diese Vorschau richtig zu machen ist wichtig, um die Klickraten zu maximieren und sicherzustellen, dass Ihre Inhalte beim Teilen professionell aussehen.

So verwenden Sie die OG-Meta-Tag-Vorschau

  1. 1Geben Sie Ihren Seitentitel im Feld 'og:title' ein. Halten Sie es unter 60 Zeichen für die beste Anzeige auf allen Plattformen.
  2. 2Fügen Sie Ihre Seite URL im Feld 'og:url' hinzu. Dies ist die kanonische URL, die in Vorschauen gezeigt wird.
  3. 3Schreiben Sie eine überzeugende Beschreibung in das Feld 'og:description'. Ziel für 155 Zeichen oder weniger für eine optimale Anzeige.
  4. 4Fügen Sie Ihr OG-Bild URL in das 'og:image'-Feld ein. Die empfohlene Größe ist 1200 × 630 Pixel für beste Ergebnisse auf allen Plattformen.
  5. 5Lesen Sie die Live-Vorschau unten, um zu sehen, wie Ihre Seite auf Google, Facebook / LinkedIn und Twitter angezeigt wird.

Häufige Anwendungsfälle

Pre-Launch Content Review

Zeigen Sie an, wie Blog-Posts, Zielseiten und Produktseiten vor der Veröffentlichung in Social Shares angezeigt werden und Probleme mit verkürzten Titeln oder fehlenden Bildern auftreten.

SEO Optimierung

Optimieren Sie Ihre Seitentitel und Beschreibungen für Suchmaschinenergebnisse, indem Sie die Google-Suche in einer Vorschau anzeigen und sicherstellen, dass wichtige Informationen sichtbar sind.

Social Media Marketing

Erstellen Sie überzeugende Share-Vorschauen, die Interaktions- und Klickraten maximieren, wenn Ihre Inhalte auf Facebook, Twitter und LinkedIn geteilt werden.

Kundenpräsentationen

Zeigen Sie den Kunden, wie ihre Seiten auf verschiedenen Plattformen während der Design-Reviews aussehen, ohne dass sie in einer Live-Umgebung bereitgestellt werden müssen.

Häufig gestellte Fragen

Was ist die empfohlene Bildgröße für OG Meta-Tags?

Die empfohlene OG-Bildgröße beträgt 1200 × 630 Pixel mit einem Seitenverhältnis von 1,91: 1. Diese Größe funktioniert gut auf Facebook, Twitter, LinkedIn und den meisten anderen Plattformen. Verwenden Sie qualitativ hochwertige Bilder und halten Sie wichtige Inhalte zentriert, da einige Plattformen die Ränder zuschneiden können.

Was ist der Unterschied zwischen OG-Tags und Twitter Cards?

Open Graph-Tags (og:title, og:description, og:image) werden von Facebook, LinkedIn und vielen anderen Plattformen verwendet. Twitter hat seine eigenen Meta-Tags (twitter:card, twitter:title, twitter:description, twitter:image), wird aber auf OG-Tags zurückgreifen, wenn Twitter-spezifische Tags nicht vorhanden sind.

Warum zeigt mein geteilter Link das falsche Bild oder den falschen Titel an?

Soziale Plattformen Cache Link Previews. Nachdem Sie Ihre OG-Tags aktualisiert haben, müssen Sie den Cache mit plattformspezifischen Tools löschen: Facebook's Sharing Debugger, Twitter's Card Validator oder LinkedIn Post Inspector. Änderungen können einige Minuten dauern, um sich zu verbreiten.