Archiv für 08. Oktober 2011

Facebook: Webseite bzw. Link mit eigenem Miniaturbild einstellen.

Samstag, 08. Oktober 2011

Wer seine eigene Webseite in Facebook posten möchte, hat oft das Problem kein passendes Miniaturbild von Facebook angeboten zu bekommen. Ein eigenes Miniaturbild für Facebook zu wählen ist nicht so ohne weiteres möglich. Wer in Google sucht wird schnell fündig und bekommt den Link:

<link rel=”image_src” href=”PfadzumBild” />

für den Header seiner Seite empfohlen. Leider funktioniert diese Methode nicht mehr.

Die neue Lösung: Mit Meta-Tags im Open Graph Protocol zu arbeiten. Facebook unterstützt diese Meta-Tags und zieht seine Informationen daraus.

<meta property=”og:title” content=”Titelzeile”/>
<meta property=”og:type” content=”movie”/>
<meta property=”og:url” content=”http://www.website.de”/>
<meta property=”og:locale” content=”de_DE”/>
<meta property=”og:image” content=”http://pfad/bild.jpg”/>

Ein von Facebook akzeptierter vollständiger Baustein siehst so aus wie oben aufgeführt. Eine Liste und Beschreibung der og:type findet man hier: https://developers.facebook.com/docs/opengraph/#types oder hier…

Facebook Link eigenes Miniaturbild einfügenWenn man bereits versucht hat seinen Link zu posten, kann es sein das Facebook diese Daten bereits im Cache hat. Nach dem einfügen der neuen Meta-Tags sieht man dann immernoch kein Ergebnis. In diesem Fall sollte man den Facebook-Debugger nutzen und dort seine Domain abfragen: https://developers.facebook.com/tools/debug
Der Facebook-Cache wird hierdurch geleert und man kann den Link erneut, mit Erfolg laden. Nach jeder Änderung der Meta-Angaben sollte man den Debugger einsetzten.

Für das Miniaturbild eignet sich ein Bild in der Originalgröße 90 x 90 Pixel. Dann ist die Darstellung optimal.

(Korrektur nach Kommentar): Für das Miniaturbild eignet sich ein Bild in der Originalgröße 100 x 100 Pixel. Dann ist die Darstellung optimal.