Ich persönlich mag Blogrolls sehr gerne. Nur irgendwann haben viele Leute panisch ihre Blogrolls entfernt, weil sie dachten, daß sie wegen ihnen schlechter bei Google positioniert werden. Dummerweise war und ist auch heute genau das Gegenteil der Fall. Relevante ausgehende Links sind gut – sogar verdammt gut – sie helfen ungemein das eigene Ansehen bei Google zu steigern. Ist doch logisch, Google funktioniert nur, solange es Links gibts – und gerade Blogrolls sind meist sehr relevant – also warum sollten sie jemanden dafür bestrafen? Nein, sie belohnen dafür und nicht zu knapp. Selbige gilt natürlich auch für alle anderen Links, weshalb es extrem Lustig ist, wenn gut bezahlte Suchmaschinenoptimierer den großen Portalen dazu raten schon bestehende Links zu entfernen und die Portale sich dann wundern warum sie ihren Traffic verlieren. Also falls es jemand noch nicht mitbekommen hat, Links sind gut. Je mehr und je relevanter desto besser.
(Jaja, mein Blogroll kommt noch. Daher an dieser Stelle noch ein kurzer Linktipp: Popular Science – Bei den bisherigen Themen hier zwar thematisch höchst irrelevant, aber einer meiner Lieblingsblogs, bzw der Einzige den ich aktuell wirklich lese)
Wer den Text im Button gerne auf deutsch hätte – also wenn nicht mehr “Like” sondern “Gefällt mir” drin stehen soll – einfach aus “en_US” ein “de_DE” machen. Oder beim Iframe “?locale=de_DE” anhängen
Ihr habt einen Like Button von Facebook auf Eurer Seite? Dann solltet Ihr das Open Graph Protocol nicht vernachlässigen. Denn mit diesen Metadaten werden die Likes Eurer Besucher nicht mehr nur in den Profilen sondern auch direkt im Newsstream veröffentlicht. So wird aus dem einfachen Like Button ein One-Click-Share-Button. Im Falle eines WordPressBlogs muss man einfach nur folgende Zeilen in den Header kopieren:
<meta property="og:site_name" content="<?php bloginfo('name'); ?>">
<meta property="og:title" content="<?php the_title(); ?>">
<meta property="og:type" content="article">
<meta property="og:url" content="<?php the_permalink() ?>">Das Geniale daran: Je mehr Likes, desto mehr Besucher und je mehr Besucher, desto mehr Likes. Auf Design made in Germany wurde Facebook über Nacht mit Abstand zum Topreferrer:
Die Social Plugins von Facebook lassen sich mit Css schön an das Design der eigenen Seite anpassen. Nur bei dem Like Button funktioniert dies leider nicht. Und dennoch ist es mir auf Design made in Germany gelungen. Der Trick ist: Anstatt den Like Button zu verwenden, nimmt man die Comment Box, in welcher der Like Button schon integriert ist und versteckt das Kommentarformular einfach. Dabei ist alles möglich was Css hergibt.
Vorher:
Nachher:
Variante:
Klickt ruhig auf ihn, wenn Euch der Tipp gefällt.
Für alle die sich mit den Social Plugins nicht auskennen oder noch nie angepasst haben:
Ersteinmal benötigt man für die Comment Box das JavaScript SDK. Aber keine Sorge, dafür müsstet Ihr nur folgende Zeilen in den Footer einfügen sofern nicht schon vorhanden:
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'your app id', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>Wer eine eigene App-Id haben will, kriegt sie hier. Von nun an könnt Ihr bei allen anderen Social Plugins auf die Javascripte und Iframes verzichten und direkt den viel übersichtlicheren XFBML-Code mit mehr Optionen verwenden.
Nun einfach folgendes an die Stelle wo der Like Button erscheinen soll:
<fb:comments css="http://martinrack.de/fb.css?6"></fb:comments>
Jetzt sieht Euer Like Button auch schon so wie im obigen Beispiel aus. Um ihn an Euer Design anzupassen oder auch nicht, solltet Ihr nur ein eigenes Stylesheet für den Button anlegen und den Pfad im XFBML-Code anpassen. Als Vorlage könnt Ihr Euch natürlich meinen Style anschauen, kopieren und verwenden. Hier die Variante. Beachtet auch das Hintergrundbild, welches mein Herzchen beinhaltet und ebenfalls nach belieben verändert werden kann. Und vergesst nicht bei Änderungen im Stylesheet die Variable am Ende des Pfades zu ändern, da Facebook externe Dateien zwischenspeichert.
Damit der Button auch im Internet Explorer funktioniert:
<html lang="de" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">