Vicentini Webdesign Blog

Tips, Anleitungen, Arbeitsabläufe, Inspiration, News und Trends

Tipps für die automatische Link-Vorschau bei Facebook 2018

facebook link vorschau vorschaubild

Bevor man seine neuste, schöne Website oder einen Blogbeitrag bei Facebook und Google+ postet, kann man 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="http://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="http://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" />

 

facebook link vorschau
Die Facebook Link-Vorschau am Beispiel von „Binnen un Buten“

Das Facebook Link Vorschaubild

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. Man kann auch mehrere og:image Tags mit unterschiedlichen Vorschaubildern in die Website setzen. Dann kann man sich beim Teilen auf Facebook eins davon aussuchen.

Lies es bei Facebook: Facebook Bildgrößen #best-practices

Über den URL Debugger von facebook kann man auch den Cache von facebook löschen, wenn man mal vergessen hat vorher zu schauen, wie der Link auf die Website dargestellt werden würde. Dann sieht es zumindest hübsch aus, wenn der  Link das nächste mal gepostet wird. Ansonsten merkt sich Facebook für immer und ewig welches Bild und welcher Beschreibungstext beim ersten Mal drin standen.

Kennst du jemanden, der das lesen sollte? Oder willst du dir den Beitrag für später merken? Dann wäre Teilen eine Idee...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.

Nach oben