«
»

Facebook: Webseite bzw. Link mit eigenem Miniaturbild einstellen.

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

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.

Tags: , , , , , , , , ,

Der Beitrag wurde am Samstag, den 08. Oktober 2011 um 14:23 Uhr veröffentlicht und wurde unter Tools, Tutorials | abgelegt. du kannst die Kommentare zu diesen Eintrag durch den RSS 2.0 Feed verfolgen. du kannst einen Kommentar schreiben, oder einen Trackback auf deiner Seite einrichten.

2 Antworten zu “Facebook: Webseite bzw. Link mit eigenem Miniaturbild einstellen.”

  1. meinName Sagt:
    18. Dezember 2011 at 17:45

    Meiner Meinung nach sollte 100×100 Pixel verwendet werden. 90×90 sieht verschwommen aus und wird auf 100×100 Pixel skaliert.

    Gibt es die Möglichkeit mehrere Bilder zu nutzen? Denn mit der o.g. Methode stehen die restlichen Bilder des Links nicht mehr zur Auswahl bereit.

  2. admin Sagt:
    18. Dezember 2011 at 20:43

    Danke für den Tipp. In der Tat ist eine Auflösung von 100 x 100 Pixel besser geeignet. Der Eintrag wurde entsprechend angepasst. Eine Methode um die restlichen Bilder zusätzlich und autmatisch wieder zur Verfügung zu stellen ist mir nicht bekannt. Es ist aber möglich durch weitere meta property=”og:image” Einträge weitere Bilder bereitzustellen. Ich würde diese Option aber nicht zu exzesiv einsetzen, da für eine relative kleinen Nutzen (nur Facvebook) recht viel zusätzlicher Code sonst in die Seite “gepumpt” wird. Das Content-Verhältnis und damit auch die SEO leidet darunter schnell.

Hinterlasse eine Antwort