Doch damit genug der kryptischen Vorreden, worum geht’s hier denn überhaupt? Ganz einfach erklärt, um die mitunter recht lästige Facebook-Thumbnail-“Problematik”: wie kann man fast vollautomatisch jedem einzelnen Blogbeitrag eine eigene Grafik für Shares und Link-Postings auf Facebook und anderen Social Networks zuweisen?

Facebook-User kennen die Thematik zur Genüge: Wann immer Blogbeiträge auf unserem Lieblings-Netzwerk geshared werden, und zwar egal ob vom Blogbesucher oder vom Beitragsautor selbst, verwendet die Share-Funktion (deutsch: teilen) standardmäßig die erste auf der Seite vorgefundene Grafik. Bei mehreren Thumbnails kann der User mittels vor/zurück Pfeilchen wählen, oder, falls kein bzw. nur ein unpassendes Bild (hallo RSS Icon!) gefunden wird, ganz auf die Illustration verzichten. Mit der nachfolgend beschriebenen Methode nutzen WordPress–Blogger die recht neue “featured image” Funktion, um ohne Mehraufwand auch gleich Facebook + Co. immer mit dem richtigen Thumbnail zu versorgen. No code-angst, please — ich habe mich bemüht, alle Schritte ausführlich zu erklären, und für Fragen steht das Kommentarformular jederzeit zur Verfügung.

ACHTUNG, STOLPERFALLE: diese Script verwendet erweitere Template-Funktionen, die erst mit aktuelleren WordPress-Versionen eingeführt wurden. Wenn Sie ein älteres Theme verwenden, unterstützt dieses die neuen Hooks vermutlich nicht. In diesem Fall müssen Sie in die “functions.php” Datei Ihres Themes eine neue Code-Zeile einfügen — in unserem Fall konkret den Thumbnail-Support. Genaue Informationen dazu finden Sie im WordPress Codex.

Open Graph Metadata: og:image

Grundsätzlich fallen natürlich grafisch geschmückte Links auf Facebook wesentlich mehr auf als reine Textbeiträge. Allerdings muss man kein besonders kontrollwütiger Webmaster sein, um anstelle der mehr oder weniger zufallsbasierten Auswahl lieber selbst das passende Bild zu bestimmen. Soweit kein Problem — Facebook sieht in der Open Graph Spezifikation unter anderem die Möglichkeit vor, mittels Metatag im Header der Seite eine Grafik vorzugeben. Dazu ist folgende Zeile einzufügen (für eine komplette Übersicht der Open Graph Metadaten, empfehle ich einen Blick ins Like-Button Whitepaper von Digital Affairs):

{code type=HTML}{/code}

So weit, so gut — mit diesem Metatag lässt sich mittels eines statischen Pfades eine Grafik festlegen, die auf einem beliebigen Webserver liegen kann. (Facebook lädt die Datei natürlich nicht bei jedem Aufruf, sondern die Grafik wandert in den Cache.) Allerdings hat diese Methode den gravierenden Nachteil, dass man ein statisches Thumbnail festlegt. Wesentlich eleganter wäre aber eine spezielle Grafik für jeden Beitrag, also lautet die Aufgabe: wir müssen den oben angegebenen Thumbnail Pfad für jeden Beitrag dynamisch zuweisen, falls das betreffende Posting ein “featured image” besitzt, und falls nicht, eine Default-Grafik einfügen. Gäbe es in WordPress eine einfache Funktion, um die URL eines Grafik-Attachments direkt aufzurufen, wäre die Sache schnell erledigt. Allerdings liefert der featured-image-Hook immer nur den kompletten Image-Tag zurück, uns interessiert hier aber nur die Adresse, als der Inhalt von src=”…”. [Anmerkung: Die hier beschriebene Vorgehensweise ist auch in anderen Kontexten nützlich, etwa wenn man in Beiträge eingebundene Grafiken nicht via Image-Tag, sondern als via CSS definierten div-Hintergrund einfügen möchte.]

Featured Image für Facebook nutzen

Natürlich existieren mehrere verschiedene Lösungsansätze. So könnte man beispielsweise ein “benutzerdefiniertes Feld” verwenden, um für die betreffende URL für jeden Beitrag händisch einzugeben. Wesentlich eleganter geht’s aber mit einer praktischen Funktion, die WordPress seit Version 2.9 von Haus aus mitbringt: diese nennt sich “Featured Image” und taucht als Box in der Seitenleiste des Beitrag-Editieren-Bildschirms auf.
Wir müssen also lediglich die URL zu diesem “featured image” dynamisch in den oben erklärten Metatag einfügen. Leider stellt WordPress dafür keine eigene Funktion bereit, den the_post_thumbnail liefert wie schon oben erwähnt lediglich die Grafik in wählbarer Größe innerhalb inklusive kompletten img-Tag zurück. Um nur die URL zu extrahieren, müssen wir also auf einen kleinen “Trick” zurückgreifen. Der hört auf den Namen get_children, denn die betreffende Funktion liefert uns die URLs aller Attachments des aktuellen Beitrags als Array zurück. Den mime_type beschränken wir auf Bilddateien (jpg, png, gif), mit , ‘numberposts’ =>‘1’ beschränken wir den Inhalt unseres Arrays auf das erste Attachment. daher Dieses Skript schreibt nach Abfrage der Beitrags-ID die Adresse des Bildes in unser Template:

{code type=PHP}$attachments = get_children( array(‘post_parent’ => get_the_ID(), ‘post_type’ => ‘attachment’, ‘post_mime_type’ =>‘image’) );
foreach ( $attachments as $attachment_id => $attachment ) {
echo wp_get_attachment_thumb_url( $attachment_id, ‘medium’ );
}
{/code}

Damit aus dem ganzen ein Schuh (und kein White-Screen) wird, “zerlegen” wir den Thumbnail-Meta-Tag, was sich am einfachsten mit zwei zusätzlichen ECHO-Zeilen bewerkstelligen lässt. Das gesamte Script für den Header sieht dann so aus:

{code type=PHP}
echo “

$attachments = get_children( array(‘post_parent’ => get_the_ID(), ‘post_type’ => ‘attachment’, ‘post_mime_type’ =>‘image’) );
foreach ( $attachments as $attachment_id => $attachment ) {
echo wp_get_attachment_thumb_url( $attachment_id, ‘medium’ );
}
echo “\” />”;
{/code}

Wird in einem Beitrag beispielsweise das Bild “http://blog.datenschmutz.net/wp-content/uploads/2010/10/frosch.png” als “Featured Image” gewählt, so liefert uns das Script browserseitig folgende Zeile zurück:

{code type=HTML}{/code}

Allerdings fehlt uns noch ein Puzzlestück: denn falls ein Beitrag kein Bild enthält, bleibt das content-Argument leer, aber dazu kommen wir später — vorher noch ein paar Worte zu anderen dynamischen Metadaten.

Mehr dynamische Metadaten, bitte!

Wenn man schon mal Hand an die Meta-Section des Headers anlegt, zahlt es sich wie schon oben erwähnt aus, auch die anderen Open Graph Metadaten wie Autor, Beitrags-URL etc. einzufügen. Während Felder wie Adresse etc. in der Regel mit statischen Informationen befüllt werden können, greift man Beitragstitel, bei der URL und bei der Description auf WordPress-Hooks zurück. Diese drei Einträge könnten dann beispielsweise so aussehen:

{code type=PHP}echo “ the_title();
echo ’” />’;
echo ;
echo ;{/code}

CAVEAT: für die Description verwende ich nicht die Standard-WordPress-Funktion, sondern das wesentlich flexibler konfigurierbare Plugin The Excerpt re-reloaded.

Wer bereits Share– oder Like-Buttons einsetzt, sollte aber vorher prüfen, ob die oben erwähnten Tags nicht bereits im Quelltext vorhanden sind, denn einige dieser Plugins generieren ebenfalls zumindest einen Teil der Metadaten — und doppelt gemoppelt bringt diesem Fall rein gar nichts.

Open Graph-Metadaten nur für Einzelbeiträge

Da all diese Metatags ja nur für Einzelbeiträge (nicht aber für die Startseite, für statische Pages, Archiv-, Such-, Tag-Seiten etc.) relevant sind, schadet es keinesfalls, alle Open Graph Metadaten in eine IF-Abfrage zu packen und nur bei Einzelbeiträgen anzuzeigen. Die einschließende Bedingungen sähe dann so aus:

{code type=PHP}global $post;
if ( is_single() ) {

METADATEN inkl Script

} else {
echo ;
}
{/code}

Der Ersatzkandidat und das fertige Script

Bis hierher gehen wir davon aus, dass man für *jeden* Beitrag ein Bild hochgeladen und als “featured image” auswählt. Wenn der Thumbnail-Metatag mit leerem Content-Attribut im Quelltext steht, bietet Facebook aber kein alternatives Thumbnail an. Im Zeitalter des Social Sharing empfiehlt es sich zwar ohnehin, für jeden Beirag eine solche Grafik zu definieren — aber falls man mal darauf vergisst, lässt sich mithilfe einer weiteren if-Abfrage überprüfen, ob denn überhaupt ein “featured image” gesetzt wurde. Wenn ja, kommt das Script zum Einsatz, wenn nein wird die Standard-Grafik verwendet.

Und damit wären wir quasi auch schon am Ende unserer langen Reise — hier das komplette Script inklusive aller Metadaten und der oben beschriebenen if-Abfrage. Die Default-Grafik, die verwendet wird, wenn kein featured image gesetzt wurde, müssen Sie einfach nur ins Unterverzeichnis /images/ Ihres Theme-Verzeichnisess laden, also z.B. /wp-content/themes/twentyten/images/facebook-default.png:

{code type=PHP}
global $post;
if ( is_single() ) {

echo ;
echo “\n”;
echo ;
echo “\n”;
echo ‘\’;
echo “\n”;
echo ’ }

echo '" />‘;
echo “\n”;

} else {
echo ;
echo “\n”;
}
{/code}

Die Linebreaks (\n) sind natürlich nicht zwingend erforderlich, sorgen aber für besseren Quelltext-Überblick. Mithilfe eines Plugins ließe sich diese Facebook-Thumbnail-Funktionalität natürlich leicht nachrüsten, aber mir ist derzeit keine Erweiterung bekannt, die diese so wichtige Funktion implementiert. Ein wenig Copy-Paste zahlt sich also in jedem Fall aus, denn passende unique Thumbnails führen direkt zu höheren Klickraten — wir Surfer sind nun mal ausgesprochen visuell orientierte Informationsnomaden.

Bonuslevel: Praktischerweise übernimmt auch mein Lieblings RSS-to-Facebook-Service dlvr.it die so eingefügten Thumbnails beim Posten auf Facebook Pages, was einen äußerst komfortablen Workflow ermöglicht. Aber das ist eine andere Geschichte und soll ein andermal erzählt werden…

Disclaimer: Nur um hier keine Missverständnisse aufkommen zu lassen: es würde mir nicht im Traum einfallen, mich als php-Könner aufzuspielen. Von Programmierung hab ich beängstigend wenig Ahnung — was Code betrifft, bin ich ein typischer User, der einfach nur im Trial-and-Error-Verfahren vorgeht. Den Image-Code hab ich in anderem Kontext im WordPress-Forum gefunden, der Rest ist handgestrickt, und zwar mit heißen Nadeln *g* Wenn jemand eine elegantere Methode bzw. ein Plugin kennt, freue ich mich sehr über Anregungen und Code-Optimierungs-Vorschläge!

Das iPad besitzt einen wesentlich größeren Bildschirm als jedes Telefon, über die bestmögliche Aufbereitung ihrer Inhalte für die neue Lieblings-Hardware Kindle-gelangweilter Geeks macht sich derzeit so gut wie jedes kommerzielle Online-Medium Gedanken. Ganz trivial ist die Sache nun wahrlich nicht: erstens sollen die Inhalte am iPad so lesefreundlich wie möglich daher kommen, zweitens sollten die Hardware-spezifischen Bediengesten verfügbar sein und drittens möchten es Webmaster ihren Usern möglichst einfach machen, Inhalte auf Facebook zu teilen: all diese Anforderungen erfüllt PadPressed bravourös:

PadPressed is a WordPress plug-in built to deliver the best browsing experience for your readers on an iPad. When a reader visits your blog from their iPad it is automatically formatted to be tablet ready with swipe to advance gestures, accelerometer aware column formatting, touch navigation, and more. PadPressed makes your blog function like a native iPad app.

Was das Plugin im Detail kann, zeigt das folgende Video. Leser, die mit ihrem iPad auf dieses Blog zugreifen, haben die veränderte Optik bereits bemerkt — selbstverständlich läuft PadPressed seit einigen Tagen auf datenschmutz und datadirt — willkommen am ersten iPad-optimierten Blog Österreichs!

Click here to view the embedded video.

Angesichts der steigenden Popularität von WordPress überrascht es nicht, dass immer mehr Plugins in Standard– und Pro-Versionen veröffentlicht werden. PadPressed bleibt allerdings ausschließlich zahlenden Usern vorbehalten. Eine einmalige Zahlung von $49 ist allerdings im Vergleich zu den Kosten der Programmierung einer iPad App mehr als eine Okkasion.

Installation und Konfiguration

Nach der Bezahlung via PayPal kommt die Zip-Datei per Mail. PadPressed wird wie jedes andere Plugin aktiviert, anschließend taucht ein neuer Hauptmenüpunkt im Backend auf. Unter “PadPressed -> Theme Options” passt man des WordPress’ neue iPad-Kleider an. Logo–Upload, Konfiguration der Slideshow, des Hauptmenüs und des Footer-Inhalts sind im Nu erledigt, fortan verrichtet PadPressed im Hintergrund seine Arbeit. Das SDK bietet Apple nur für Macs an, ein Windows-Emulator ist nicht verfügbar. Sprich: wer sein eigenes Block fingertauglich sehen will, braucht entweder einen Mac samt Entwicklungsumgebung oder ein iPad zum Testen. Dieses Video gibt einen Eindruck von der Funktionsweise des Plugins:

Click here to view the embedded video.

PadPressed kaufen

Besonders beliebte Wortspenden werden in weiterer Folge grafisch hervorgehoben dargestellt. Für die Voting-Funktion nutze ich das Plugin Comment Rating von Bob King. Ich hab mir (alte Gewohnheit) gleich mal die Pro-Version gekauft, Plugin-Autoren, die solche Perlen coden, müssen unterstützt werden.

Comment Ratings stellt nicht nur ein nettes Community–Gimmick dar, sondern zeigt eine interessante Möglichkeit für crowd-sourced Kommentar-Moderation auf — also, hochverehrte Leserinnen und Leser, halten Sie mit Ihrer Meinung nicht hinter dem Berg. Two thumbs up!

Wer ihn ebenfalls ins eigene Blog einbauen will, findet in diesem Beitrag ein paar Tipps. Dank der flotten Open Source Community können WordPress Blogger bereits auf mehrere Plugins zurückgreifen, ein paar davon hab ich mir näher angesehen.

Was genau tut der Facebook Like-Button?

Die neue Like-Funktion unterscheidet sich deutlich von den bekannten “Share this posting on Facebook / Twitter etc.” Buttons. Während letztere dazu dienen, die aktuelle URL an diverse Social Media Services zu übergeben, bindet der Like-Button Facebook-Inhalte dynamisch in die eigene Page ein. Da alle Inhalte des Widgets von Facebook-Servern kommen, ist seitens des User keinerlei Authentifizierung nötig: Besucher, die im gleichen Browser in Facebook eingeloggt sind, sehen auf einen Blick, welche Friends den aktuellen Beitrag bereits geliked haben. Wenn ein Blogleser nicht in Facebook eingeloggt ist und auf den Like-Button klickt, wird ein Pop-Up Fenster mit dem Facebook Login-Formular geöffnet:

Das ist kein geringer Mehrwert für Seitenbetreiber — denn genau wie bei den Facebook-Ad “Social Actions” steigen Aufmerksamkeit und Interesse. Zweitens resultiert jeder Click auf den “Like-Button” wiederum in einem Wall-Posting bei Facebook, zieht also im Idealfall zusätzliche Besucher an. Und Facebook geht selbstverständlich nicht leer aus: tausende Blogs integrierten in den letzten Tagen dieses Feature und helfen dem Betreiber, hochqualitative Daten für eine zukünftige Websuche (Facebook sieht sich ja schon lange als Google-Konkurrent). Ob der Plan aufgehen wird, muss die Zukunft zeigen — das Generieren der Daten ist eine Sache, die sinnvolle Strukturierung eine andere. Ich konnte mich dem allgemeinen Hype natürlich nicht entziehen und habe den Like-Button auf datenschmutz gestern eingebaut:

Wie baut man den Like-Button ein

Wer sich das manuelle Editieren des eigenen Templates sparen möchte, kann mittlerweile auf diverse Plugins zurückgreifen — Bastler konfigurieren und holen sich den Code einfach von der Facebook Social Plugins Page. Die fertigen Lösungen bieten im Wesentlichen alle den gleichen Funktionsumfang, ich habe mir einige davon näher angesehen:

Facebook Like Button Plugin

Nach Upload und Aktivierung nimmt man alle Einstellungen übers Backend vor. ACHTUNG: Die Options-Seite findet man nicht wie gewohnt im Menü Settings/Einstellungen, sondern unter “Plugins”. Die Einstellungen sind selbsterklärend: neben der Auswahl, ob der Like-Button nur auf Einzel-Beitragsseiten oder auch auf der Startseite respektive aus statischen Pages angezeigt werden soll, wählt eines von zwei Farbschemata, die Breite, die Höhe und das Wording (entweder “like” oder “recommend”), die Schriftart sowie die Position (vor oder nach dem Beitrag) und optional eigenen CSS-Code für den Container.

In der simpelsten Form (Like-Button und Counter) begnügt sich das Plugin mit 30 Pixel, sollen die Avatare mit angezeigt werden, sind 60 Pixel einzuplanen. Es empfiehlt sich also, entweder die gesamte Breite der Content-Spalte als “Width” einzutragen, oder via CSS das Element floaten zu lassen — so hab ich’s hier am Blog gemacht.
Facebook Like Button Plugin

FaceBook Like Button Plugin for WordPress

Diese Plugin bietet exakt den gleichen Funktionsumfang, allerdings wird hier anstatt des CSS-Codes ein Klassennamen für den Container eingetragen; die entsprechende Formatierung ist dann im Stylesheet vorzunehmen. (Nur ein kleiner kosmetischer Unterschied, aber wer maximal sauberen Code bevorzugt, greift zu dieser Lösung.)
FaceBook Like Button Plugin for WordPress

WordPress Facebook Like Plugin

Das gleiche in grün — da Facebook die möglichen Optionen vorgibt, bietet dieses Plugin genau die gleichen Einstellmöglichkeiten wie der oben beschriebenen “Zwillingsbruder” — mit zwei Ausnahme: die Einstellmöglichkeiten maximale Höhe und eigenen CSS-Code fehlen, sodass das Like-Element insgesamt mehr Platz einnimmt als erforderlich.
wordpress-facebook-like

WP Facebook Like

Ein Tipp für Bastler, denn dieses Plugin bietet weniger Optionen, stellte dafür jedoch einen CMS– und einen php–Tag fürs Template bereit: mittels [wpfblike] im Editor bzw. der php–Funktion wpfblike() lässt sich das Element an jeder beliebigen Stelle aufrufen.
WP Facebook Like

Beispiel-CSS-Code für Floating Like-Box

Der Beispiel-CSS-Code, den ich hier auf datenschmutz verwendet habe, steht weiter unten zum Kopieren bereit. Je nach verwendetem Plugin muss die Style-Class entweder ins Template-Stylesheet eingetragen werden oder in die Optionspage (siehe oben). Die runden Ecken sind ein CSS 3 Feature — nicht alle Browser unterstützen dieses Eyecandy, IE-User bekommen die klassischen Ecken zu sehen. Margins, Paddings und andere Parameter müssen natürlich an die jeweiligen Design-Erfordernisse angepasst werden:

{code type=CSS}
.facebox {
float:right;
margin-top:3px;
margin-left:9px;
border:1px solid #d2d2d2;
background-color:#e8e8e8;
padding-left:3px;
padding-right:3px;
padding-bottom:0px;
padding-top:3px;
–webkit-border-radius:3px;
–khtml-border-radius:3px;
–moz-border-radius:3px;
border-radius:3px;
}
{/code}

Wie geht’s weiter mit den Facebook Social Plugins?

Wie erwähnt sind die Konfigurationsmöglichkeiten derzeit noch bescheiden. Ich vermute mal, dass Facebook in punkto Design aus CI-Gründen recht restriktiv bleiben wird, neue Funktionen respektive Social Plugins dürften aber nicht lange auf sich warten lassen. Bereits mit der derzeit verfügbaren Palette lassen sich die wichtigsten Social Media Funktionen mit Hilfe des großen Bruders Facebook im Nu integrieren. Allerdings gilt auch hier: wer voll und ganz auf 3rd Party Anbieter setzt, kann eines Tages ganz schön im Regen stehen! Wer sein Blog “sozialer” machen will, dem empfehl ich einen Blick auf Mingle zu werden. WordPress 3.0 wird sowieso Social Network Features an Bord haben. Zweifellos hat Facebook einen immensen Skalierungsvorteil auf seiner Seite, aber der Optimist in mir hofft trotzdem nach wie vor auf die glorreiche Zukunft des distributed Social Networking. Was denken Sie, wie’s weitergehen wird?

Für das Bild-Rendering ist der Browser zuständig, nicht das CMS. Und WordPress wird selbstverständlich weiterhin “JPEG unterstützen”. Die untenstehende Meldung ist natürlich Blödsinn, es handelt sich um einen meiner beiden Aprilscherze 2010 — die andere Story finden sie hier.

Wie Matt Mullenweg letzte Woche auf seinem Blog berichtete, wird WordPress 3.0 nicht nur auf Social Networking, sondern auch und vor allem auf multimediale Fähigkeiten setzen. Für einige Überraschung sorgt in der Netzgemeinde allerdings, dass WordPress 3.0 zwar weiterhin gif– und png–Grafiken unterstützt, auf die populären JPEGs jedoch verzichtet. Neben den Lizenzgebühren sei vor allem Microsofts geänderte SVG-Politik verantwortlich, so Ma.tt:

With the upcoming Internet Explorer 9 there is no more need for jpeg — Microsoft finally embraces the SVG standard, thus helping to make the web a much more open place. JPEG does have some advantages, but they are simply out-weighed by the license costs.

In der Tat dürfte die Tatsache, dass WordPress 3.0 JEPGs zwar hochlädt, aber lediglich als Download-Files (und nicht als Bilder) in Beiträge einbindet, ähnlich wie derzeit beispielsweise Excel-Dateien, dürfte zwar in den ersten Wochen für ein wenig Verwirrung sorgen, ein ausführliches Tutorial am WordPress Blog soll folgen. Ungelöst ist noch die Frage, wie mit bereits bestehenden, veröffentlichten Bildern umgangen wird; voraussichtlich werden Blogger nach dem Upgrade alle Fotos zumindest einmal neu hochladen und einfügen müssen. Aber langfristig gesehen hat sich das WordPress-Team noch nie getäuscht, und in einem Punkt hat Matt sicher recht:

Try to put yourself in the user’s position: if you use your probably pirated copy of Photoshop or your legal copy of Gimp for exporting your pics into web format, it really doesn’t matter if you choose jpeg or png — I expect a smooth transition.

Mir persönlich waren JPEG-Artefakte ohnehin schon immer sehr suspekt, und ich bin eigentlich froh, dass WordPress diese Altlast endlich über Bord wird. Spätestens mit der Version 3.5 soll dann auch ein im CMS als Core–Plugin integrierter Trans-Imageizer folgen, der über einen zentralen Auttomatic–Conversion Server beim Upload JPGs auf Wunsch nach SVG konvertiert. Darauf freu ich mich schon — wird Ihnen JPEG etwa fehlen?

Obwohl beide Plugins grundsätzlich ähnliche Funktionen bereit stellen, unterscheiden sie sich vom Einsatzzweck her gravierend. Während BuddyPress darauf abzielt, WordPress komplett in ein Social Network umzumodeln, liegt der Zweck von Mingle in der Erweiterung eines bestehenden Blogs um Social Network Funktionalitäten. Mingle kommt seit heute hier auf datenschmutz zum Einsatz — erkennbar am neuen Hauptmenüpunkt Profil. Warum und wie lesen Sie im folgenden Beitrag.

Wozu der ganze Social Network Aufwand?

Diese Frage drängt sich in der Tag auf: zum einen erfordert die klassische Blognutzung keinerlei Registrierung, zum anderen erschließt sich Sinn und Zweck von Userprofilen nicht auf den ersten Blick. Ich möchte mit ein wenig “Social Media Theorie” beginnen respektive mit der Frage: Woraus besteht ein “Social Network” im Kern? Folgende Elemente bilden Kern jeder Social Site:

• Userverwaltung (mit Direkt-Registrierung oder Authentifizierung über Drittservices
• Userprofile (in der Minimalversion meist mit Avatar-Bild, Infotext und Link(s)
• Freundschaftsverwaltung: zur Abbildung der Relationen zwischen den einzelnen Usern
• Status-Updates: als Interaktionstool zwischen den Usern mit “Activity Stream” Übersichtsseite
• Privacy-Einstellungen: in der Minimalvariante wird Usern die Auswahl geboten, ihre Profile/Statusupdates öffentlich oder nur für Freunde sichtbar zu machen.

Alle weiteren Funktionalitäten — Newsletter, Fotogalerien, Zusatz-Applikationen, Videouploads etc. — stellen bloß den Zuckerguss am Kuchen dar. Wesentlicher für die Attraktivität respektive den Erfolg eines Social Networks als weitere Features sind die “Economies of Scale”: wenn eine ausreichende Zahl von Personen registriert ist, beginnt ein Social Network Sinn zu machen.

Um Missverständnissen vorzubeugen: ich spreche hier nicht von quantitativen Faktoren. Zweifellos ist Facebook zu einem hohen Grad deshalb so interessant, weil es als “General Interest Network” mittlerweile einem immens hohen Verbreitungsgrad erreicht hat. Spezialisierte Social Networks können bereits bei sehr kleinen absoluten Zahlen die Attraktivität einer Page immens erhöhen, Stichwort: Vereine.

Bei näherer Betrachtung der oben stehenden Feature-Liste denkt der in den 90ern Netz-sozialisierte Schelm natürlich sofort an die “guten alten” Forenzeiten: in der Tat unterscheiden sich phpBB und Co. im Kern gar nicht sooo gravierend von ihren Vorgängern. Status-Updates haben Threads abgelöst, statt der Archiv– steht die Echtzeitmetapher im Vordergrund — und BuddyPress bringt praktischerweise sogar gleich ein klassisches Diskussionsboard mit.

Natürlich drängt sich in diesem Zusammenhang auch sofort der Gedanke an Seth Godins legendäres Büchlein Tribes auf:

A tribe is any group of people, large or small, who are connected to one another, a leader, and an idea. For millions of years, humans have been seeking out tribes, be they religious, ethnic, economic, political, or even musical (think of the Deadheads). It’s our nature.
Now the Internet has eliminated the barriers of geography, cost, and time. All those blogs and social networking sites are helping existing tribes get bigger. But more important, they’re enabling countless new tribes to be born—groups of ten or ten thousand or ten million who care about their iPhones, or a political campaign, or a new way to fight global warming.

Meiner Ansicht nach sind Profile für registrierte User ein perfektes Tribe–Tool für Blogger: das wertvollste Asset eines jeden Weblogs sind seine Stammleserinnen und Stammleser. Dass eine Profilfunktion mit Status-Update für diese Zielgruppe gerade bei der Diskussion spezifischer Themen absolut Sinn macht, steht für mich schon länger außer Frage.

In eigener Sache: datenschmutz als Social Network

Seit Beginn des Jahres biete ich datenschmutz-Lesern die Möglichkeit, sich entweder direkt oder via Facebook-, Twitter- oder MySpace-Authentication anzumelden und ein eigens Userfoto hochzuladen (standardmäßig ist natürlich Gravatar aktiviert); Profilpages gab es bislang aber nur für Gastautoren. Mit der Aktivierung von “Mingle” ist damit der letzte Schritt der “Socialification” von datenschmutz abgeschlossen.

Jeder bereits registrierte User hat automatisch seine Profilpage — wer bislang als Gast hier unterwegs war, den lade ich ganz herzlich ein, die neuen Features auszuprobieren. (Dass es auf den Profilpages auch einen Backlink zur eigenen Seite gibt, ist sowieso klar!) — die Registrierung ist in 30 Sekunden erledigt:

auf datenschmutz registrieren

Die technische Umsetzung: BuddyPress oder Mingle?

BuddyPress: Social Network in a box

BuddyPress funktioniert, wie in der Einleitung erwähnt, als “Full-Service-Lösung” und wird dem Claim “Social Networking in a box” vollauf gerecht:

Build a social network for your company, school, sports team or niche community all based on the power and flexibility of WordPress.

Man installiert zuerst ein “nacktes” WordPress und aktiviert anschließend BuddyPress, das ein eigenes, für Social Networking Zwecke optimiertes Theme mitbringt. Weitere dürften in Kürze folgen, außerdem lässt sich das gut dokumentierte Standard-Template problemlos anpassen. BuddyPress kommt mit dem von Facebook hinlänglich bekannten “Activity Stream”, Freundschaftsverwaltung, Blogging-Features, Gruppenverwaltung, Private Messaging, umfangreichen Profilen und einem integrierten Diskussionsforum — all in one! Außerdem sind bereits erste Plugins fürs Plugin verfügbar.

Wer sich das ganze mal live in Effekt ansehen möchte, findet hier eine Demopage und ein paar öffentliche Communities, die auf BuddyPress setzen. Die Pros der Software liegen klar auf der Hand: wer ein öffentliches oder privates Mini-Social Network betreiben möchte, findet hier eine perfekte Lösung, die WordPress-Füchse in 5 Minuten samt ftp-Upload zum Laufen bringen. Nachteil dieser Lösung: Wer bereits ein Blog betreibt und dieses mit BuddyPress erweitern möchte, steht erstmals vor einer mächtigen Bastelaufgabe, denn BP erfordert einiges an Theme-Anpassungen.

Mingle — der Add-On Ansatz

Ich habe mich für Mingle entschieden, weil Blairs Plugin zwar weniger Features bietet, aber wesentlich unintrusiver arbeitet. Mingle verzichtet auf Forum, Private Messaging sowie weitere einige Bells-and-Whistles und besteht im Wesentlichen aus Profilpages mit Kommentar– und Postingfunktion, Beschreibung und Status-Updates, einer Freundschaftsverwaltung, einigen Widgets und bietet die essentiellen E-Mail Benachrichtigungen. Eine Beispiels-Installation gibt’s auf wpmingle.com — oder Sie registrieren sich hier auf datenschmutz.

Blair empfiehlt das populäre Thesis-Theme, aufgrund der eleganten Installation dürfte Mingle sich aber mit den meisten Templates vertragen. Nach der Aktivierung legt man insgesamt acht leere WordPress-Pages an (für Profilseiten, Mitgliederverzeichnis etc.). Diese Pages nutzt Mingle zur Darstellung der jeweiligen Inhalte, zur Anzeige der neuesten Besucher und für Registrierung/Login gibt’s Sidebar-Widgets. Schlaue WP-Füchse legen sich vor der Installation gleich mal ein eigenes Page-Template mit speziellem Sidebar zurecht.

Mingle bietet auch die Möglichkeit, bei der Registrierung zusätzliche Profilfelder abzufragen. Natürlich baut das Plugin keine Parallelstruktur auf, sondern es verwendet die Standard-Registrierungsfunktion von WordPress — somit klappt auch das Zusammenspiel mit bestehenden Erweiterungen sehr problemlos. Will man den Registrierungsprozess so kurz und schmerzlos wie möglich halten, darf auch weiterhin die WordPress-Minimalvariante (Username und E-Mail Adresse) beibehalten werden; alle weiteren Felder (Beschreibung, Name, Homepage, Ort…) können nachträglich im Profil eingetragen bzw. editiert werden.

Ein Wort zur grafischen Anpassung: da alle Mingle-Inhalte von einer unique CSS-Class umschlossen sind, haben Designer recht weitgehende Freiheiten in der Gestaltung — aber auch ohne viel Bastelei überzeugt das Resultat. Ich bin bisher von Mingle jedenfalls restlos begeistert und freue mich unbeschreiblich, wenn Sie so nett wären, sich zu registrieren und mir Rückmeldungen zu den neuen Features geben.

Geteilte Freude mag doppelte Freude sein, mehrfach vorhandene Kontakt– und Kalenderdaten dagegen sind eine äußerst nervigen Begleiterscheinung der PIM-Ära. Wer schon mal Probleme mit Handy-Synchronisationssoftware (und anschließend kein funktionierendes Backup zur Hand) hatte, weiß, wie nervig es sein kann, irrtümlich duplizierte Daten händisch zu entfernen. 1-Klick Duplikate Löschen für Outlook verspricht den Nutzern von Microsofts PIM-Manager raschen und vor allem automatisierte Abhilfe.

Im Test von Computer-Bild erreichte die Lösung der Softwareschmiede ITSTH den ersten Platz — was durchaus auch an der elegant gelösten “Doppelbedienung” liegt: Einstiger verlassen sich auf die 1-Klick Automatik, Profis können alle Details frei definieren. Das Tool durchleuchtet alle Outlook–Typen und löscht doppelte E-Mails, Kontakte, Termine, Aufgaben, Notizen und Journaleinträge — bei mehrfach vorhandenen Visitenkarte werden mehrfach vorhandene Einträge anhand des Aktualisierungsdatums zusammengeführt. Sollte doch mal etwas schief gehen, steht eine Undo-Funktion zur Verfügung.

Seit ich unvorsichtigerweise dreimal hintereinander mit dem Xing-Outlook Plugin synchronisiert habe, fanden sich plötzlich sämtliche Geburtstage meiner ehemaligen rund 700 Xing-Kontakte (ich verwende die Plattform mittlerweile nicht mehr) in dreifacher Ausführung als jährlich wiederkehrende Ereignisse im Kalender — inklusive Reminder; eine Option für die Deaktivierung dieser nirgends dokumentierten Geburtstags-Synchro gab es nicht. Da kommt ein Dubletten–Remover natürlich wie gelegen… leider kannte ich das Programm damals noch nicht.

Getestet habe ich unter Vista 64 mit Microsoft Outlook 2007 SP2. Vor der Installation muss Outlook beendet werden, nach dem Neustart taucht ein Button zum Start des Programms aus. Im Modus “erweiterter Sachen” kann man auswählen, ob die komplette PST-Datei oder lediglich einzelne Unterordner durchsucht werden sollen:

Die Komplettsuche dauerte bei mir nur wenigen Sekunden — ich verwalte zwar meine Termine und Kontakte mit Outlook, verwende aber Thunderbird als Mail-Client. Wie erwartet ergab der Scan keine Duplikate — sollte die Software solche finden, kann man die einzelnen Vorschläge annehmen oder ablehnen:

“1-Klick Duplikate löschen für Outlook” macht einen soliden Eindruck — sowohl der One-Click als auch der erweiterte Modus sind selbsterklärend. Fazit: ein nützliches Werkzeug, das in vielen Situationen hilft, wieder Herr des Datenchaos zu werden. Wer das Tool mal ausprobieren möchte, kann die kostenlose Testversion (die auch für diese Review herangezogen wurde) verwenden, für die Vollversion der Software fallen beim Kauf im Online-Shop €29,95 an, das Bundle zusammen mit “1-Klick Duplikate löschen für Dateien” aus demselben Haus kostet €44,93.

Häufig taucht in Gesprächen über Twitter die Frage nach dem erforderlichen Zeitbudget auf: ich denke, dass es wenig Sinn macht, pro Tag mehr als 1–2 Stunden in Twitter zu investieren. In meinem Fall war’s in den letzten Monaten so, dass ich pro Woche zweimal 2 Stunden am Stück für diverse “Maintenance Tasks” (Tweet Scheduling, Follow-Friday Vorbereitungen, Follower Vetting, Mash-Ups evaluieren etc., dazu später mehr) benötigt habe und zusätzlich pro Tag im Durschnitt etwa 20 bis 60 Minuten fürs “Echtzeit-Tweeten”.

Das mag vordergründig relativ viel erscheinen, erwies sich aber unter anderem als eine der effektivsten Methoden, den Traffic auf meinen Blogs nachhaltig zu steigern — und mit den richtigen Tools und Clients lässt sich auf jeden Fall schon vom Start weg viel Zeit einsparen. Die Basics spar ich mir allerdings, und komme ohne weitere Umwege wie versprochen nun zu drei Follower-Building Anleitungen.

Caveat 1: Wer beschließt, dem natürlichen Lauf der Micro-Blogging Dinge etwas nachzuhelfen und seinen Account behalten möchte (Twitter wird immer strenger in der Spam-Bekämpfung), sollte unbedingt den Tina Turner Refrain beachten: Not push Twitter Limits! Es gibt Obergrenzen für die Zahl der Personen, denen man followen kann (grundsätzlich 2.000, und aber dieser Zahl dann maximal 20% mehr Usern als man selbst Followers hat), es gibt tägliche Limits für Private Messages, Restriktionen für die wiederholte Aussendung des gleichen Tweets, ein Limit für die maximal Anzahl an Usern, denen man pro Stunde folgen darf (100)… diese Zahlen ändern sich, und wer über die Stränge schlägt, riskiert, dass der eigene Account gesperrt wird — und das wär doch schade um die viele Arbeit. Siehe dazu auch Making Progress on Spam am offiziellen Twitter-Blog bzw. The Twitter Rules.

Caveat 2: Alle nachfolgend beschriebenen Techniken setzen voraus, dass man regelmäßig twittert, einen Avatar verwendet, sich generell darum bemüht, interessante Links zu posten und auf Anfragen reagiert. Kurzum: Content and Communications are King and Queen. Der Rest ist lediglich ein kleiner Durchlauferhitzer, aber für sich allein genkommen wertlos.

Der eingesprungene Such-Axel

Die Twitter-Suche bietet perfekte Möglichkeiten, Themen-affine User zu finden. Man nutzt dazu entweder das Web-Interface unter search.twitter.com oder — wesentlich komfortabler — die Suchfunktion des Tweetdeck Clients: der ermöglicht das Abspeichern von bis zu 20 Keyword–Trackings, die als eigene Spalten angezeigt werden.

Hilfreich ist dabei eine Liste mit relevanten Keywords bzw. Keyword-Kombinationen (Tweetdeck unterstützt auch die Boole’schen Operatoren AND und OR), die regelmäßig themenaffine User frei Haus liefert. Nach einem kurzen Blick auf das jeweilige Profil folgt man. Dabei ergeben sich auch ständig Anknüpfungsmöglichkeiten für Gespräche und so kommt man zugleich laufend mit neuen Usern, die sich mit dem gleichen Themengebiet befassen, in Kontakt.

Vorteil: Nichts geht über händische Selektion — das Followen lässt sich recht gut “nebenbei” beim Twittern erledigen — und je sorgfältiger man auf Themenrelevanz achtet, desto höher wird die Follow-Back Rate sein.
Nachteil: Zeitaufwendigste Methode, skaliert schlecht und erfordert regelmäßigen “Aufräumen” der Followed-Liste.

Der doppelte Tweetlater-Rittberger

Wer Twitter professionell nutzt, hat sich hoffentlich schon längst einen Tweetlater-Account zugelegt. Der Online-Service von Dewald Pretorius ermöglicht die zeitgesteuerte Aussendung von Tweet-Messages und verwaltet beliebig viele Accounts. Auch in der Free-Version sehr nützlich — die Power-Features stehen aber nur Pro-Usern zur Verfügung. Der Pro-Account kostet 20$ im Monat, die sich schon allein aufgrund der neu integrierten Follow-Funktion, die pro Account und Monat 1.200 User vollautomatisch recherchiert, mehr als auszahlen.

Während der Auto-Follow Mechanismus vor einigen Monaten noch recht nützlich war, ist Twitter inzwischen von zu vielen Spam-Accounts übersät, um diese Funktion weiterhin zu nutzen. Tweetlater bietet hier eine perfekte Lösung namens “Follower Vetting” an: sämtliche User, die dem eigenen Account folgen, kommen in eine übersichtliche Warteliste und werden mittels bestimmter Filter-Kriterien vorselektiert, die in meinem Fall so aussehen:

Alle zwei bis drei Tage schaut man die Liste kurz durch und nimmt allfällige Korrekturen vor — dass zusätzliche Statistiken (á la: von wie vielen Usern wurde dieser User geblockt etc.) angezeigt werden, macht den Auswahlprozess extrem effizient, und das ist auch notwendig: bei größeren Accounts sammeln sich schon mal 500 neue Followers oder mehr pro Woche an.

Die oben erwähnte Recherche-Funktion heißt “Friend Finder”. Selbiger muss pro Account aktiviert und konfiguriert werden. Da die Filterfunktionen äußerst granular arbeiten und beispielsweise auch Negativ-Keywords und viele weitere Einstellmöglichkeiten bieten, ist die Qualität der so generierten Vorschläge immens hoch. Die kommen (täglich bis zu vierzig) in die oben beschriebene Vetting-Liste, wo man nochmal einen Blick drauf werfen kann, aber nicht muss — nach einem einstellbaren Zeitraum folgt Tweetlater automatisch.

Vorteil: TweetLater bietet diverse unverzichtbare Komfortfunktionen für Pro-Microblogger. Speziell beim Follower-Aufbau schlägt der neue Friendfinder jede andere Automatisierungs–Software aber bei weitem, da Spam-Accounts äußerst zuverlässig ausgefiltert werden. Richtig konfiguriert bringt das Tool im Monat ein paar Hundert themenaffine Followers — ganz auf Autopilot und ohne Probleme mit Twitter-Limits zu verursachen.
Nachteil: TweetLater Pro-Account erforderlich, aber die 20 Dollar pro Monat (zahlbar via PayPal) sind gut investiert. Wer unschlüssig ist, kann die Pro-Version für 10 Tage kostenlos testen. Aber Vorsicht: Sie werden anschließend nicht mehr auf Tweetlater Pro verzichten wollen.

Rückwärts-Salto á la Pretty Link für WordPress-Blogger

Viele Heavy-Twitter-User betreiben eigene Blogs, eine aktuelle Umfrage auf Deutschland ergab, dass über die Hälfte der Top-Tweeper zugleich bloggen. Die überwiegende Mehrheit wählt dazu WordPress, und dementsprechend breit gefächert ist mittlerweile die Auswahl der Twitter-Plugins.

Maß aller Dinge waren bis vor einigen Monaten Alex Kings Twitter Tools. Das Plugin implementiert eine 2-Weg Einbindung: einerseits werden neue Postings automatisch getweetet, andererseits können die eigenen Tweets am Blog angezeigt oder sogar als täglicher bzw. wöchentlicher Digest-Beitrag geposter werden. Vor relativ kurzer Zeit betrat TweetMeme die Bühne: mit nur einem Klick lassen sich die eigenen Blogbeiträge retweeten. Damit diese auch mit RT @eigeneraccount erstellt werden, muss man sich erst von den Betreibern authentifizieren lassen, sonst hagelt es Eigenwerbung á la RT @tweetmeme. Die Idee ist genial, weniger erfreulich ist der zwangsweise Weg über die TweetMeme-Server, denn die gemessenen Retweets werden für ein Social News Portal verwendet.

Enter Pretty Link: Blair Williams veröffentlichte vor einigen Monaten ein Plugin, das die Erstellung und Verwaltung von Short-Links unter WordPress ermöglicht. Aufgrund der 140-Zeichen Begrenzung müssen längere Links URL-Shortener wie bit.ly und Co. durchwandern — eine verschenkte Gelegenheit, denn wesentlich professioneller wirken Links á la http://meinedomain/13x. Genau dafür ist Pretty Link zuständig.

Vor wenigen Tagen präsentierte Blair die Pro-Version. Ähnlich wie im Fall von TweetLater kann man mit der Free-Edition eine Menge anfangen, die Pro-Version bietet allerdings eine ganze Reihe von zusätzlichen Conversion–Features, die ich im Detail in einem eigenen Beitrag erklären wären. Im Zusammenhang mit dem Thema Follower-Building interessieren uns in erster Linie die “Automatic Pretty Link Creation and Posting Options”: Pretty Link kreiert für jedes neue Posting automatisch einen Shortlink und fügt ein ReTweet-Badge á la TweetMeme ein, das allerdings ohne Drittanbieter-Server auskommt. Damit erhöht man nicht nur die ReTweet-Rate, sondern bekommt ein äußerst nützliches Tracking-Tool in die Hand. So sieht der Options-Screen der Pro-Version aus:

Als äußerst praktisch erweist sich in diesem Zusammenhang der sogenannte Pretty Bar: er fügt einen Top-Bar ein, auf dem man nicht nur das eigene Logo, sondern auch diverse Share– und Follow-Funktionen integrieren kann (siehe hier). Die Stärke des Bars liegt im richtigen Zeitpunkt: User, die in einem ReTweet auf einen interessanten Link klicken, folgen sehr häufig. Screenshots und weitere Infos zur Funktionsweise gibt es auf der offiziellen Pretty Link Pro Homepage. Derzeit verkauft Blair die Lifetime-Pro-Lizenz für bis zu 5 Seiten um $97, ab 1. September steigt der Preis auf $147. Zuschlagen!

Vorteile: eigene Short-URLs, perfektes Tracking, Erhöhung der ReTweet– und Follow-Rate
Nachteile: nur verfügbar für WordPress-Blogger.

Addendum: Wie komme ich eigentlich zu mehr ReTweets?

Klingt wie die klassische Frage an Radio Eriwan, und die Antwort, die man häufig liest, lautet: “Mit interessanten Tweets!” Das ist zweifellos wahr, aber manchmal kann man dem Glück auch ein wenig auf die Sprünge helfen: ReTweet It basiert auf einem Austausch-System, erfordert keine Datenweitergabe (Log-in erfolgt via Twitter-Auth) und ermöglicht Usern mit mindestens 50 Followern, ihre Nachrichten retweeten zu lassen. Um die nötigen Credits zu bekommen, kann man entweder selbst retweeten oder via PayPal ein paar Münzen einwerfen — 100 RTs kosten aktuell $10,-. Das ist meiner Meinung nach aber gar nicht erforderlich, da man eigentlich laufend recht interessante Tweets im System findet, die man guten Gewissens retweeten kann

Fazit: eigene Choreographien entwerfen!

Wie schon einleitend gesagt: interessante, themenrelevante Tweets und Gesprächsbereitschaft sind die Grundlage für erfolgreiches Follower-Building und in weiterer Folge für den Einsatz von Twitter als Marketing-Tool. Mit den oben beschriebenen Methoden kann man gefahrlos nachhelfen und die Weg zum Twitter Whale (so heißen User mit 10k+ Followern) beschleunigen. Die oben skizzierten Tipps sollen lediglich Anhaltspunkte geben, außerdem ist es im Lauf der Zeit erforderlich, die eigenen Taktiken und Toolsets dem Status des Accounts anzupassen. Ich habe beispielsweise festgestellt, dass 90% aller frei verfügbaren Mash-Ups für Userverwaltung, Stats etc. ab 15k Followern nicht mehr oder nur sehr unzuverlässig funktionieren. Tweetlater Pro und Pretty Link Pro kann ich uneingeschränkt empfehlen: angesichts der immensen Zeitersparnis sind beide Tools unglaublich preiswert.

Am Schluss noch eine kleine Bitte: wenn Sie mit diesen Tipps etwas anfangen können, dann schenken Sie mir doch bitte Ihre Stimme bei der Mr. Twitter Austria Wahl. (Man kann für beliebig viele User abstimmen.) Danke!

Gründe, trotz aller Social– und Collaboration Services trotzdem eine eigene Webpräsenz zu betreiben, gibt es viele: für mich persönlich ist meine Internet-Präsenz beruflich viel zu wichtig, als dass ich sie komplett in die Hände eines Drittanbieters legen möchte — die Vergangenheit hat oft genug gezeigt, dass sogar erfolgreiche Plattformen von einem Tag auf den anderen verschwinden können. Wer gestalterisch und technisch möglichst flexibel sein möchte und vielleicht auch noch Geld mit seinen Inhalten verdienen möchte, kommt um eine eigene ohnehin nicht herum.

Glücklicherweise bietet WordPress neben den Standard-CMS-Funktionen via Plugins mittlerweile ein breites Spektrum an Social Media Funktionen, denn bekanntlich ist kein Blog eine Insel Lifestream for WordPress aus den iBegin Labs hat sich aufs Aggregieren spezialisiert: die wichtigsten Social Networks sowie native RSS-Feeds werden out-of-the-box unterstützt. Wer selbst Hand anlegt, kann auch exotischere Social Services einbinden und das Desing dank der Template-Fähigkeit des Plugins beliebig anpassen.

Lifestream fetcht die diversen Postings, Fotos, Videos, Likes etc. aller eingetragenen Plattformen und bastelt daraus wiederum einen einzigen Feed mit Link zu den Originalquellen, Thumbnails und Icons der einzelnen Services. Dieser Stream kann auf vielfältige Weise ins Blog eingebunden werden: bei mir kommt auf der Startseite das Widget zum Einsatz, für die “Vollversion” habe ich mein Page-Template ohne Sidebar verwendet und das Lifestream-eigene Template an meine Bedürfnisse angepasst. (Kleiner Tipp: Nicht das Original editieren, sondern ein bestehendes Theme kopieren und umbenennen — damit überleben die eigenen Anpassungen auch zukünftige Updates!) Auf Wunsch postet Lifestream auch stündlich, täglich oder wöchentlich einen Digest der eigenen Social Actions.

Die Programmierer haben zum Glück auch an die Performance gedacht: Lifestream kommt mit eigenem Cache und fragt Updates cronjob-gesteuert in definierbaren Zeitabständen ab. Allfällige Fehler werden penibel im Error-Log kommentiert. Lifestream schafft den Spagat zwischen einfacher Konfiguration und optional äußerst detaillierter Anpassbarkeit auf elegante Art und Weise — ein wirklich geniales Tool, das ich allen WordPress-Bloggern nur empfehlen kann. Auf Kommentare zu meinem Lifestream bin ich natürlich gespannt!

Das schränkt die Flexibilität bei der Gestaltung des eigenen Blogs in vielen Fällen deutlich ein: so ist es etwa Out-of-the-Box nicht möglich, das Tagcloud–Widget in zwei unterschiedlichen Sidebars (siehe diesen WordPress-Support Thread dazu verwenden. Abhilfe schafft ein geniales Plugin, das sich genau dieser Problematik widmet: Duplicate Sidebar Widgets ermöglicht das Anfertigen von Widget-Kopien und damit die Mehrfach-Einbindung. In den meisten Fällen funktioniert das problemlos — mit einigen etwas komplexeren Widgets, etwa den Top Commentators, versagte diese Methode jedoch.

Abhilfe schafft in diesen Fällen möglicherweise das Samsarin PHP Widget: während das Standard-Text-Plugin lediglich HTML darstellt, aber keine php-Scripts erlaubt, ermöglich Samsarin genau dieses. Man kann also mit Hilfe des oben genannten Duplicate Sidebare Widget Plugins mehrere Samsarin-Kopien anfertigen und in diese händisch die jeweiligen Function-Calls (in der Regel werden im Sidebar diverse UL-Listen dargestellt) eintragen. Um ein wenig Handarbeit und Konsultation der Doku kommt man dabei nicht herum, mit dieser Methode steht allerdings ein völlig freien Sidebar-Gestaltung mit WordPress nichts mehr im Weg.

Zur nofollow–Diskussion habe ich schon einiges geschrieben — und 3 Jahre Blog–Erfahrungen haben mich in meiner Meinung, dass Weblogs vom Geben und Nehmen leben und Kommentare einer der wichtigsten Bestandteile des Blogs sind, täglich neu bestärkt. Das Top-Commentators-Plugin habe ich auf der Startseite schon länger im Einsatz, es handelt sich dabei um eine dynamische Blogroll: die Top-Kommentatoren der jeweils letzten 14 Tage bekommen einen Backlink von der Startseite. Im Zuge des kürzlich erfolgten datenschmutz-Redesigns habe ich darüber nachgedacht, wie sich dieses Konzept ausbauen ließe, was schließlich in der Einrichtung des “datenschmutz-Piraten” Widgets gipfelte: die fünf Top-Kommentatoren seit Beginn des Blogs bekommen auf einen Schlag über 1000 Backlinks, nämlich von jeder einzelnen datenschmutz-Beitragsseite — in vollem Effekt zu bewundern auch hier ganz unten in der rechten Seitenspalte.

Derzeit sind das der Aufschnürer (51 Kommentare), david (42), Horst (40), Michael und der Navigator (je 35 Kommentare). Um in diese Liste zu kommen, muss man schon ein Weilchen mitdiskutieren — aber genau für diesen Stammleser-Bonus sind die datenschmutz-Piraten ja auch da. Das Top-Commentators Widget bleibt natürlich weiterhin auf der Startseite eingebaut und sämtliche Links (auch alle Kommentar-Backlinks) sind und bleiben auf datenschmutz NOFOLLOW. Über Feedback und Kommentare zu diesem Piraten-Blogroll bin ich gespannt; und Nachahmer sind gerne gesehen

Caveat: Spammen bringt natürlich gar nix, außer ein paar Minuspunkte in der Akismet-Bewertung. Über rege Beteiligung an Diskussionen dagegen freue ich mich natürlich — sollte die Piraten-Blogroll auf Gegenliebe stoßen, werde ich eventuell die Anzahl der User erhöhen.

Nach einer schnellen und schmerzlosen Registrierung bei Gravatar und dem Upload eines Bildes ist alles getan. Seit der Service von den WordPress–Machern selbst betrieben wird, gibt’s keine Probleme mehr mit der Serververfügbarkeit, selbstverständlich kann das eigene Bild im Nachhinein jederzeit ausgetauscht oder gelöscht werden. Beim Upload gibt man übrigens ein Alterslimit an (obwohl ich Geschlechtsteile in Großaufnahme aus ästhetischen, rechtlichen und Benimm-technischen Gründen nicht unbedingt empfehlen würde), das Blogbetreibern erlaubt, alle Avatare bzw. nur harmlose Bilder zuzulassen.

WordPress selbst benötigt für die Einbindung von Gravatar-Bildchen keinerlei Plugins, diese Funktionalität ist seit einigen Releases fix integriert und muss lediglich vom Administrator unter Settings -> Discussion bzw. Einstellungen -> Kommentare aktiviert werden. Diese Gravatare erhöhen die Wiedererkennbarkeit immens, und da das Service gratis zur Verfügung gestellt wird, gibt es für Kommentatoren keinen Grund, sich nicht zu registrieren, und WordPress-Blogger sollten die Funktion unbedingt aktivieren. Einziger Nachteil: wenn manche User Gravatare benutzen und andere nicht, dann entsteht ein visuelles Ungleichgewicht. Dauernd der gleiche Platzhalter ist auch öd, doch hier springt glücklicherweise WP–Identicon in die Bresche: das Plugin generiert für alle E-Mail Adresse automatisch geometrische Avatare, die sich gut ans Farbschema des eigenen Blogs anpassen lassen — eine genauere Beschreibung des Plugins gibt’s hier.

Natürlich browserseitig. Aber die eigene Wirklichkeit ist bekanntlich immer noch die realste aller Illusionen — zumindest vermute ich mal, dass Grease-Monkey Fans diese Aussage sofort unterschreiben würden. Jedenfalls könnte man sich Hugback for Facebook direkt aus dem offiziellen Add-In Repository runtersaugen und damit ein klares Bekenntnis zum Hippietum abgeben, wäre da nicht der gute alte Versionskonflikt: denn leider ist die letzte Ausgabe des Plug-Ins nicht kompatibel mit dem aktuellen Firefox 3.0.5 — man kann nur hoffen, dass der Autor irgendwann Abhilfe schafft. Und wo das herkommt, da gibt’s noch mehr: Pink Facebook richtet sich an Barbiegirls, wer’s individueller mag, wirft einen Blick auf Boost for Facebook:

Join more than 600K fellow Boost users and customize your Facebook experience with 300+ facebook skins, 30+ special features, selectable options, custom album viewers, video downloader and more!

Man findet aber auch allerhand Nützliches wie etwa den Facebook Photo Album Downloader, dessen Name bereits die Mission verrät: ganze Alben lassen sich via Mausklick bequem speichern. Herrlich subversiv kommt das einstige Greasemonkey–Script und nunmehrige Plug-In Facebook Video 2.1.1 daher: es rüstet frech und unverfroren die bewusst fehlende Embed-Funktion für Videos nach:

This addon allows Facebook users to share personal videos with their friends outside of Facebook. Facebook has stated in its Video FAQ that “Users will not be able to export or download videos from Facebook.” This adds features that Facebook refuses to implement.

Tja, es gibt im Netz eben nichts, was es nicht gibt — und falls doch, dann findet sich meistens ein Add-On Entwickler, der das Problem im Handumdrehen löst. Und eine auf die eigenen Netz-Bedürfnisse abgestimmte Browserkombination spart immens viel Zeit. Das ist der Hauptgrund, warum ich Firefox verwendet, denn (contrary to popular belief) laufen sowohl Opera als auch der Internet Explorer bei vielen parallel ladenden Tabs wesentlich stabiler als der Feuervogel. Was sind Ihre Lieblings Plug-Ins beim Surfen? Auf welches Firefox Add-On würden Sie keinesfalls verzichten wollen?

Das gleiche gilt für das beliebte NextGen Gallery Plugin: auch hier muss man beim Einzelbildupload auf den Browser-Uploader umsteigen (Button “Deaktiviere Batch-Upload”), ein Zip-File hochladen oder wahlweise die Bilder via ftp auf den Server befördern und dann vom passenden Verzeichnis importieren. Diese plötzliche Dienstunwilligkeit des Flash-Uploaders hat aber rein gar nichts mit dem letzten WordPress–Update zu tun, sondern Flash macht die Probleme: beim Sprung von der Version 9 auf die 10 mussten dringend einige Sicherheitslöcher gefixt werden. Diese Änderungen führen unter anderem dazu, dass es nicht mehr möglich ist, im SWF-Uploader via JavaScript den Dateiauswahl-Dialog aufzurufen. Symptomatisch gestaltet sich das Problem so, dass der Click auf “Chose Files” eben gar keine Redaktion produziert.

Wie gesagt beschränkt sich der “Bug” nicht auf WordPress, sondern betrifft sämtliche Websoftware, die den SWF Uploader nutzt. WordPress Deutschland schreibt, dass bereits mit Hochdruck an der Beseitigung des Problems gearbeitet wird. Weitere technische Details findet man bei Heise und bit-101.com.

Ächtüng: Ein Downgrade auf Flash 9 ist zwar technisch möglich, aufgrund der gravierenden und nun bekannten Sicherheitsprobleme aber *nicht* zu empfehlen! An der Lösung des Problems wird mit Hochdruck gearbeitet, bis ein Fix verfügbar ist, empfiehlt es sich dringend, mit dem Browser Uploader zu arbeiten!

Meine Anforderungen an einen WordPress-Glossar

In erster Linie geht es mir darum, immer wieder auftauchende Fachbegriffe kurz und knackig zu erklären. Dabei soll sofort ersichtlich sein, dass es sich um einen Glossareintrag, und nicht um einen “normalen” Link handelt. Und wenn ich schon den Aufwand treibe, eine solche Liste zu pflegen, dann möchte ich auch gleich den daraus resultierenden Google-Bonus mitnehmen: denn solche statischen Glossar-Pages haben den riesigen Vorteil, nahezu perfekte Landingpages für die Nischen-Keywords des jeweiligen Blogs darzustellen. Daraus ergaben sich für mich folgende Anforderungen:

1. Die einzelnen Glossar-Begriffe sollen in Postings automatisch mit der Definition verlinkt werden und grafisch gekennzeichnet, um ersichtlich zu machen, dass es sich um einen Glossar-Eintrag handelt.
2. Für die einzelnen Glossar-Einträge soll automatisch eine Übersichts-Seite erstellt werden, die alphabetisch sortiert ist und über einen A-Z Navigation mit Sprungmarken verfügt.
3. Die einzelen Definitions-Artikel sollen selbst Postings bzw. statische Seiten sein, um eine sinnvolle Permalink-Struktur zu ermöglichen und um sich gut in den übrigen Seitenaufbau (z.B. Sitemap) einzufügen.

Klingt simpel, aber leider war es mir wie gesagt nicht möglich, eine Out-of-the-Box Lösung zu finden. Zwei Plugins, die sich der Aufgabe “Glossarerstellung” widmen, habe ich gefunden: IMM Glossary erfüllt die ersten beiden Anforderungen mit Bravour, fällt aber bei der Permalinkstruktur durch: die Definitionen bekommen seltsame Adressen voller Argumente und Referrer. Die zweite Lösung heißt WP Snap. Dieses Plugin generiert aus einer einzelnen oder einer definierbaren Menge von Kategorie-Postings ein spezielles Kategorie-Archiv mit alphabetischer Navigationsleiste und Sortierung. Das Plugin erfordert einen Eingriff ins category.php Template, erwies sich aber als relativ unflexibel und ermöglich keinerlei Pagination und automatische Verlinkung. Letztendlich kamen mir zwei verschiedene Vorgehensweisen in den Sinn:

Gut: Glossar mit Kategorie

Kategorie definieren und exkludieren: Man könnte eine dedizierte Kategorie für Glossar-Einträge anlegen und die betreffende Kategorie zugleich aus der Startseite und aus dem Feed ausschließen. Dazu ist keinerlei händische Bastelarbeit nötig, der äußerst empfehlenswerte Advanced Category Exluder erlaubt entsprechendes Finetuning via Optionsmenü. Anschließend legt man ein dediziertes Template für die betreffende Kategorie an. Dazu wird einfach nur die Datei category.php kopiert und unbenannt, und zwar in category-ID.php, wobei ID für die die betreffende ID der Glossar-Kategorie einzutragen ist. (Ersichtlich unter “Manage Categories” beim On-Mouse-Over).

Kategorie-Archiv anpassen: Wenn für eine Category ein so benanntes Template vorhanden ist, dann verwendet WordPress diese Datei standardmäßig (nur) für diese Kategorie. Im Template kann man einen kurzen Intro-Text eintragen und die Glossar-Postings alphabetisch anstatt chronologisch sortieren lassen — das geht relativ einfach mit WordPress Bordmitteln oder man verwendet Mike Smullins Sort Categories by Title. Das “alphabetisierte” Kategoriearchiv kann man natürlich noch beliebig im Design anpassen:

Automatisch verlinken: Für die automatische Verlinkung habe ich aLinks installiert. Das Plugin ist eigentlich für die stressfreie Wartung von Affiliate-Links gedacht, leistet aber überall dort gute Dienste, wo regelmäßig wiederkehrende Keywords mit einer festen URL verlinkt werden sollen. (Dafür hält sich die Affiliate-Tauglichkeit in Grenzen, da aLinks kein Link-Cloaking beherrscht, aber das ist eine andere Geschichte und soll ein andermal erzählt werden.) In den Einstellungen lässt sich außerdem eine spezielle CSS-Klasse für die Verlinkung definieren und/oder man kann ein bestimmtes Icon an die verlinkten Begriffe anhängen. Hier fehlt allerdings die Automatisierung: man muss jeden Glossar-Begriff, der erstellt wird, einmal händisch in die aLinks Liste eintragen.

Diese Methode hat allerdings zwei Nachteile: einerseits wird kein automatischer A-Z Index generiert (dafür könnte man WP-Snap verwenden, aber das beherrscht wiederum keine Paginierung), andererseits ist die Permalink-Struktur nicht völlig frei wählbar, sondern von der jeweiligen Posting-Struktur abhängig. Und eigentlich möchte ich in meine Glossar-Links im Gegensatz zu Postings lieber kein Datum drinstehen haben — also habe ich mich für einen anderen Ansatz entschieden.

Besser: Glossar mit statischen Seiten

Hauptsächlich wegen der Permalink-Struktur habe ich mich dafür entschieden, statische Seiten zu benutzen. Ich habe also eine statische Seite angelegt, die sich “Glossar” nennt. Jeder Begriff bekommt eine eigene statische Page, die ich jeweils hierarchisch unterhalb der Glossar-Seite anlegen. Auf der Hauptseite lasse ich automatisch einen A-Z Index samt Navigationsleiste erstellen — hier leistet das Plugin AZIndex hervorragende Dienste: es erstellt beliebig viele Indizes aufgrund frei wählbarer Kombinationen aus Kategorien und Tags. Da Pages keiner Kategorie zugeordnet sind, bestimmt man einen Tag, der sonst nicht verwendet wird (z.B. “Glossar”), und ordnet diesen jeder einzelnen Glossar-Subseite zu. Anschließend erstellt man einen neuen Index (unter dem CMS-Menüpunkt “Manage”) basierend auf dem gewählten Tag. Dazu läösst man das Feld Included/excluded Categories leer und trägt im darunterliegenden Feld das Stichwort, in meinem Fall “Glossar”, ein. Die Index Headings bleiben auf “title” gestellt, Index subheading s und Description auf “none”. Bei den Optionen wählt man nun “Include blog pages” und “exclude blog posts”, die übrigen Einstellungen sind Geschmackssache. Das sieht bei mir folgendermaßen aus:

Den so erstellen Index fügt man im Editor auf die Glossar-Hauptseite ein, die Syntax dazu lautet: az-index id=“ID” (in eckigen Klammern), wobei ID mit der Nummer des betreffenden Index zu ersetzen ist — nähere Details dazu verrät die Dokumentation des Plugins.

Für die automatische Verlinkung sorgt wie bereits oben beschrieben aLinks, das Exludieren der Glossar-Kategorie aus Feed und Startseite entfällt, weil statische Seiten dort ohnehin nicht auftauchen. Dieses Setup erfüllt mit ein wenig Handarbeit alle meine oben beschriebenen Anforderungen (visuelle Kennzeichnung, automatische Verlinkung, alphabetischer Index, SEO-Bonus). Die beschriebene Vorgehensweise soll andere WordPress-Blogger, die vor einem ähnlichen Problem stehen, inspirieren: sicherlich gibt’s noch viele andere Mittel und Wege, einen Glossar zu generieren — über Tipps und Anregungen freue ich mich.

Am besten weitergedacht: Idee für ein Plugin

Hervorragend für eine solche Glossarfunktion würden sich die in WordPress eingebaute Tagfunktion eignen. Man müsste das Tag-Management dazu folgendermaßen erweitern: Im Backend sollte es möglich sein, für einzelnen Tags (mittels Checkbox) zu bestimmen, ob es sich um ein Glossar-Stichwort handelt. Diese speziellen Tags bekommen ein Beschreibungsfeld, in das auch HTML-Code eingetragen werden kann. In der normalen Einzel-Tag-Ansicht (Posting-Archiv pro Tag) ändert sich bei den betreffenden Stichworten nur eine Kleinigkeit: zwischen der Tag-Überschrift und der Auflistung der zugehörigen Beiträge wird die Beschreibung angezeigt. Außerdem sollte das Plugin analog zu AZIndex eine alphabetische Liste der Glossar-Tags ausgeben und es ermöglichen, die betreffendne Begriffe im Text automatisch zu verlinken und grafisch zu kennzeichnen. Die automatischen Cross-Linking funktionen bringt Simple Tags ja bereits mit, bei der Einbindung des Icons könnte man sich an Link Indication halten. Meine Talente liegen leider nicht im Bereich der php-Programmierung, aber falls sich ein berufenerer Coder inspiriert fühlt, erkläre ich mich gerne bereit, ein detailliertes Story-Board für ein solches Plugin anzufertigen.