Eigene Homepage für Facebook Sharing optimieren
“Auf Facebook bin ich mit einer eigenen Fanpage vertreten, dass muss reichen!” Mit dieser Aussage denken viele Marketingmitarbeiter, das Kapital Facebook sei erledigt. Aber auch die eigene Homepage, bzw. die Firmenhomepage kann und muss für Facebook optimiert werden.
Tippt ein Facebook Nutzer die URL einer Webseite in die Statusupdate Box der Plattform, wird diese Seite von Facebook geparsed. Das heißt, die relevanten Informationen für die Darstellung auf Facebook werden aus der Seite extrahiert.
Facebook Sharing im Newsstream
Die von Facebook ermittelten Informationen sind ein Bild von der Webseite, die URL, der Seitentitel, das Abstract und den Medientyp. Wie bei fast allen Automatismen kann es auch hier zu Fehlern kommen, beziehungsweise die gewonnen Informationen können verbessert werden.
Hierzu muss man wissen, dass Facebook in den Webseiten als erstes nach drei MetaTags im Header sucht. Werden diese nicht gefunden, findet erst die automatische Auswertung statt. Sind sie aber vorhanden werden nur diese genutzt.
Folgendes Beispiel zeigt die nötigen MetaTags:
<meta name="title" content="title" />
<meta name="description" content="description " />
<link rel="image_src" href="thumbnail_image" / >
<meta name="medium" content="medium_type" />
Title und Description sind hier selbsterklärend. Image_src gibt an, unter welchem Pfad sich ein Bild befindet, welches die Seite repräsentiert. Unternehmenswebseiten sollten hier auf ihr Logo zurückgreifen. Medium bestimmt, welches Symbol unter dem gesharten Beitrag im Newsstream angezeigt wird. In unserem Bespiel oben ist es das kleine RSS Symbol. Mögliche Werte für diese Variable sind “audio”, “image”, “video”, “blog”, “news” und “mult”.
Mit diesen Angaben ist eine Webseite dann für das Sharing auf Facebook gerüstet. Wer dieses Sharing noch aktiv fördern möchte kann auf seiner Webseite einen entsprechenden “Sharing-Link” unterbringen. Einen Share-Button, wie wir ihn direkt unter der Überschrift dieses Blogposts verwenden erreicht man mit folgenden Zeilen:
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
<a name="fb_share" type="button_count" share_url="YOUR_URL"></a>
Weitere Informationen hierzu stellt Facebook im Developer Blog zur Verfügung.
Und jetzt, viel Spaß beim Sharen!
Über den Autor:
Jens Wiese: Jens hat Online Medien (B.Sc.) und Digitale Medien (M.Sc.) an der Hochschule Furtwangen studiert. Jens berät als Freelancer große internationale Unternehmen, die auf Facebook aktiv sind, entwickelt neue Applikationen, organisiert Workshops und entwirft individuell passende Strategien. Zudem ist er als Lehrbeautragter tätig. Mehr...
Dezember 17th, 2009 at 14:29
[...] einmal etwas über eine Woche ist unser Beitrag zur Optimierung der eigenen Webseite für das Facebook Sharing online, doch das Interesse hieran ist groß. Deshalb haben wir uns [...]
Januar 13th, 2010 at 09:11
[...] http://allfacebook.de/tutorials/eigene-homepage-fur-facebook-sharing-optimieren [...]
Januar 19th, 2010 at 12:51
[...] kein großes Problem sein da nur ein Javascript-Schnipsel ins Template kopiert werden muss (Mehr Information dazu im letzten Abschnitt dieses Blogposts). Es gibt aber natürlich auch Plugins die dies erledigen. Wer nur den Facebook Sharen Button will [...]
Februar 16th, 2010 at 16:18
Ich wollte heute einen Facebook-Sharing Button in einen Newsletter integrieren. Leider wird dieser u. a. im Webmail-Client von GMX nicht angezeigt. Weiß jemand Rat? Liegt es am Java Script?
Februar 16th, 2010 at 16:21
Ja, wahrscheinlich schon. Die JavaScript Bibliotheken werden zum Schutz der Nutzer in Mailprogrammen wohl nicht ausgewertet.
Februar 16th, 2010 at 16:27
Schade! Wenn man z. B. in Newslettern vorgestellte Produkte gleich teilen möchte, wäre das doch eine super Sache …
Vielen Dank für deine Antwort.
April 12th, 2010 at 10:07
[...] und mit Bild dargestellt. Das kann zum einen daran liegen das die eigene Homepage nicht fürs Sharing geeignet bzw. optimiert ist aber auch daran das diese Funktion für die entsprechende Domain von Facebook aus nicht [...]
April 14th, 2010 at 20:09
Ich hab jetzt lange Zeit gebraucht, um das thumbnail hinzubekommen und will euch die Lösung nicht vorenthalten – es gibt nämlich strenge Vorgaben von Facebook was das Bild betrifft:
http://wiki.developers.facebook.com/index.php/Facebook_Share/Specifying_Meta_Tags
–> max. 130x110px
–> keine extremen Seitenverhältnisse (h/b bzw. b/h muss <3 sein!)
April 15th, 2010 at 08:34
@Steffi – thanks 4 sharing!
September 9th, 2010 at 02:44
Das ist kein share sondern ein like button auf dieser seite.
Februar 5th, 2011 at 13:34
hallo, ich möchte gern genau wie auch auf dieser hp links in der mitte den facebook butten haben der die leute in miniatur anzeigt, denen die hp gefällt. wer kann mir helfen. gruß
daniel
März 29th, 2011 at 12:23
[...] Das Feedback von Facebook ist besonders dann interessant, wenn eine Seite im Newsstream nicht so dargestellt wird, wie der Webseitenbetreiber es erwartet. Im Screenshot sieht man zum Beispiel, das für unsere Seite eines unserer Werbebanner als Default-Image ausgewertet wird. Eine Sache, nach der wir mal schauen sollten. Facebook beschreibt im Linter wo welche Daten extrahiert werden. Hier können also einige Paramter überprüft werden, die der Seitenbetreiber beeinflussen kann. Welche Möglichkeiten der Optimierung es gibt, haben wir im Dezember 2009 schon einmal kurz behandel… [...]
April 12th, 2011 at 11:10
[...] allfacebook.de :: Tutorials :: Eigene Homepage für Facebook Sharing optimierenallfacebook.de :: Tutorials :: Eigene Homepage für Facebook Sharing optimieren. [...]
Juli 8th, 2011 at 16:54
[...] Open Graph Tags hinzufügen – mit den Tags werden die Inhalte auf Facebook korrekt angezeigt (einen passenden Beitrag zu diesem Thema findet ihr auch hier im Blog) [...]
Juli 15th, 2011 at 13:48
http://www.das-dass.de – nur so als Tipp für einige Poster.
Juli 21st, 2011 at 10:22
[...] Neuerung unterstreicht einmal mehr, wie wichtig es ist die eigenen Seite für den OpenGraph zu optimieren. Denn genau diese Daten und Informationen finden bei einer Einbettung hier ihre [...]
Juli 21st, 2011 at 11:25
Könnt ihr mir bitte auch erklären wie man den Facebook Sharing von seiner eigenen Facebook Seite optimieren kann? Es scheint schwer zu beinflussen…