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!

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?

Wie Twitter gibt’s wenig zu konfigurieren: ein Avatar-Bild, eine Homepage-URL und eine kurze Beschreibung, das war’s auch schon. In punkto Design bietet formspring.me einige Fertig-Templates an, man hat aber auch die Möglichkeit, ein eigenes Hintergrundbild hochzuladen — das geht am schnellsten mithilfe des PSD-Templates, das ich hier zum Download zur Verfügung stelle.

formspring Hintergrund Template

Anders als Twitter besitzt formspring keinen Sidebar. Die Content-Spalte hat eine fixe Breite von 752 Pixeln (inklusive der 1 Pixel breiten schwarzen Umrandungslinie). Berücksichtigt man die häufige 1024er Auflösung, bleiben abzüglich 30 Pixel fürs Browserfester 121 Pixel für am linken Rand, die sich als Seitenleiste nutzen lassen. Die Header-Spalte ist inklusive Border 103 Pixel hoch — diese Abmessungen habe ich fürs Template benutzt.

Das Template steht als PSD-Datei mit mehreren Layern zum Download bereit, eine Kurzanleitung findet sich in der PSD-Datei selbst — damit ist im Handumdrehen ein Custom-Background für formspring gebaut (optimiert für Auflösungen von 1024px bis 2000px). Nach dem Umkolorieren, Anpassen des Textes und dem Einfügen des eigenen Logos muss die Datei nur noch exportiert werden. Für Nicht-Photoshop-Benutzer befindet sich im zip-Archiv auch eine gif-Datei, die nur die Screenaufteilung in Form grauer Rechtecke enthält:

formspring-background-template.zip [rechte Maustaste + “speichern unter”]

So schaut die gif-Datei aus:

How to buzz formspring.me

Der ultimative Guide zur Nutzung dieser neuen Plattform fällt kurz und knapp aus: originelle und interessante Fragen stellen, originelle und/oder (bzw. im Idealfall “sowohl als auch”) hilfreiche Antworten geben, immer an das Gute in Social Media glauben.

Mehr ist momentan noch nicht drin, denn die Applikation lässt noch reichlich Features vermissen: einen RSS-Feed meiner Antworten würde ich vermissen, wenn nicht Gerald bereits ein erstes Mash-Up gebastelt hätte. Dass man nur händisch nach Personen suchen kann und ein Adressbuchabgleich mit Gmail, Facebook und Co. fehlt, nervt ebenfalls.

Einbinden kann man derzeit TumblR, Twitter, Facebook und Blogger — dabei wählt man zum Glück pro Antwort aus, über welche Networks die eigene Weisheit hinausposaunt werden soll. Besonders praktisch (vom SEO-Faktor her *g*) ist die Blogger-Integration. Wer auf einem Blogger-Account mehrere Blogs betreibt, kann allerdings nicht gezielt auswählen, formspring scheint einfach das jeweils aktuellste Blogs zu nehmen. Ich “aggregiere” meine Artikel unter der Adresse formspring.blogspot.com.

Dass man Fragen auch anonym stellen kann, macht formspring grundsätzlich zum idealen Aufklärungstool für heikle Themengebiete — Spamgefahr besteht vorerst keine, da jede Frage vom potentiellen Antwortgeber erst mal genehmigt werden muss. Mal sehen, wie sich die Plattform weiterentwickelt: wem 140 Zeichen immer schon zu wenig waren, der kann sich hier jedenfalls mal so richtig auslassen. Mein Profil:

formspring.me/datadirt

Update — das sagen bloggende Kollegen vom Wissenschaftler bis zur Prostituierten zu formspring:

• formspring — Rückkehr der anonymen Meinungsäußerung: Gerald Bäck über formspring
• Fragen ist der neue Trend: Robert Lender über formspring
• Formspring.me, WTF? auf Franziskript.de
• formspring Vorstellung auf Zivilschein
• formspring.me — Fragen, was das Zeug hält auf ui.
• No-Brainer und Low-Brainer über formspring
• Georg Mahr über formspring
• formspring.me — Ask me anything auf Gedankendeponie
• Captain Obvious über formspring
• Blog Dilemma über formspring
• Philipp Petrescu über formspring
• Streegirl über formspring

HYPE: Foursquare.com

Facebook war der Liebling der Medien 2008, 2009 wurde und wird Twitter in den Mainstream-Himmel gehyped — but who’s next?
Wenn man Mashable Glauben schenkt, dann wird 2010 foursquare.com die Spitze des Hype Cycle erklimmen!

Foursquare.com erinnert auf den ersten Blick ein bisschen an die Android App Latitude: Man legt Orte an, an denen man sich regelmäßig bewegt, checkt ein, wenn man diese aufsucht, informiert seine Freunde darüber. Erweitert wird das ganze um den Faktor “addictive Game” — wie bei Farmville oder der guten alten Zombie oder Mafia Application auf Facebook wird das ganze durch ein Gratifikationssystem, dem Sammeln von “Badges” gefördert. Wer am meisten Badges hat, wird zum “Mayor” der Location. Nun, wir werden sehen, ob Spieltrieb oder Datenschutzbedürfnisse siegen. Eines lässt sich jedenfalls schon fix feststellen: Geotagging ist wirklich totally “in”, auch Twitter springt auf den Verortungszug auf.

Pete Cashmore hat noch mehrere Parallelen zwischen Twitter und foursquare.com ausgemacht:

The parallels with Twitter are numerous. As technology early adopter and popular blogger Robert Scoble wrote in September: “Go back three years ago. Twitter was being used by the same crowd that is playing with Foursquare today. (…) This week Foursquare debuted the singular piece that launched Twitter into the stratosphere: an API.

PS: Bis vor kurzem war Foursquare nur für Städte in den USA freigeschalten, nun sind schon einige Städte mehr dabei!

Radiospotting: Web–Präsentation ist online

Bald ist das Linzer Kulturhauptstadtjahr zu Ende — und eines der spannendsten Projekte ging zwar offline im Oktober zu Ende, ist aber mittlerweile lückenlos online dokumentiert. Beim Projekt Radiospotting präsentierten 13 Autoren ihre Stories an verschiedenen Plätzen mittels lokaler Radiosender:

Seit Paul Watzlawick wissen wir: Kommunikation entsteht beim Empfänger. Diesen Gedanken aufgreifend, werden an 13 Orten in Linz (z.B. Stifterhaus, Nibelungenbrücke, Neuer Dom,…) lokal begrenzte Radiosender Arbeiten von 30 internationalen SoundkünstlerInnen über den Äther schicken. Grundlage für die akustischen Arbeiten waren 13 Orte und deren Geschichten, welche von renommierten oberösterreichischen Autorinnen und Autoren geschrieben wurden. Ohrenzeuge kann dabei jeder werden, der sich mit einem Radio an die einzelnen Orte begibt, die Frequenz einstellt und seine Ohren spitzt.

Unter dem Menüpunkt tune in! kann man nun alle Beiträge auch ohne Linz-Besuch nachlesen und –hören. Auf Radio Fro gab’s eine begleitende Doku-Serie, die einzelnen Beiträge sind ebenfalls online dokumentiert.

Google Chrome OS

Wir haben bereits im letztwöchigen Panoptikum darüber berichtet: Tod dem Desktop, Tod Microsoft! Dieser Kampfspruch scheint bei Google nicht unter das Mission Statement “don’t be evil” zu fallen. Dem Konkurrenten Microsoft wird einmal mehr gnadenlos der Kampf angesagt, diesmal an seinem angestammten Platz, dem Desktop. Auf dem Desktop verfügt Microsoft über Heimvorteile, darum wird er von Google einfach als redundant erklärt. Das Betriebssystem Chrome OS wird daher in der Cloud, genauer gesagt im Browser angesiedelt. dieses Video erklärt schon mal, wie Google Chrome funktionieren soll.

Click here to view the embedded video.

Allerdings ist das Chrome OS nicht für Laptops geschaffen: laut Mashable ist ein Solid-State-Drive angeblich Voraussetzung:

Chrome OS doesn't support drivers and will not run on your laptop: The Google operating system won't be running on your Dell or Macbook anytime soon – it only works with solid-state hard drives. It is meant for Netbooks. Many hardware manufacturers are going to have to tweak their netbook designs to support Chrome OS.

Dann warte ich vielleicht doch noch ein bisschen mit der Anschaffung eines Netbooks...

Facebook weicht List-Policy auf

Beim Filtering the Stream Roundtable frage Loic Le Meur Facebook VP Bret Taylor, warum 3rd Party Apps kein Zugriff auf die Freundeslisten gewährt werde - Twitter erlaubt dies. Und wider Erwarten scheint Facebook das tatsächlich vor zu haben:

Taylor said that Le Meur’s request seemed "reasonable" and continued "we should do that." “We're not working on that. But we should be," he continued. So there you go, done deal. Great. It would seem that soon, third parties should have access to the list filters that Facebook uses.

Im Zeitalter von Social Graphs und personalisierter Information spielt dies keine geringe Rolle, denn:

If there were a way to merge Twitter Lists and Facebook Friend Lists, third-party services could provide a valuable new service: Easy-to-make Facebook and Twitter social graph mashups.

Automatic Captions für Youtube Videos

Am offiziellen Google-Blog wurde letzte Woche bekannt gegeben, dass Youtube Videos ab sofort automatisch erstellte Untertitel anbietet. Seit längerem können Video-Uploader Untertitel anbieten, nun geht Big G in punkto Accessibility mit Voice Recognition Technologie noch einen Schritt weiter:

To help address this challenge, we’ve combined Google’s automatic speech recognition (ASR) technology with the YouTube caption system to offer automatic captions, or auto-caps for short. Auto-caps use the same voice recognition algorithms in Google Voice to automatically generate captions for video. The captions will not always be perfect (check out the video below for an amusing example), but even when they’re off, they can still be helpful—and the technology will continue to improve with time.

Auch das manuelle Untertiteln von Beiträgen wird einfacher: es reicht, ein simples Text-File hochzuladen, das auto-timing Feature sorgt für die Einblendung der Untertitel an der passenden Stelle. Wie das genau funktioniert, zeigt folgendes Demo-Video:

Click here to view the embedded video.

Facebook becoming lame for young folks?

Diese berechtigte Frage stammt von niemand geringerem als Guy Kawasaki (bzw. seiner Twitter-Assistentin). Meine Antwort: Ja, ein bisschen schon. Denn nicht nur ältere Schwestern sondern auch Eltern und andere Verwandte und womöglich auch Lehrer, Chefs und Kunden überfluten Facebook zunehmend und stalken bzw. geben das Gefühl, gestalkt zu werden. Manche davon laden einfach die Fotos von Opas letzter Geburtstagsfeier hoch, die einen nicht gerade so cool aussehen lassen, wie man gerne hätte. Doch wie so oft hat das Social Web da auch schon eine Lösung bereit, oder zumindest eine Selbsthilfegruppe. Auf myparentsjoinedfacebook werden Sie geholfen!

So, you finally caved. You’ve accepted a friend request from your Mom, Dad, crazy Aunt Ida, and your college roommate’s newly divorced mother. Well here’s your chance to get back at them for taking away your public privacy.
Email us at: myparentsjoinedfacebook@gmail.com because we want to laugh at your Mom’s ridiculous Facebook status and the embarrassing message your Dad wrote on your wall too!

Blogazines vs. Blog

“Für jeden Artikel das gleiche Template — das ist doch langweilig!” Das denken sich einige Blogbetreiber mit gesteigerten grafischen Ambitionen und legen ebenso viel Wert auf grafische Gestaltung einzelner Artikel wie auf deren Inhalt. Smashing Magazine hat ein beindruckendes Feature über diese “Blogazines” zusammengestellt — und zwar thematisch passend ebenfalls in aufwendigem Layout. Die Frage ” We have some of the most creative and inspiring designers in our profession, so why don’t we show our true potential in our blog articles?” mag durchaus berechtigt sein, aber Dustin Curtis hat völlig recht mit seiner Anmerkung zu HTML und CSS:

The biggest disadvantage is that CSS and HTML are terrible technologies that weren’t designed for page layout. They were designed for structured content presentation, like for a newspaper, where all the elements throughout the website are the same and are re-used. But I’m trying to make a magazine, where the content and presentation are inextricably mixed and unique. The way presentation CSS is supposed to be decoupled from the content HTML is totally counter to the mission I am trying to accomplish, and it makes coding the articles frustrating, messy and time-consuming.

Agenturfail der Woche: Zertifizierter Social Media Koordinator

Wo Honig ist, da sind auch (Schmeiß)fliegen. Social Media und seine/ihre Handhabung erfordert vor allem zwei Dinge: grundlegendes Interesse in Kommunikation und einigermaßen normale Umgangsformen. Der Rest kommt von selbst. Aber nicht, wenn es nach einer Salzburger Agentur geht. Da versucht man, aus Social Media eine Profession zu machen — wer also ein paar Wochenende Zeit und läppische 990 Euro investiert, der darf bekommt von der Agentur ein Zertifikat verliehen und darf sich “Social Media Koordinator” nennen/schimpfen. Anmelden kann man sich übrigens auch via Facebook — und der Weg vom Computer-Illiterate zum SM-Star ist ein kurzer:

. In einer drei Tage dauernden Ausbildung erfahren die künftigen Social Media Koordinatoren alles, was sie für eine erfolgreiche Performance im Web 2.0 benötigen.

Buttons mit CSS

Submit-Buttons, RSS-Buttons, Button-Buttons… Photoshop darf heute mal länger schlafen, denn Onkel Janko holt die große CSS-Bastelkiste aus dem Keller. Genau sowas hab ich gesucht:

Designers have many reasons to style buttons, including to make them more attractive and to enhance usability. One of the most important reasons, though, is that standard buttons can easily be missed by users because they often look similar to elements in their operating system. Here, we present you several techniques and tutorials to help you learn how to style buttons using CSS. We’ll also address usability.

Wirklich tolle Anleitung — demnächst kriegt mein “submit-Button” unter dem Mailinglist-Formular ein neues Styling verpasst!

Twitter: Zahlen, Fakten, Spekulationen

“How many roads must a man walk down?” Wir wissen’s bis heute nicht — kein Wunder: immerhin verbläst der Wind die Antwort. In der digitalen Welt bleiben keine solchen Unsicherheiten bestehen. Haben Sie sich auch schon mal gefragt, wieviele Tweets pro Tag im Durchschnitt verschickt werden? 27,3 Millionen pro Tag sind es, berichtet PR 2.0 basierend auf aktuellen Pingdom-Zahlen. Das macht pro Jahr dann 10 Milliarden Micro-Messages, wobei CNET erst vor einem Monat über das 5-milliardste Tweet berichtete.

Auch bei den Clients gibt’s neue Zahlen: das Web-Interface führt immer noch mit weitem Abstand (46,8 Prozent), ganz und gar nicht dicht gefolgt von Tweetdeck (8,48 Prozent). Seesmic kommt auf 1,1 Prozent, alle anderen Client zusammen erreichen 37,14%. Die ganze Tortengrafik hat ReadWriteWeb.

Ziemlich unsicher ist indes, was mit der SUL, der heiligen “Suggested Users List” geschieht — Twitter will sie, zumindest in der jetzigen Form, los werden:

The benefits to getting on the list are great indeed. Users added to the SUL, gained on average of 53,000 new followers after being on the list for a week and 170,000 within the first month. Some users even gained as many as 370,000 in the first 30 days.

Womit genau, weiß noch niemand — aber die Gerüchteküche über einen Authority-Algorithmus läuft derzeit noch heißer als sonst. Dabei ist doch alles maßlos überschätzt, kontert New Comm Biz häretisch unter dem Titel “Twitter doesn’t create influence, it reaveals it”:

Twitter didn’t make anyone influential. Twitter only exposes and amplifies influence. If you look at the top 100 Twitter accounts, the only person/company that Twitter made influential was @Twitter. Everyone else was already influential in their own right.

Von SuperTweetern geht’s nahtlos zu den Supertweets, Scobleizers neuem Steckenpferd. Twitter will ja definitiv Werbung zulassen, aber die wird, so Scoble, in Form von Metadaten ausgeliefert:

Think about all the metadata that exist OUTSIDE of the Tweet. How about you mouse-over a Tweet to see a new slide-down UI that shows you all the metadata.

Wow — wirklich super! Werbung mit eingebautem Pop-Up Blocker in der Tat “Advertising we love”

Judiths Video der Woche

Warum spielen Frauen Fußball? Weil es der Fußballplatz der beste weil sozial anerkannte Ort für einen Bitchfight ist:

Ritchies Video der Woche: Ficker oder Nicht-Ficker?

Das ist hier die Frage… [via Web-Newspaper.de] Und genau deshalb fahren wir im Inland mit dem Zug! :evil:

Click here to view the embedded video.

Lesetipps der Woche

• “Es bedurfte nur eines Tweets”: Die “Twitterrevolution Iran Election” hat den reflektierten Social Media Nutzer eines gelehrt: Oft ist eine gehypte Revolte auf Twitter nicht mehr als heiße Luft. Doch Social Media kann mächtig sein. Wie mächtig dokumentierte Alan Rusbridger, Chefredakteur der britischen Tageszeitung “The Guardian”. Eine “klassische” PR Firma namens Trafigura und die Anwaltskanzlei Carter-Ruck durften so auf die harte Tour lernen, dass sich die Zeiten geändert haben.
• Quantenrechner-News: Bis vor kurzem habe ich hinter dem Mond gelebt. Ich wusste nicht, was ein Quantenrechner ist. Nun, wo ich dieses neue, zukünftige Buzzword aufgeschnappt habe, verfolge ich alle News zum Thema. So auch diese. Laut Hype Cycle der Gartner Company wird der Quantenrechner in spätestens 10 Jahren übrigens “the next big thing!.
• Twitter und Facebook machen jeden zum Affiliate-Marketer, schreibt Gastautor Steve Poland in einem lesenswerten Gast-Posting auf TechCrunch. Bestes Zitat: “The adult industry has always been ahead of the curve, but I digress.”
• Ikea rules: Es gibt dann auch noch Agenturen, die sich im Bereich des Social Media Marketings ein bisschen mehr einfallen lassen. Was dabei rauskommt, zeigt diese wirklich nette Video.

Und damit sind wir auch schon wieder rasend schnell am panoptischen Fluchtpunkt angelangt, sprich: rückblickend werden wir Ihnen erst wieder in sieben Tagen eine Woche zusammenfasst haben — bis dahin: danke für Ihre Aufmerksamkeit, schönen Restsonntag, wir lesen uns morgen.

Haben Sie Vorschläge und Themen fürs datenschmutz Wochenpanoptikum?
Gibt es aktuelle Infos aus der weiten Welt des Web, die datenschmutz-Leser erfahren sollten?
Schicken Sie Ihre eigenen News ein für den kommenden Wochenrückblick — für jeden Eintrag gibt’s auf Wunsch einen Backlink! Hier geht’s zum Einreich-Formular.

Der größte Teil der Änderungen basiert auf Feedback, das ich bekommen habe — so fanden viele das obere Menü eher verwirrend, außerdem wurde ich immer wieder mal nach einer ordentlichen Fotogalerie und einigen anderen Details gefragt. Et voilá, it’s online. Im Detail:

• Die Fotogalerien sind überarbeitet und nun komplett über den Punkt “Fotos” zugänglich, via Breadcrumb navigier– und pro Fotoset kommentierbar. (Kommentare pro Foto unterstützt NextGen Gallery leider noch nicht).
• Den Lifestream, einen aggregierte Ansicht meiner Social-Media-Aktivitäten, haben ich ebenfalls einem Facelifting unterzogen; er zeigt nun auch meine letzten Actions aus dem Google Reader sowie ein Microblog (in der Testphase) an.
• Der letzte Kommentar zum jeweiligen Beitrag wird direkt auf der Startseite unter dem jeweiligen Beitrag angezeigt.
• Die Social Media Profil Icons sind aus dem Sidebar verschwunden und werden am linken Rand des Screens angezeigt und zwar via Cute Profiles Plugin — danke für diese geniale Erweiterung an die Internet Techies!
• datenschmutz verfügt nun über Autorenprofile, sprich der Click auf den jeweiligen Autorennamen führt auf eine Seite mit Foto, kurzer biografischer Info und einer Liste aller Gastautoren, siehe z.B. Frank Hartmann.
• Im Header werden 5 Zufallsfotos aus meinen Galerien angezeigt, und ich habe einige grafische Änderungen am Template vorgenommen.
• Das Hauptmenü ist jetzt ein Dropdown (derzeit nur beim Punkt Fotos in Verwendung)
• Das Suchfeld ist versetzt und befindet sich nun neben dem Hauptmenü; außerdem setze ich “Live Search” ein, einfach mal einen Begriff zum Testen eingeben… die ersten Resultate werden dynamisch als Drop-Down Liste eingeblendet.

Neben diesen Punkten habe ich natürlich noch ca. 10.000 Kleinigkeiten verändert — wenn man erst mal anfängt, dann stechen einem trotz jahrelanger Betriebsblindheit plötzlich alle Möglichkeiten Ecken und Kanten ins Auge. Ich hoffe, dass ich mit dem neuen Relaunch Ihren Geschmack getroffen und datenschmutz lese– und bedienungsfreundlicher gestaltet habe — Rückmeldungen sind herzlich willkommen. Außerdem existieren natürlich noch ein paar…

…offene Punkte:

• Feed via E-Mail: bin gerade am Setup meiner Aweber Blog Broadcast Liste — in Kürze wird man datenschmutz wahlweise via RSS oder E-Mail abonnieren können.
• Glossar: Für den Stichwort–Glossar bastle ich gerade an einer Lösung mit Tag-Integration; im Optimalfall (= I need coding help badly) kommt dabei sogar ein WordPress–Plugin raus
• Login via Facebook/Twitter: ich möchte Kommentatoren die Möglichkeiten bieten, sich wahlweise mit ihrem Facebook oder Twitter Profil einzuloggen — dazu evaluiere ich gerade verschiedene Plugin-Lösungen.

??? Gibt es etwas, das Sie hier auf datenschmutz vermissen, oder etwas, das Sie nervt? Bitte behalten Sie es nicht für sich — ich mach das Blog hier schließlich für Sie und nicht zu meinem Privatvergnügen!

Dankeschön! Bedanken möchte ich mich an dieser Stelle bei allen aufmerksamen Leserinnen und Lesern, die mich immer wieder auf Inkonsistenzen, Fehler und technische Probleme hinweisen – viele Probleme hätte ich ohne diese hochwillkommene Hilfe nie bemerkt. Nicht nur, dass mein WordPress mit zahlreichen Plugins ein ganz schön komplexes Publishing-Tool geworden ist, ich teste ja nur unter Windows auf Firefox, IE und Chrome – falls also am Mac bzw. unter Linux irgendwas eigenartig aussieht, bin ich über Screenshot und Benachrichtigung sehr dankbar.

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.

Das aktuelle Template habe ich (nach noxed 1.0 und noxed 2.0) noxed 3.3 getauft, es kommt hier und auf datadirt zum Einsatz. Bei den Social Media Symbolen im rechten Sidebar handelt es sich um modifizierte Varianten der Aquaticus Social Icons, für die Erstellung des Rohgerüsts habe ich das großartige Artisteer benutzt und natürlich kommen eine Menge neuer Plug-Ins zum Einsatz, von denen ich einige in zukünftigen Beiträge gesondert vorstellen möchte. Als WordPress-Nutzer steht man auf den Schultern von Riesen — es muss sich schon um eine sehr exotische Funktion handeln, wenn man mit ein wenig Suche keine passende Plug-In Lösung findet. An dieser Stelle daher ein riesiges Dankeschön an alle Plugin-Programmierer, das gesamte WordPress-Team, an alle, die mich während des Redesigns mit Feedback, Tipps und Test-Sessions unterstützt haben und an meinen Sys-Admin Gerald, ohne den es dieses Blog überhaupt nicht gäbe!

Einen T-Shirt Gutschein gewinnen

Ich hab einige Wochen an dem neuen Design gebastelt und bin nun äußerst gespannt auf Ihr Feedback. Wer eines der individuell bedruckbaren T-Shirts gewinnen möchte, hinterlässt einfach einen Kommentar zu dieser Story mit Feedback zum aktuellen Blog-Look. Für jeden Kommentar gibt’s ein Los, und wie üblich bekommt jeder Mitspieler ein Zusatzlos für:

• jeden Beitrag über das neue Design im eigenen Blog bzw. auf soup, tumblR etc…
• jede Message über das neue Design auf Twitter
• Mitgliedschaft auf der datenschmutz-Facebook-Page (Fan werden

Die Verlosung beginnt mit der Veröffentlichung dieses Beitrags und endet am 17. Mai 2009. Im übrigen gelten die Standard-TNBs für datenschmutz Gewinnspiele. Die Gutscheine wurden mir (schon zum zweiten Mal, großes Danke dafür!) von der TShirt.ag zur Verfügung gestellt. Ich hab mittlerweile schon diverse Kleidungsstücke dort bedrucken lassen, Qualität und Lieferzeit sind hervorragend! Außerdem kann man sich im Handumdrehen einen eigenen Store einrichten

Ich bin gespannt wie die Saite einer Paganini-Geige auf Ihre Rückmeldungen zum neuen Design — und wünsche viel Glück bei der Verlosung.

To be clear, the spirit of open source and the GPL are being kept intact, and this decision is a result of some clarification that has been made about premium themes and how they can fit into the WordPress community.

Mir persönlich ist die Sache relativ egal, ich hab mir schon vor langer Zeit eine Lizenz gekauft — für hochwertige Plugin– oder Designarbeit werf ich gern ein paar Dollar ein. Im großen und ganzen zeigt die Episode allerdings, dass das Support-Businessmodell wohl nicht funktioniert hat, vermutlich war die bestehende User-Basis wohl doch nicht groß genug. Jedenfalls haben die beiden Autoren mit der ganzen Aktion einige Backlinks abgestaubt

Sehr interessant finde ich in diesem Zusammenhang auch einen aktuellen Artikel auf Texto über die Zukunft von WordPress:

WordPress.org verändert sich, hinter den Kulissen brodelt es, große Plugin Autoren gehen ihren Weg immer öfter ohne WP.org — große Theme Autoren meiden WP.org auch immer öfter — was bedeutet dies alles für den *normalen WP Nutzer, der einfach ein Blog haben mag. Was bedeutet dies für Developer, die an WP mitarbeiten oder mit der Software ihren Lebensunterhalt auf die eine oder andere Weise bestreiten.

Ich bin da etwas anderer Meinung und denke grundsätzlich, dass OS und kommerzielle Modelle problemlos nebeneinander bestehen können — schließlich sollte man nicht vergessen, dass nicht nur Auttomatic Millionen scheffelt, sondern Millionen von Einzelusern direkt oder indirekt monetär von WP profitieren. Dass kommerzielle Plugins und Themes nicht auf WordPress.org gehostet werden dürfen, finde ich auch in Ordnung; wie man ein Added-Value Tools erfolgreich selbst vermarktet, zeigen Sergej Müller mit WP-SEO bzw. der Woo Themes Club vor.

PS: Ich hab auch einen guten Vorsatz. Bis Ende Februar möchte ich hier mein neues Template online haben!

Und ebenfalls, dass ich Copyright-Bereich einiges verändert hat. Ausgehend von der aktuellen Einigung zwischen Google und dem amerikanischen Buchhandelt hat Arbeit 2.0 einige interessante Überlegungen zum Thema “geistiges Eigentum und Strukturwandel” angestellt. Außerdem diese Woche im Fokus:

Youtube jetzt mit Annotationen

Andere haben’s vorgemacht, Youtube zieht nach und erlaubt seit Freitag Annotationen und Bookmarks innerhalb von Videos. [via Blogpiloten]:

Das heißt, man kann nun quasi Bookmarks innerhalb eines Videos setzen und diese Links dann an Freunde und Bekannte weiter schicken. An den gängigen YouTube–Video–Link wird einfach ein Timecode angehängt. Ein Beispiel: http://de.youtube.com/watch?v=ueHQ6Gl6u8M#t=1m45s.

Von Killern und Start-Ups

Wer kann diesen Zungenbrecher möglichst schnell sprechen: Wenn KillerStartups.com Startups.com kauft, dann covert KillerStartups künftig Start-Ups auf StartUps.com. Schwachsinn? Nee, Startups.com war mal eine Inkubator-Firma mit Guy Kawasaki an Bord, die den ersten Dotcom-Crash nur als Domainname überlegte, und der ging letzte Woche für geschätzte 500k Dollar an KillerStartups.com, wie TechCrunch berichtete. Ordentliche Summe, aber definitiv eine gute Investition in zukünftige Diversifikation:

KillerStartups, which is backed by $250,000 in angel money from South American domain-name entrepreneur Matias de Tezanos, plans to create a network of startup-related business sites around the new domain.

Nota bene: Killerstartups.com ist… ein Blog!

Web 2.0 Monetarisierung: Nullaussage gefällig?

Seedfinance hat die Ergebnisse einer aktuellen Ernst & Young Studie veröffentlicht, die das Web 2.0 auf den aktuellen Status Quo in punkto Monetarisierungsmöglichkeiten abklopfte. Man muss das Original keineswegs lesen, denn da steht nix drin, was wir nicht schon wusste: Abos funktionieren noch nicht, Social Communities bieten einnahmentechnisch noch keine Alternative zu etablierten Verlagshäusern und Online-Werbung wird in Zukunft weniger gießkannenartig, dafür umso personalisierter erfolgen. Welche Überraschung.

Beraten in der Krise

ConsutlingPulse hat ein Interview mit Business-Legende Seth Godin geführt. Grundtenor:

What do consultants do, actually? Most don’t have a ‘right answer’ in a magic box and then just hand it over. Consultants make change happen. Consultants are hired not just for an outsider’s expertise but also to provide a lever for change.

PS: Im Zweifelsfalls hilft wirkt ein Tatoo mitten auf der Stirn wahre Wunder.

Amazon und der Seitenstreifen

Mehr Komfort für Affiliates: WordPress.com User kennen das im eingeloggten Zustand eingeblendete Menü, das oberhalb der Seite klebt und die Benutzung erleichtert. Selbiges hat Amazon nun auch für Affiliates implementiert: besurft man die öffentliche Seite, dann erscheint ein zusätzliches Menü, mit dem man von Artikel-Detailseiten aus beispielsweise mit einem Klick direkt den Affiliate-Code generieren kann. Großes Plus an Usability und längst überfällig!

Berlin vs. iPhone

Die BVG lässt eine iPhone Software verbieten, die Fahrgästen den Fahrplan aller Linien komfortabel auf Apples Handy präsentiert — inklusive Bestimmung des eigenen Standorts via GPS. [via Wellenrauschen] Weil Apple zuviel Kohle hat, dass das Programm als Freeware erhältlich war, spielt dabei keine Rolle:

Dabei, betont BVG-Sprecherin Petra Reetz, wolle man doch nur das Beste für die Fahrgäste. Ein iPhone-Programm sei dabei “durchaus in unserem Interesse”. Witt habe man die Streckenplan-Nutzung aber verbieten müssen. Weil: “Das ist unser Patent, und Apple ist eine der reichsten Firmen der Welt.”

Facebook baut Vorsprung auf MySpace weiter aus

Im Duell der Social Network Giganten liegt Facebook weiterhin klar vorne, wie TechCrunch diese Woche berichtete. Mitte März hatte FB seinen Rivalen erstmals überholt, der Trend setzt sich fort, die Comscore-Grafik sagt mehr als tausend Worte.

Knol wird multilingual

Googles Monetarisierung–Wikipedia Knol kommt nicht so richtig in die Gänge: der Traffic stagniert, die Zahl der Artikel ist überschaubar und die meisten sind noch dazu unvollständig. Mein Test-Ballon How to moderate blogs war sogar kurzzeitig mal auf der Frontseite, bekam aber insgesamt in über zwei Monaten gerade mal rund 100 Besucher ab. Zumindest bei der SERP-Platzierung bevorzugt Google sich selbst nicht — jedenfalls deutet diese Abfrage wohl eher aufs Gegenteil hin. Nichts desto trotz will man der Konkurrenten wie Squidoo und Helium das Feld nicht kampflos überlassen: still und leise launchte der Suchmaschinenriese in der vergangenen Woche lokalisierte Versionen in deutscher, italienischer und französischer Sprache.

SEO News der Woche

Nase voll, Conversion schwach wie Flasche leer? Dann wird’s möglicherweise Zeit für intensives Nachdenken über alternative Einkommensmöglichkeiten — am Online Marketing Blog gibt’s eine äußerst inspirative Liste für Blog-Umweg-Rentabilitäten. Wer sich bereits für den Direktvertrieb entschieden hat (i.e. einen Shop betreibt), sollte einen Blick ins SEO-Handbuch werfen: gerade in beginnenden Weihnachts-Absatz-Stress kann man die 6 Tipps zur Kundenbindung gar nicht ernst genug nehmen.

Flasche leer 1: Blogsoptimieren hat meine eBay-Versteigerung gefunden (nee, Scherz)… ja, man wundert sich: 155k Eulen für 400 Besucher im Monat? Da wär’s effektiver, direkt auf der Straße Coupons zu verteilen…

Flasche leer 2: Dass PR Sculpting in .de maßlos überschätzt wird, dürfte klar sein. Sistrix bringt’s elegant auf den Punkt: Was nicht vorhanden ist, kann auch nicht geshaped werden.

Halloween–Update: Schluss mit unlustig

Doodles und grafische Scherzchen sind spaßig, das jährliche Vorweihnachts-Index Update dagegen spaltet die Gemüter: rechtzeitig vor dem Weihnachtsgeschäft wirbelt Tante G. einige Keywords durcheinander, deutlich ersichtlich an Sistrix’ Analyse. Und einmal mehr bestätigt sich die alte Wahrheit: wer *nur* auf SERPs setzt, kann eines morgens ganz schön arm aufwachen.

Google verliert gerichtlichen Urheberstreit

Auf SEO-United gibt’s ein ausführliches und unbedingt lesenswertes Interview mit Künstler und PsykoMaN-Erfinder Thomas Horn. Er gewann vor kürzlich eine Klage gegen den Suchmaschinenriesen, dem er gerichtlich verbieten ließ, seine urheberrechtlich geschützten Bilder zu indexieren. Kein Streit um des Kaisers Bart — Horn entstand durch Plagiate handfester wirtschaftlicher Schaden, das Urteil könnte paradigmatische Auswirkungen auf Big G’s Geschäftsmodell haben und wir gewiss eine Flut von Folgeklagen nach sich ziehen. [via Basic Thinking]

Templates für Online-Magazine

Reiffix hat gründlich in den Untiefen des Design-Netzes gefischt und 10 gelungene WordPress-Templates zusammengestellt, die sich hervorragend für magazin-artige Pages eignen. “Polaroid” gefällt mir sehr gut, das hatte ich auch schon auf einigen Seiten im Einsatz — allerdings sind auch einige sehr hübsche brandneue Kandidaten in der Sammlung dabei. Und bekanntlich rankt nichts besser als ein Blog… außer einem Blog mit gut durchdachter (sculpting, sculpting) Magazinstruktur.

Video der Woche

Zombies, schlüpfrige Anspielungen, unerschrockene Helden: das neue Video von Man in the Box hat alles, was man sich zu Halloween Allerheiligen/Allerseelen nur wünschen kann:

Click here to view the embedded video.

Und das war’s auch schon wieder mit den News der Woche — und nicht vergessen: die Gruppe German Weblogs auf BlogCatalog sucht neue Mitglieder. Ich wünsche eine maximal angenehmen Restsonntag, wir lesen uns am Montag.

Haben Sie Vorschläge und Themen fürs datenschmutz Wochenpanoptikum?
Gibt es aktuelle Infos aus der weiten Welt des Web, die datenschmutz-Leser erfahren sollten?
Schicken Sie Ihre eigenen News ein für den kommenden Wochenrückblick — für jeden Eintrag gibt’s auf Wunsch einen Backlink! Hier geht’s zum Einreich-Formular.

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.

Mit aSocial allerdings lassen sich bequem einige Yiggs, Diggs und Webnews-Votes abstauben, ohne dass es ersten Absatz eng wird. Nach Upload und Aktivierung des Plugins wählt man die gewünschten Social News Services aus und die Orientierung (floating left oder right) aus und fügt anschließend drei Codezeilen ins single.php Template ein. Um die Funktionalität zu testen, muss man einen Beitrag bei Yigg, Digg respektive Webnews eintragen und dann vom dortigen Eintrag das Originalposting aufrufen, denn aSocial Bookmarks wertet den jeweiligen Referrer aus. Works like a charm — selber schuld, wer sich diese kleine Perle unter den WordPress-Plugins nicht installiert

aSocial Bookmarks wurde der dürstenden News–Community zur Verfügung gestellt von Anwälte in Vulkane werfen, hier geht’s zum Download.

PS: Zwei kleine Wünsche an den Weihnachtsmann bleiben noch offen: Support für SEOigg und eventuell Shortnews.de wär super.

Da wäre zum einen das brandneue Versions-Management: WordPress speichert verschiedene Snapshots von jedem Draft ab, sodass man gegebenenfalls auf eine ältere Version zurückspringen kann: kein unbedingt notwendiges Killerfeature, aber definitiv ein nettes Zusatztool gegen allfälligen Contentverlust. Sehr praktisch ist die überarbeitete Bookmarklet-Funktion: wie von TumblR und Soup.io gewohnt öffnet der Browserbutton ein Pop-Up, das mit wenigen Clicks kurze Verweise anderer Pages als Postings anlegt: damit lässt sich ohne weiteres mit ein wenig Template–Verbiegerei ein kleines “Live–Blog” anlegen, das man zum Beispiel in eine eigene Kategorie auslagern könnte.

Außerdem wurde die Template-Verwaltung behübscht, und der Image-Reloader hat eine Caption-Funktion (=Bilduntertitel) bekommen, das händische Einfügen entfällt also. Weiters haben Matt und sein Team die “Gears”-Technologie implementiert: dabei werden Bilder und Scripts lokal auf dem Rechner des Autors gespeichert, was die Arbeit im Backend gravierend beschleunigt — äußerst praktisch, wenn beispielsweise nur eine langsame GPRS-Verbindung zur Verfügung steht. Im Video erläutern die WordPress machen die neuen Bells and Whistles und sämtliche kleineren Updates (Drag and Drop in der Bildgallerie etc.) ausführlich:

Ich lass mir mit dem Update auf datenschmutz noch ein paar Tage Zeit und werd erstmal auf ein paar Minor Pages Herrn McCoy Tyner testen, denn diesen Codenamen hat WordPress 2.6 erhalten. Gratulation ans WordPress Team: in punkto Ergonomie und Editing-Komfort ist die aktuelle Version ein weiterer großer Schritt in Richtung State-of-the-Art CMS.

WordPress 2.6: Download auf WordPress.org

Auf die eigene Webpräsenz verzichten selbst kleine Firmen schon lange nicht mehr — und auch immer mehr Vereine, Clubs und sonstige Interessensgemeinschaften möchten ihr eigenes Grundstück im Web. Am Hosting scheitert es in der Regel nicht, sogar Gratis–Angebote für den eigenen Webspace sind en masse vorhanden. Wer allerdings von Werbung verschont bleiben will, über keinerlei Programmierkenntnisse verfügt und dennoch günstig eine grafisch angepasste eigene Seite möchte, für den könnte der Surfino Homepagebaukasten das richtige Produkt sein.

Das Angebot richtet sich ganz klar an Einsteiger: EUR 19,90 pro Monat für das hier getestete Package <a href=“http://homepage.surfino.com/exklusiv-homepage.html” rel=nofollow” class=“liexternal”>“Exklusiv” sind zwar mehr als für einen mittleren Shared-Webspace anfällt, dafür bietet Surfino allerdings ein wesentlich breiteres Portfolio als bloßes Hosting: die eigene de-Domain, besagter Homepagekasten sowie persönliche Hilfe (und zwar nicht bloß technischer Support, sondern Unterstützung bei der Ersteinrichtung der eigenen Page) sind im Preis bereits enthalten.

Surfino bietet auch zwei günstigere Tarife an: ein mathematisch unschlagbares Preis-Leistungsverhältnis, das nur Chuck Norris ausrechnen könnte, bietet der kostenlose Tarif; dabei bleibt die Homepage aber auf 10 Seiten und zwei Download-Dateien beschränkt, außerdem wird Werbung eingeblendet. Die entfällt beim Tarif “Profi” für EUR 5,90, dafür gibt’s unbegrenzte Seitenanzahl, bis zu 60 Download-Dateien, einen eigenen Shop und zusätzliche Module — aber kein angepasstes Design wie beim Exklusiv-Tarif. Mit diesem simplen Tarif-Modell konnte der Provider nach eigener Aussage bereits über 30.000 Kunden gewinnen. Dabei handelt es sich um reines www-Hosting, E-Mail-Services werden nicht angeboten.

In drei Schritten zur eigenen Page

Bei Produkten, die sich gleich online testen lassen, eignet sich trigami natürlich besonders gut zur Bewerbung: alle von Surfino ausgewählten Blogger erhielten testweise das zu rezensierende Produkt “Homepage Baukasten”. Über Uptime, Zuverlässigkeit des Hostings etc. kann ich natürlich in der kurzen Zeit keine Aussagen treffen, über die Einrichtung der Seite sehr wohl.

Nach dem ersten Einloggen in den Adminbereich folgen drei kurze Schritte zur Grundkonfiguration: nach der Auswahl eines Pagetitels folgt die Entscheidung für eine von mehreren Designvorlagen — hier wäre eine Live-Vorschau nicht schlecht; gelistet sind sämtliche Templates auf der Homepage im Bereich Designvorschau. Abschließend werden neben der Startseite allfällige weitere Pages angelegt, benamst und in weiterer Folge mit Inhalten befüllt. Beim Top-Tarif von Surfino allerdings dient die Template-Auswahl nur der groben Orientierung: eigenes CI-Material (Logo, Fotos, Farbschema) werden via E-Mail an die Kundenbetreuung geschickt und anschließend von Surfino eingefügt.

Wirkt der Homepagebaukasten auf den ersten Blick noch recht simpel, so offenbaren sich die Stärken erst beim Blick in den vollständigen Verwaltungsbereich: Einzelseiten lassen sich beliebig hierarchisch verschachteln, verschiedene Module wie eine Fotogallerie, eine Kommentarfunktion, Laufschriften, Tags, ein Gästebuch, ein Kontaktformular etc. lassen sich via Mausklick konfigurieren und auf einzelnen Seiten einbinden. Das Editieren der Seiten selbst erfolgt in einem grafischen Editor mit Live-Voransicht. Bilder und andere Mediendateien werden nicht direkt über den Editor, sondern über die Dateiverwaltung hochgeladen und anschließend referenziert.

< Screenshot des Homepage-Baukastens