Bevor du deine neue, schöne Website oder deinen Blogbeitrag bei Facebook postet, kannst du hier testen, wie die automatische Linkvorschau aussehen wird: Facebook Debugger für Entwickler
Wichtig sind folgende Open Graph Meta Tags:
<meta property="og:title" content="Dein Seiten Titel" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.deine-url.de/deine-landing-page" />
<meta property="og:description" content="Eine Beschreibung, worum es auf der Seite geht." />
<meta property="og:image" content="https://www.deine-url.de/images/vorschau.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:locale" content="de_DE" />
Welche Maße soll das Vorschaubild haben?
Das Vorschau-Bild sollte eine Mindestgröße von 600 x 315 Pixel haben. Wegen der Retina-Displays empfiehlt facebook aber eine Auflösung von 1200 x 630 Pixel. Das Bild-Verhältnis ist 1,91:1. du kannst auch mehrere og:image Tags mit unterschiedlichen Vorschaubildern in die Website setzen. Dann kannst du beim Teilen auf Facebook eins davon aussuchen.
Lies es bei Facebook: Facebook Bildgrößen #best-practices
Wie kann ich Facebook dazu bringen ein neues Vorschaubild anzuzeigen?
Wenn der Link schon mal über Facebook geteilt wurde, speichert sich Facebook das Vorschaubild ab und zeigt es weiter an, auch wenn du jetzt ein anderes Vorschaubild hinterlegt hast. Über den Facebook URL Debugger kannst du den Facebook-Cache löschen. Du siehst dort auch eine Vorschau und kannst so lange justieren bis du zufrieden bist.
