the IT Hustle
WerkzeugePraxishandbuchÜber uns

OG-Bildvorschau

Sehen Sie, wie Ihre Seite auf Google, Twitter, Facebook, LinkedIn und Slack aussieht. Meta-Tags generieren.

Google Search
example.com
Page Title
A description of the page content will appear here.
Twitter / X
No image
Page Title
A description of the page content will appear here.
example.com
Facebook / Meta
No image
example.com
Page Title
A description of the page content will appear here.
LinkedIn
No image
Page Title
example.com
Slack
example.com
Page Title
A description of the page content will appear here.
Generierte Meta-Tags
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />

<!-- Twitter -->
<meta property="twitter:card" content="summary" />

Preview is approximate. Actual rendering may vary by platform and screen size.

Open-Graph-Tags in der Vorschau ansehen — so geht's

Sehen Sie vor der Veröffentlichung, wie Ihre Seite in sozialen Medien aussieht, mit dem kostenlosen OG-Vorschau-Tool von The IT Hustle.

  1. 1
    Seitendetails eingebenGeben Sie Titel, Beschreibung, URL und Bild-URL für Ihre Seite ein.
  2. 2
    Plattform-Vorschauen ansehenSehen Sie, wie Ihre Seite auf Google, Twitter/X, Facebook, LinkedIn und Slack aussehen wird — alle auf einmal.
  3. 3
    Zeichenlimits prüfenTitel über 60 Zeichen und Beschreibungen über 160 Zeichen werden mit Warnungen markiert.
  4. 4
    Meta-Tags kopierenKlicken Sie auf "Meta-Tags kopieren", um das HTML-Markup zu erhalten, einsatzbereit zum Einfügen in den Head-Bereich Ihrer Seite.

Häufig gestellte Fragen

Open-Graph-(OG-)Tags sind HTML-Meta-Tags, die steuern, wie Ihre Seite beim Teilen in sozialen Medien erscheint. Sie definieren Titel, Beschreibung, Bild und URL, die Plattformen in Vorschau-Karten anzeigen.

Die empfohlene Größe ist 1200x630 Pixel für die meisten Plattformen. Twitter unterstützt auch 1200x675 für große Summary-Karten. Halten Sie Bilder unter 5 MB und verwenden Sie PNG- oder JPEG-Format.

Twitter verwendet zusätzlich zu den OG-Tags eigene twitter:card-Tags. Die meisten anderen Plattformen (Facebook, LinkedIn, Slack) lesen OG-Tags direkt. Die Kopierfunktion generiert sowohl OG- als auch Twitter-Tags.

Ähnliche Tools

Meta-Tag-GeneratorSEO-CheckerPlatzhalterbild-Generator