WordPress Notizblock http://wpdennis.posterous.com Code-Beispiele und Notizen für WordPress posterous.com Sat, 29 Jan 2011 05:37:00 -0800 Like auf Facebook: Richtiges Bild anzeigen http://wpdennis.posterous.com/like-auf-facebook-richtiges-bild-anzeigen http://wpdennis.posterous.com/like-auf-facebook-richtiges-bild-anzeigen

Ich habe vor kurzem erstmals den Like-Button in meinem Online Games-Blog eingebaut. Allerdings werden im Facebook-Stream die falschen Bilder zu einem "Like" angezeigt. Der Facebook-Crawler wählt hier irgendein zufälliges Bild aus - irgendwie unbefriedigend.

Glücklicherweise kann man Facebook mit einem Meta-Tag mitteilen, welches Bild als Vorschaubild im Stream des "LIKEnden" angezeigt werden soll:

<link rel="image_src" href="Pfad zum Bild" />

Falls du in deinem WordPress die Artikelvorschaubilder (Post Thumbnails) nutzt, dann kannst du folgenden Code einfach in deine header.php einbauen:

if (is_object($post) and has_post_thumbnail($post->ID)):     $imgTag = get_the_post_thumbnail($post->ID, array(200, 200));     $img = preg_replace('#^.*src="([^"]+)".*$#Ui', '$1', $imgTag);     echo '<link rel="image_src" href="' . $img . '" />'; endif;

Der Code sollte irgendwo im <head>-Bereich seinen Platz finden. Als kleine Verbersserung könntest du noch ein Standardbild ausgeben, für den Fall, dass has_post_thumbnail() false zurück gibt.

Permalink | Leave a comment  »

]]>
http://posterous.com/images/profile/missing-user-75.png http://posterous.com/users/1kAWLXhieSyZ Dennis Dennis Dennis