Die Sache mit den Keywords

Keywords gelten zu Recht als grundlegender Bestandteil guter Suchmaschinenoptimierung. Keywords sind Wörter, die bewusst etwas häufiger als andere Wörter im Text auftauchen, weil Menschen sie in Suchmaschinen verwenden, um Inhalte wie die des jeweiligen Textes zu finden. Keywords sollten auch bei der Auswahl der Internetadresse eines Blogs und seiner Kategorie-Namen berücksichtigt werden.

Die Keyword-Auswahl eines Bloggers muss einerseits davon abhängen, wie oft Google-Nutzer die Wörter in der Schweiz für ihre Suche einsetzen, wenn sie Seiten wie den Blog finden möchten.

Andererseits sollten Blogger auch einen Blick darauf werfen, wie viele Websites bereits versuchen, bei diesen Keywords auf Googles Suchergebnisliste vorne zu landen.

Ist die Konkurrenz stark, weicht man eventuell besser auf weniger genutzte Keywords aus. Für die Recherche nach geeigneten Keywords, eignet sich das Google Adwords Keywordtool.

Gute Inhalte

Einige Webmaster und Blogger stopfen ihre Texte mit Keywords voll. Suchmaschinen strafen jedoch längst so genanntes Keyword-Stuffing ab. Keyword-Stuffing meint eine zu exzessive Nutzung von Keywords, um eine Website in Suchmaschinen nach vorne zu bringen. Das zerstört die Lesbarkeit eines Textes und gefällt auch Suchmaschinen nicht.

SEO Experten empfehlen heute meistens eine Keyword-Dichte zwischen zwei und fünf Prozent, bisweilen etwas mehr. Der obere Absatz (ohne Zwischenüberschrift) hat übrigens 47 Wörter und das Wort „Keyword“ kommt zweimal vor, was einer Keyword-Dichte von 4,26 Prozent entspricht.

Gute Inhalte auf Blogs werden auch von Suchmaschinen belohnt. Das zeigte Google etwa mit den Änderungen seiner Suchalgorithmen Anfang 2011. Für Leser nicht sonderlich nützliche Seiten ohne Mehrwert und/oder mit kopierten Inhalten sollen von vordersten Rängen in der Suchmaschine verbannt werden. Die neuen Algorithmen gelten vorerst für die USA, werden in Zukunft aber auch für andere Länder bedeutend. Für SEO bedeutet das noch mehr als zuvor: Keywords ja! Aber nicht so, dass die Qualität der Inhalte leidet.

 Noch viele Dinge mehr sind entscheidend

• Gute Verlinkung: Blogs, auf die viele Links von anderen Seiten verweisen, werden mit Einschränkungen von Google nach wie vor als besonders wichtig eingestuft. Blogger sollten allerdings nicht wahllos mit irgendwelchen Webbsites Links tauschen. Guter Linkaufbau muss einen Blog mit thematisch passenden Seiten verbinden, die bestenfalls bereits große Fangemeinden besitzen.
• Futter für die Crawler: Crawler sind kleine Programme der Suchmaschinen, die Websites und Blogs indizieren. Bestimmte Features, die man in WordPress-Blogs integrieren kann, unterstützen die Crawler dabei, den Blog einzuordnen. Das steigert die Chance des Blogs auf ein gutes Suchmaschinen- Ranking. Zu diesen Features gehören Sitemaps, eine Auflistung der Kategorien und Tag-Clouds. Gut ist auch eine interne Verlinkung der Blogartikel untereinander, der ein Crawler auf seinem Weg durch den Blog folgt.
• Ein bisschen „social“ schadet nie: Im Gegenteil! Die Präsenz eines Bloggers auf Social Media Plattformen wie Twitter wird zunehmend für SEO wichtiger. Sowohl Google als auch Bing tendieren in Richtung soziale Suche. Auf Social Media Plattformen ausgesprochene Empfehlungen von Seiten erhalten dadurch stärkeren Einfluss auf deren Position in Suchmaschinen-Ergebnislisten. Für ein gutes Ranking speziell auf Google sind Twitter und YouTube wichtiger als Facebook, da Google nicht mit Facebook kooperiert.

Kontinuität

Manche Blogger produzieren anfangs massenweise Inhalte, kümmern sich um SEO und lassen irgendwann extrem nach im Engagement für ihren Blog. Kontinuität ist jedoch wichtig, um sich in Suchmaschinen dauerhaft gut zu etablieren. Das bedeutet: Lieber mit etwas weniger Power starten und dauerhaft dranbleiben, als eine Startphase mit Megapower und ein Ende als ausgebrannte Rakete.

Nehmen wir an, wir wollen eine zusammengelegte Liste von Pinnwand-Beiträgen mehrerer Fanseiten erstellen. Dazu benötigt man einerseits grundlegenden Eigenschaften (Properties) der Seiten, sowie natürlich die Feed-Daten. Dafür sind zwei unterschiedliche Abfragen nötig, jede benötigt um die zwei Sekunden. Bei drei Fanseiten macht das ganze 6 Abfragen! Und bis man alle Antworten von Facebooks Server erhalten hat, kann das damit bis zu 20 Sekunden dauern.

Performance-Optimierung

Das gleiche Problem hatte ich nämlich kürzlich. Auf der Suche nach einer Lösung kam ich natürlich sofort auf Caching. Einfach alles in eine Datei schreiben und dann jeweils jede Stunde einmal aktualisieren. Allerdings ist damit das Problem bei weitem nicht gelöst! Die Abfrage dauert immer noch viel zu lange, könnte eventuell sogar die maximale Ausführungszeit bei einigen Servern überschreiten. Nach Konsultieren der Dokumentation und vor allem auch Google bin ich dann auf Batch Requests gestossen.

Batch Requests

Facebook bietet die Möglichkeit, API-Anfragen zusammenzufassen und in einem einzigen Request zu senden. Als Antwort erhält man dann die gewünschten Daten im übersichtlichen JSON-Format. Doch leider steht in der Dokumentation nur, wie man das per cURL in der Kommandozeile löst. Deshalb musste eine Lösung mit PHP her. Und die war einfacher als gedacht.

Da man auch bei einem Batch Request einen Access Token mitsenden muss, nutzt man am besten das PHP-SDK (in der neuesten Version 3.0) von Facebook. Um meine Anfrage auszuführen, habe ich einfach die Facebook-Klasse erweitert.

<?php
/**
 * By Pascal Birchler
 */
class WPMFacebook extends Facebook {

	// Konstruktor
	public function __construct( $config ) {
		if ( ! session_id() ) {
			session_start();
		}
		parent::__construct( $config );

	}

	/**
	 * Batch API Request für bestimmte Seiten, bietet
	 * massive Geschwindigkeitsvorteile
	 *
	 * @param array		$pages: Die zu ladenden Seiten
	 * @return array	$result: Resultat als Array
	 */
	public function batch_request( $pages ) {
		$queries = array();
		$result = array();

		// Query-Bildung
		foreach($pages as $page) {
			$queries[] = array(
				'method' => 'GET',
				'relative_url' => $page
			);
			$queries[] = array(
				'method' => 'GET',
				'relative_url' => $page . '/feed'
			);
		}
		// Batch-Request (nur POST!)
		$objects = parent::api('/?batch='.json_encode($queries), 'POST');

		// Resultate in Array speichern
		foreach( $objects as $object ) {
			$object = json_decode( $object['body'], true );

			if( array_key_exists( 'id', $object ) ) { // Properties
				$result[$object['id']]['properties'] = $object;
			} else { // Posts
				foreach( $object['data'] as $obj ) {
					$result[$obj['from']['id']]['posts'][] = $obj;
				}

			}
		}

		return $result;
	}
}

Der neuen Methode batch_request kann man ein Array mit den Seiten (Vanity URL oder ID) übergeben. Diese erstellt dann die nötigen Abfragen und schickt dann den Request ganz einfach via api-Methode der Elternklasse. Die erhaltenen Objekte werden in diesem Beispiel nicht auf Gültigkeit (Statuscode, Exceptions, etc.) geprüft, wir gehen aber mal davon aus, dass alles korrekt ist. Die Objekte werden dann in das $result Array geschrieben. Die Page-Properties findet man dort unter $result[12345]['properties'], die Posts unter $result[12345]['posts'].

Gerne nehme ich eure Verbesserungsvorschläge an oder beantworte eure Fragen. Und wenn Interesse besteht, kann ich auch mal den Anwendungsfall mit der Timeline für diese Batch Requests genauer erklären... :-)

Google Analytics

1. Gewinnspiel
   Geschenke verteilen kommt im Web immer gut an. Wenn man ab und zu etwas verlost, werden schnell viele Leute darauf aufmerksam. Das klingt natürlich sehr einfach zu bewerkstelligen. Die grösste Hürde besteht nämlich darin, die Besucher auch auf dem Blog zu behalten, also an sich zu binden.
2. Suchmaschinenoptimierung
   Die meisten Besucher kommen immer noch durch Google & Co. auf eure Website. Deshalb ist es wichtig, dass ihr auch gut in den Suchergebnissen positioniert seid. Optimiert also euren Blog weitestgehend, z.B. mithilfe eines SEO Plugins wie wpSEO.
3. Links, Links, Links
   Es gibt ja immer wieder Diskussionen, dass Blogs aussterben, da man kaum mehr auf andere Seiten verlinkt, usw. Doch genau solche Links sind für eine erhöhte Popularität eures eigenen Blogs wichtig. Verlinkt daher auf Quellen und nützliche Seiten. Das freut nicht nur die erwähnten Blogger, sondern auch die Leser, da es ihnen einen Mehrwert bietet.
4. Kommentieren
   Mundpropaganda funktioniert immer noch am effektivsten. Kommentiert also oft bei gleichgesinnten Blogs. Im Hinterkopf sollte man nicht an die Haufen Backlinks denken, sondern daran, dass der andere auf den Blog aufmerksam wird, ihn vielleicht regelmässig liest und sogar seinen eigenen Lesern empfiehlt. Man macht sich damit einen guten Namen, wenn man seine Meinung öfters vertritt. Dies sollte allerdings keine Aufforderung zum Spammen sein.
5. Werbung
   Das Thema Werbung ist ziemlich breit gefächert. Ich beziehe mich zum Beispiel hier auf das Buchen von Werbung, nicht das Anzeigen. Egal ob über Google AdWords oder Werbebanner in anderen Blogs, diese Methode funktioniert bestimmt. Mithilfe von Statistik-Tools wie Google Analytics könnt ihr euren Erfolg auch gut messen.
6. Soziale Netzwerke
   Facebook, Twitter, YouTube und viele mehr sind in aller Munde. Über Twitter beispielsweise werden oft nützliche Links geteilt und empfohlen. Um diese Möglichkeit der Traffic-Steigerung zu nutzen, könnt ihr unter anderem den Tweet-Button sowie den Like Button einbinden. Ihr könnt aber auch mit dem eigenen Account (falls vorhanden), Werbung für eure Artikel machen - auch für ältere!
7. Mail-Abo
   Wie ihr wisst, biete ich hier im WordPress Magazin seit Längerem die Möglichkeit, Beiträge per E-Mail zu abonnieren. Gibt es einen neuen Artikel, wird man am Folgetag um Punkt 8 Uhr darüber informiert. Dies ist für viele Besucher sehr nützlich, z.B. für diejenigen, welche News gerne morgens im Büro lesen. Eine andere Art des Mail-Abos: Bietet den Lesern die Möglichkeit, bei neuen Kommentaren benachrichtigt zu werden. So kommt man gerne nochmals vorbei und es entstehen viel schneller Diskussionen.
8. Ältere Artikel promoten
   Ein Blog zeichnet sich unter anderem durch die Reihenfolge der Artikel aus, das Neuste steht immer zuoberst. Was älter ist, wird kaum mehr beachtet. Habt ihr also vor ein paar Monaten oder Jahren einen interessanten Beitrag geschrieben, der durchaus noch aktuell ist, könnt ihr ihn mit diversen Mitteln nochmals pushen. Verlinkt auf sie in neueren, relevanten Beiträgen, erwähnt sie auf Twitter oder Facebook oder zeigt eine Auswahl alter Beiträge in der Sidebar an. Möglich ist auch, alte Artikel neu zu verfassen mit aktuelleren Infos.
9. Unique Content
   Copy&Paste ist zwar schnell gemacht, doch es schadet euch mehr als es nützt. Schreibt deshalb eure eigene Gedanken und Meinung nieder. Die Leser danken es euch, wenn sie nicht dasselbe lesen wie im Blog nebenan. Man kann dabei unterscheiden zwischen völlig neuen Themen und Inhalten sowie anders formulierten Beiträgen. Anstatt nur News von anderen Seiten zu übernehmen, kann man dazu noch seine eigene Meinung schreiben und vielleicht sogar noch eine Frage dazu stellen.
10. Themen-Vielfalt
    Man könnte meinen, ein Schweizer WordPress Magazin schreibt nur über WordPress. Das trifft allerdings nur bedingt zu: Beiträge wie dieser hier und Artikel über Webdesign oder Facebook gehören genauso dazu. Denn das Thema Blog und WordPress umfasst auch diese Bereiche und stellt ohnehin einen Mehrwert für die Leser dar.

In «WordPress - Websites mit WordPress umsetzen und pflegen» erklärt Olaf Baumann, WordPress-Entwickler und Team-Mitglied von WordPress Deutschland, 6 Stunden lang alle Facetten der Blog Software. Wie ihr wisst, gibt es auch von Teamkollege Frank Bültge ein Video-Tutorial, welches bei Galileo Computing erschienen ist. Ein kurzer Vergleich: Franks umfassendes Training enthält 72 Lektionen in 9 Stunden, Olafs ganze 78 Lektionen in nur 6 Stunden. Ich habe nun Das WordPress Video-Training von video2brain einmal genauer unter die Lupe genommen.

Erster Eindruck

video2brain hat mir freundlicherweise 4 Exemplare zukommen lassen. Eines davon zum Rezensieren, die anderen für die Verlosung. Ich war ob der Verpackung etwas erstaunt, die DVD-Hülle ist nämlich ganze 2cm breit. Zu bestaunen gibt es da allerdings nur die Rückseite sowie ein Kurzübersicht über die Kapitel.
Diese Informationen lesen sich schon mal gut, kommen wir aber zur Disc. Ich bin zwar seit kurzem Mac-User, muss deshalb aber nicht auf den Genuss des Videos verzichten - die DVD ist Plattform-unabhängig: Mac, Windows und Linux werden unterstützt.

Das Video-Tutorial öffnet sich über eine kleine Applikation und sieht ziemlich schick aus. Auf der Seite gibt es eine Liste mit den Kapiteln sowie meiner Lesezeichen, in der Mitte das jeweilige Video und rechts Zusatzinfos wie etwa Links zu Übungsdateien.

Einstieg ins Video-Training

Einstieg

Das Willkommens-Video verspricht schon viel und über die erste Erklärung von WordPress und dessen Lizenz und Historie kann man nicht meckern. Was mir dabei allerdings aufgefallen ist: Der Ton: Mit Kopfhörern hörte ich immer Hintergrundgeräusche, der Trainer wirkte sehr heiser. Mit den System-Lautsprechern war es dann wieder einigermassen in Ordnung.

Die einzelnen Videos sind eher kurz (jeweils um die 5 Minuten), die Informationen kommen aber trotzdem gut rüber. Die Zeit vergeht damit wie im Flug.

Tiefergehende Anpassungen

Da ich mich mit WordPress gut auskenne, habe ich das Kapitel über das Backend nur überflogen. Allerdings klingt dieses Thema schon viel interessanter. Olaf zeigt, wie man sich vor Kommentar-Spam schützen, die Performance optimieren und die Sicherheit des Blogs prüfen kann.

Themes verstehen und erstellen

Auf die WordPress Themes geht Olaf detailliert ein. Die Funktionsweise und Anatomie eines Themes wird ausführlich erklärt. Auch Post Formats werden behandelt, wozu sie gut sind und wie man sie nutzt. Im Kapitel 5.10 «Theme für Smartphones» stellt Olaf übrigens auch das Ari-Theme von elmastudio.de vor.

CMS-Tuning

Im sechsten Kapitel werden Custom Post Types und Taxonomies vorgestellt. Als Beispiel dient die Darstellung von Büchern. Im Kapitel 6.5 «Shops in WordPress» stellt Olaf das kostenpflichtige Plugin wpShopGermany vor.
Hier merkt man allerdings auch, dass nur an der Oberfläche gekratzt wird. Code-Beispiele in den Videos beschränken sich auf das Wesentliche. Allerdings befinden sich vorgestellte Themes, Plugins, WordPress selbst und sogar benutzte Software wie FileZilla zum Mitmachen auf der DVD. Sogar ein paar Infografiken finden sich darauf, man kann sich also nicht beklagen.

WordPress Video-Training: Video-Beispiel

Weiteres

Im siebten und letzten Kapitel werden WordPress Multisite und BuddyPress vorgestellt. Auch hier finde ich die Erklärungen äusserst hilfreich und verständlich. Und die schriftliche Zusammenfassung der jeweiligen Kapitel dient als Nachschlagewerk und kann auch ausgedruckt werden.

Fazit

Nachdem ich mir das Video-Tutorial angesehen habe, kann ich es euch nur weiterempfehlen. Denn es hält was es verspricht: Am Ende ist man in der Lage, Websites mit WordPress umzusetzen und zu pflegen. Wer mit Videos von video2brain vertraut ist, wird auch von diesem hier begeistert sein.

Das Video ist ziemlich aktuell (für WordPress 3.1 konzipiert), schlägt allerdings gleich mit 40 Euro zu Buche. Dafür hat man jedoch auch iPad-kompatible Videos - coole Sache für unterwegs!

WordPress - Websites mit WordPress umsetzen und pflegen
Von: video2brain
Laufzeit: 6 Stunden
Lektionen: 78
Preis: 39.95 Euro

Verlosung

Wie im Beitrag erwähnt, stehen mir drei Exemplare des Video-Trainings zur Verlosung zur Verfügung. Um eines davon zu gewinnen, genügt es, einen Kommentar zu diesem Beitrag zu schreiben. Teilnahmeschluss ist der 23. Mai 2011. Bitte gebt eine gültige E-Mail Adresse an, damit ich euch kontaktieren kann.

<form role="search" method="get" id="searchform" action="<?php bloginfo('url'); ?>">
 <label for="s">Suche nach:</label>
 <input type="text" value="<?php the_search_query(); ?>" name="s" id="s" x-webkit-speech speech onwebkitspeechchange="this.form.submit();" />
 <input type="submit" id="searchsubmit" value="Suchen" />
</form>

Damit das Ganze funktioniert braucht man jedoch die oben genannte Erweiterung, die aktuelle Beta-Version des Browsers sowie eine kleine Starthilfe, welche auf der Extension-Website erklärt wird. Danach erscheint im Suchfeld ein kleines Mikrofon, mit welchem man den Aufnahmevorgang starten und automatisch nach dem Gesagten suchen kann.

Sprachsuche in unserem Blog

via Otto on WordPress

Wer noch etwas weiter gehen möchte, kann das Script auch erweitern, sodass z.B. die eigene Grundkonfiguration (Datenbank-Einstellung, .htaccess, etc.) automatisch geladen wird.

Post Thumbnails

Die in WordPress 2.9 eingeführte Post Thumbnail Funktion ist für die meisten WordPress-Anwender noch relativ neu und deshalb findet man kaum gute Beispiele und Tutorials im Web. Heute möchten wir mit unseren Lesern ein nützliches Code Snippet teilen, mit welchem man bei jedem Beitrag manuell das Thumbnail Format festlegen kann.

Um die Post Thumbnails überhaupt erst nutzen zu können, müsst ihr in der functions.php eures Themes folgende Zeile hinzufügen: <?php add_theme_support( 'post-thumbnails' ); ?>.

Danach könnt ihr eure jeweiligen Bildgrössen definieren. Uns reichen für das Beispiel eine rechteckige und eine quadratische Form.

<?php
add_image_size( 'wpm_rectangular_thumbnail', 250, 75 ); // Rechteckiges Format
add_image_size( 'wpm_square_thumbnail', 75, 75 ); // Quadratisches Format
?>

Post Thumbnail Meta Box

Um dann die Post Thumbnails anzuzeigen, kann man dann innerhalb der Loop entweder <?php the_post_thumbnail('wpm_rectangular_thumbnail'); ?> oder <?php the_post_thumbnail 'wpm_square_thumbnail'); ?> verwenden.

Thumbnail Format auswählen

Da wir nicht genauer ins Detail gehen wollen, verweisen wir lieber auf die sehr ausführliche Anleitung von Mark Jaquith. Wir möchten euch ja zeigen, wie man die Bildgrössen manuell abwechseln kann. Dazu werden wir eine neue Meta-Box im Beitrags-Editor hinzufügen, wo man das gewünschte Format auswählen kann. Im Hintergrund werden diese Daten in einem versteckten Custom Field gespeichert.
Ihr müsst bloss folgenden Code in der functions.php eures Themes hinzufügen, evtl. müsst ihr auch die PHP-Tags am Anfang und am Ende entfernen.

<?php
/*
 * Fügt eine Meta Box im Beitrags-Editor hinzu,
 * mit der man wählen kann, ob das Thumbnail quadratisch oder rechteckig erscheinen soll.
 *
 * Autor: Schweizer WordPress Magazin
 *
 */

/* Hier haken wir uns in die admin_menu Action ein, um die Meta Box hinzuzufügen */
add_action('admin_menu', 'wpm_add_custom_box');

/* Hier haken wir uns in die save_post Action ein, um die eingegebenen Daten zu verarbeitena */
add_action('save_post', 'wpm_save_postdata');

/* Fügt die Meta Box im Beitrags-Editor hinzu */
function wpm_add_custom_box() {
	add_meta_box(
		'wpm_sectionid',
		__( 'Miniaturbild Format', 'wpm_textdomain' ),
		'wpm_inner_custom_box',
		'post',
		'advanced'
	);
}

/* Schreibt den Inhalt in die Meta Box */
function wpm_inner_custom_box() {

	// Nonce für die Verfikation benutzen

	echo '<input type="hidden" name="wpm_noncename" id="wpm_noncename" value="' .
    	wp_create_nonce( plugin_basename(__FILE__) ) . '" />';

	// Überprüfen, ob das Custom Field bereits existiert.

	$thumb = get_post_meta($post->ID, 'wpm_thumb_format', true);
	$square = "";
	$small = "";
	if(isset($thumb)) {
		if($thumb = 'wpm_square_thumbnail') {
			$square = 'checked="checked" ';
		}
		if($thumb = 'wpm_rectangular_thumbnail') {
	  		$small = 'checked="checked" ';
		}
	} else {
	  $small = 'checked="checked" ';
	}

	// Formular-Felder inklusive Beschreibung hinzufügen

	echo '<p>' . __("Soll das Thumbnail quadratisch oder rechteckig sein?", 'wpm_textdomain' ) . '</p>';
	echo '<p><input type="radio" name="wpm_thumb" value="wpm_square_thumbnail"
	id="wpm_square_thumbnail" size="25" ' . $square . '/>';
	echo '<label for="wpm_square_thumbnail">quadratisch</label>';
	echo '<input type="radio" name="wpm_thumb" value="wpm_rectangular_thumbnail"
	id="wpm_rectangular_thumbnail" size="25" ' . $small . '/>';
	echo '<label for="wpm_rectangular_thumbnail">rechteckig</label></p>';
}

// Wenn der Beitrag gespeichert wird, wird auch das Thumbnail Format gespeichert
function wpm_save_postdata( $post_id ) {

	// Sicherstellen, dass die Daten wirklich von unserem Beitrag stammen

	if ( !wp_verify_nonce( $_POST['wpm_noncename'], plugin_basename(__FILE__) )) {
		return $post_id;
	}

	// Überprüfen, ob dies eine automatische Sicherung des Beitrags ist.
	// Wenn ja, dann tun wir hier nichts.
	if ( defined('DOING_AUTOSAVE') && DOING_AUTOSAVE )
		return $post_id;

	// Berechtigung des Nutzers überprüfen
	if ( 'page' == $_POST['post_type'] ) {
		if ( !current_user_can( 'edit_page', $post_id ) ) return $post_id;
	} else {
		if ( !current_user_can( 'edit_post', $post_id ) ) return $post_id;
	}

	// Wir sind authentifiziert: Jetzt können wir die Daten speichern

	$mydata = $_POST['wpm_thumb'];
	$thumb = get_post_meta($post->ID, '_wpm_thumb_format', true);
	if(isset($thumb)) {
		update_post_meta($post_id, '_wpm_thumb_format', $mydata);
	} else {
		add_post_meta($post_id, '_wpm_thumb_format', $mydata, true);
	}
}
?>

Das ist allerdings erst die halbe Miete, denn jetzt kommt noch die Ausgabe im Frontend. Dazu müsst ihr die Theme-Datei öffnen, welche für die Darstellung auf der Startseite zuständig ist (meist home.php). Dort fügt ihr dann an passender Stelle innerhalb des Loops folgende Zeilen ein:

<?php if ( function_exists('has_post_thumbnail') && has_post_thumbnail() ) {
	$thumb = get_post_meta($post->ID, "_wpm_thumb_format, true); ?>
	<div class="thumbnail">
		<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
			<?php if($thumb == "wpm_square_thumbnail") {
				the_post_thumbnail('wpm_square_thumbnail');
			} else {
				the_post_thumbnail('wpm_rectangular_thumbnail');
			} ?>
		</a>
	</div>
<?php }	?>

An dieser Stelle sei angemerkt, dass dieser Code vielleicht nicht zu 100% funktioniert, denn er wurde in nur wenigen Minuten geschrieben und war auch für persönliche Zwecke gedacht. Ihr könnt den Code zudem herunterladen und als Plugin installieren. Die Theme-Anpassung ist allerdings weiterhin erforderlich.

Wir freuen uns auf eure Anregungen, Fragen und Verbesserungsvorschläge!

Wenn man zum Beispiel folgende URL im Adressfeld des Browsers eingibt, erhält man ein 500px breites Abbild von wp-magazin.ch:

http://s.wordpress.com/mshots/v1/http%3A%2F%2Fwp-magazin.ch%2F?w=500

Screenshot Dienst Beispiel

Es gilt zu beachten, dass die Schrägstriche durch %2F und der Doppelpunkt durch %A maskiert werden, da diese nicht im ASCII-Zeichensatz vorkommen.

Damit der Dienst natürlich nicht zu sehr belastet wird, werden die Bilder gecached, was allerdings für die meisten von euch kein Problem sein sollte. Und wer wirklich auf aktuelle Bilder angewiesen ist, wird sich sowieso nach einer eigenen Lösung umschauen!

BM Shots Plugin

Für die einfachere Verwendung im eigenen WordPress Blog hat Ben ein kleines Plugin geschrieben, dank dem man die Screenshots via Shortcode oder auch wahlweise mit einer PHP-Funktion einbetten kann. Hier zwei Beispiele:

[browsershot url="http://google.ch/" width="500"]
<?php bm_mshot("http://google.ch/", 250); ?>

Das BM Shots Plugin kann man direkt bei Binary Moon herunterladen - kostenlos, versteht sich.

Foto von Matt Mullenweg

Gut zwei Wochen ist es her, seit WordPress.com verlauten liess, dass die rund 7.5 Millionen Blogs nun RSS Cloud unterstützen. Im Artikel RSS in the Clouds schildert Matt Mullenweg, CEO der Firma Automattic und WordPress-Urvater, was diese Änderung genau bedeutet. Normalerweise ruft nämlich der Feed Reader (z.B. Google Reader) den Feed auf und sucht nach neuem Inhalt.
Dank Push-Benachrichtigung sagt der Feed jetzt dem Reader: "Hey, ich wurde aktualisiert!"  Wer dieses Feature auch beim eigenen Blog hinzufügen möchte, kann das RSS Cloud Plugin von Joseph Scott herunterladen. In seinem Blog hat er übrigens noch genau dokumentiert, wie der Feed denn überhaupt bei aktivem Plugin verändert wird.

Wenn nun über sieben Millionen Blogs weltweit diese Technik unterstützen, ist das natürlich ein grosser Schub für die Push-Technik. iPhone-User werden diese Benachrichtigungen bereits kennen, denn Applikationen auf dem Telefon können dem Benutzer bereits solche Meldungen anzeigen. Ein gutes Beispiel ist zum Beispiel die App des Tagesanzeigers! In Zukunft soll WordPress auch noch weitere Push-Standards wie etwa das unaussprechliche PubSubHubBub unterstützen. Christian Leu hat darüber bereits einen interessanten Beitrag veröffentlicht.

<ul>
<?php

$szSort = "user_nicename"; // Wie die User sortiert werden sollen,  z.B. nach der ID

$aUsersID = $wpdb->get_col( $wpdb->prepare(
"SELECT $wpdb->users.ID FROM $wpdb->users ORDER BY %s ASC"
, $szSort ));

foreach ( $aUsersID as $iUserID ) :

$user = get_userdata( $iUserID );

echo '<li>' . $user->first_name . ' ' . $user->last_name . '</li>';

endforeach;
?>
</ul>

Jetzt wird eine Liste mit Vorname ($user->first_name) un Nachname ($user->last_name) angezeigt. Die Angaben wie first_name und last_name sind gleichzeitig die Namen der Spalten in der Datenbank. In der Funktionsreferenz für get_userdata findet man eine Liste aller Eingabemöglichkeiten. Es lässt sich unter anderem auch anzeigen, welches Admin-Farbschema dieser Benutzer aktiviert hat.

Im Prinzip könnte man diese Funktion bereits überall einbauen, wo man möchte. Doch für mich reicht das noch nicht, denn ich möchte die Gravatare aller Benutzer ausser den Abonnenten anzeigen. Dazu sind nur ein paar wenige Anpassungen im Code nötig.

<ul>
<?php

$szSort = "user_nicename";

$aUsersID = $wpdb->get_col( $wpdb->prepare(
"SELECT $wpdb->users.ID FROM $wpdb->users ORDER BY %s ASC"
, $szSort ));

foreach ( $aUsersID as $iUserID ) :

$user = get_userdata( $iUserID );

if($user->wp_user_level >= 1) {
echo '<li><a href="/author/' . strtolower( $user->user_login ) . '/">
<img src="http://www.gravatar.com/avatar/' . md5( $user->user_email ) .
'?s=50&amp;d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fad516503a11cd5ca
435acc9bb6523536%3Fs%3D40&amp;r=G"></img></a></li>';
}

endforeach;
?>
</ul>

Die Gravatare

Was ist neu? Nun, zuerst habe ich einmal den Namen durch den Gravatar ersetzt, wobei die E-Mail Adresse durch MD5 verschlüsselt werden muss. Danach habe ich das Bild noch mit der Autorenseite verlinkt, wo alle Artikel dieses Autors aufgelistet werden (Beispiel: http://beispiel.de/author/admin/).

Das wäre eigentlich schon alles. Mit ein bisschen CSS kann man die Bilder auch noch aufpeppen, was dann in meinem Fall so herausgekommen ist, wie ihr es auf dem Bild seht :-)