Open Graph Vorschau | Google, Twitter, Facebook, LinkedIn | Awesome Toolkit

Open Graph Vorschau

Aussehen von Seiten auf Google, Twitter/X, Facebook und LinkedIn in der Vorschau sehen. Zeichenzähler integriert.

Von Marshkalk

0 / 60 chars (Google truncates at ~60)
0 / 160 chars (recommended max)
example.com
Seitentitel
Die Seitenbeschreibung erscheint hier.

So verwenden Sie die Open Graph Vorschau

  1. Füllen Sie Titel, Beschreibung, URL, Seitenname und optional eine Bild-URL aus.
  2. Wechseln Sie zwischen den Tabs Google, Twitter, Facebook und LinkedIn.
  3. Passen Sie an und kopieren Sie die Meta-Tags in das <head> Ihrer Seite.

Wichtige Meta-Tags

  • og:title, Überschrift für Facebook, LinkedIn und Twitter
  • og:description, Beschreibung in sozialen Karten (150-200 Zeichen ideal)
  • og:image, Empfohlene Größe: 1200×630 px (Verhältnis 1,91:1)
  • og:url, Kanonische URL der Seite
  • twitter:card, auf summary_large_image für großes Bild auf Twitter/X
  • title + meta name="description", von Google in den SERPs verwendet

Empfehlungen für Titel und Beschreibung

  • Titel: 50-60 Zeichen. Längere Titel werden mit "..." abgeschnitten.
  • Beschreibung: 150-160 Zeichen.

Bildgrößen nach Plattform

PlattformEmpfohlene GrößeMindestgröße
Facebook / LinkedIn1200×630 px600×315 px
Twitter/X (großes Bild)1200×628 px300×157 px