January 28, 2011

Die eigene Website für Facebook fit machen: Open Graph protocol

Wenn ein Nutzer bei Facebook in seine Statusmeldung einen URL einträgt, wird diese geparst und ein Vorschaubild, sowie weitere Informationen zu dem Link unter der Statusmeldung angezeigt.

Damit möglichst viele Nutzer diesen Link anklicken, kann man es als Betreiber der verlinkten Website Facebook so einfach wie möglich machen und die Informationen optimieren.

Folgende Metatags werden dazu von Facebook ausgewertet:

<meta property="og:title" content="..."/>
<meta property="og:type" content="..."/>
<meta property="og:url" content="..."/>
<meta property="og:image" content="..."/>
<meta property="og:site_name" content="..."/>
<meta property="fb:admins" content="..."/>
<meta property="og:description" content="..."/>

“title” und “description” können mit den regulären Meta-tags identisch sein und sollten allein schon für die Suchmaschinen optimiert sein.

Die Liste der Attribute für og:type wächst beständig. Wird hier ein gültiger Typ angegeben, passt FB die Darstellung mit einem speziellen Icon unter dem Beitrag entsprechend an. Fallback ist “website”. 

Der mit “og:image” verlinkte Screenshot muss technisch folgende Anforderungen erfüllen:

  • Breite und Höhe min. 50px
  • Breite max. 130px
  • Höhe max. 110px
  • Seitenverhältnis max. 3:1
  • PNG, JPEG oder GIF

Unter “og:site_name” kann man einen besser lesbaren Namen für die Website eingeben, der dann statt dem title angezeigt wird. Das macht besonderen Sinn, wenn man den Titel der Website mit keywords überfrachtet hat.

fb:admins ist nur relevant, wenn man eine Facebook-Applikation mit der Website verknüpft hat.

Ein hilfreiches Werkzeug für die Optimierung stellt auch Facebook mit dem URL Linter selbst bereit, der anzeigt welche Daten aus welchen Quellen für eine URL herangezogen werden.

Quelle: Dokumentation des Open Graph Protocol.