WordPress. Magazin. FACEBOOK Landing Page erstellen. SEO Tricks für Experten. WIDGETS Aufklapp-Effekt. Ausgabe 4 / WordPress Magazin

Transkript

1 Ausgabe 4 / WordPress Magazin WordPress Magazin FACEBOOK Landing Page erstellen SEO Tricks für Experten WIDGETS Aufklapp-Effekt Kontakt: wp-magazin.ch

2 Inhalt 03 Editorial 06 Kurznachrichten 08 WebMatrix: Webentwicklung leicht gemacht! 10 How-To: Facebook IFrame Landing Page Anwendung erstellen 14 add_theme_support: Das ideale Werkzeug, um Plugins durch Code zu konfigurieren 16 WordPress 3.2 schneller, besser, schlanker 18 WordPress SEO-Tricks für Experten 20 WordCamp Switzerland 22 Auf- und zuklapp-effekt für WordPress-Widgets 26 WordPress Video-Training von video2brain 28 Theme Showcase 32 WordPress-Profis gesucht 2 WordPressMagazin

3 Editorial Es ist Frühling! Mehr Sonne, kein Schnee, grüne Wiesen und viel Gelati. Aber auch Frühjahrsputz ist wieder angesagt, nicht nur zuhause sondern auch im Blog. Bei uns zum Beispiel sind einige Änderungen geplant, allerdings werde ich bestimmt das meiste wieder prokrastinieren. Was für Änderungen das sind? Nun, das WordPress Magazin war schon so eine Änderung - etwas Neues, Frisches musste damals her. Das muss jetzt auch im Blog geschehen: Stimmt die Themenausrichtung, wo man immer wieder zwischen News und Coding-Tipps hin und her wankt, stimmt das Angebot als Gesamtpaket? Mit dem WordPress Netzwerk haben wir beispielsweise schon ein interessantes Werkzeug, wir müssen nur noch die richtige Art finden, wie es der Community am meisten nützt. Inputs sind hier selbstverständlich immer gerne willkommen! Hoffen wir aber, dass es plötzlich «Klick» macht und die zündende Idee da ist. Bis dahin wünsche ich viel Spass beim Lesen, Recherchieren, Probieren und vielleicht sogar Kritisieren. Pascal Birchler Editor-in-chief Impressum Redaktion Pascal Birchler Gestaltung 08EINS, Haempa Maissen Twitter Facebook Website WordPressMagazin 3

4 Kurznachrichten Attacken auf WordPress.com Anfangs März gab es eine gross angelegte DDoS Attacke auf Automattics Hosting Service WordPress.com. Betroffen waren gleich alle drei Rechenzentren, was sogar zu einem kurzzeitigen Ausfall führte. Mitte April wurden dann auch noch die Server gehackt und Quelltext gestohlen. Mittlerweile hat man die Infrastruktur von Word- Press.com stark ausgebaut, damit so etwas so schnell nicht mehr passiert. Mehr Infos: Statify Datenschutz-konforme Statistik für WordPress Sergej Müller scheint Plugins ab Laufband zu produzieren. Diesmal schüttelte er mit Statify ein kompaktes Tool aus dem Ärmel, welches komplett auf die Verarbeitung der Besucher IP-Adressen verzichtet. Man hat nun zwar Datenschutz-mässig unbedenkliche Statistiken, jedoch zählt Statify auch dementsprechend jeden Seitenaufruf. Mehr Infos: WordPress für Kundenprojekte WordPress ist eines der bekanntesten Blogsysteme, wird aber immer häufiger auch für gewöhnliches Content Management verwendet. Bei der Umsetzung von Kundenprojekten mit WordPress gibt es jedoch einige Dinge zu beachten. Ellen von elmastudio.de erklärt, was man am besten schon von Beginn weg regeln sollte. Mehr Infos: Jetpack WordPress.com Features für selbstgehostete Blogs Jetpack ist ein neues WordPress Plugin aus dem Haus Automattic, welches verschiedene Features von WordPress.com auch für «Normalo-Blogs» freischaltet. Dazu gehören bis jetzt unter anderem Gravatar Hovercards, Sharedaddy und die Rechtschreibprüfung After the Deadline. Weitere sollen noch kommen. Mehr Infos: 4 WordPressMagazin

5 WPCandy Theme Madness Anstelle eines Basketball-Turniers (March Madness) gibt es bei WPCandy aktuell ein Turnier mit ganzen 64 Premium Theme Anbieter. Voten kann man dann unter anderem im WPCandy Blog, in seinem eigenen oder über Twitter. Für weitere Details und die genauen Teilnahmebedingungen sollte man den Blog lesen. Gewinnen kann man eine handgemachte WPCandy-Trophäe. Mehr Infos: WooThemes mit Neuausrichtung WooThemes kennen bestimmt alle: Es ist der grösste Anbieter von WordPress Themes, die etwas kosten. Bisher gab es vereinzelt auch Templates für Drupal, Magento, Expression Engine und Tumblr. Allerdings werden diese ab sofort nicht mehr angeboten, da man die erforderlichen Kapazitäten nicht hat und man sich lieber auf das Kerngeschäft konzentriert. Mehr Infos: Guided Transfers von WordPress.com zu.org Blogs Nach dem Launch von Jetpack bietet Automattic nun auch noch einen Umzugsdienst an. Für einmalige 99 Dollar kann man sich von den Profis den Blog von WordPress.com auf seinen eigenen Server (eines empfohlenen Anbieteres) umziehen lassen. Jetpack wird dabei vorinstalliert sein, sodass man keine Features verliert. Mehr Infos: WordPressMagazin 5

6 Updates Mobile Im März erschien Version 2.7 der Word- Press ios-app, welche endlich die vielen Bugs beheben soll, durch welche die App bisweilen auf sich aufmerksam gemacht hat. Für Version 2.8 plant man bereits ein paar spannende Features. Auch die WordPress BlackBerry-App bekam ein Update, jedoch ein sicherheitstechnisches. Version wird u.a. wegen der neuen Passwort-Verschlüsselung empfohlen. Mehr Infos: Automattic Mitte April hat Automattic alle Mitarbeiter und auch WordPress-Fans aufgefordert, aus Gründen der Gesundheit einen 5 Kilometer Lauf zu absolvieren. Das Schwierige dabei: 80 Leute rund um den Globus für diesen «5k» zu organisieren. Mehr Infos: Das bekannte Anti-Spam Plugin Akismet hat am 8. April den 25 Milliarsten Spam- Kommentar beseitigt. Dazu gab es auch einige Statistiken, z.b. sind Spammer eher an einem Freitagabend aktiv, sonntags weniger. WordPress.com Durch eine Partnerschaft mit dem Startup OnSwipe kann man nun sein WordPress. com Blog in einem ipad-optimierten Magazin-Stil anzeigen lassen. OnSwipe ist auch für selbst gehostete Blogs erhältlich. WordPress.org Kurz nach dem Release von WordPress 3.1 gibt es bereits eine neue Version: behebt einige kleine Fehler. Ein Update ist übers Backend zum Glück schnell durchgeführt. Mehr Infos: Wie jedes Jahr ist auch WordPress wieder am Google Summer of Code dabei. Studenten aus aller Welt können an bestimmten und wichtigen Projekten arbeiten. Bei erfolgreicher Fertigstellung winken 5000 Dollar kein schlechter Sommerjob also. Mehr Infos: BuddyPress BuddyPress erschien Ende Februar und beinhaltet einige kleine Bug Fixes. Zudem ist das Plugin mit den neusten bb- Press- und WordPress-Versionen kompatibel. bbpress Die erwähnte bbpress Version ist und hauptsächlich ein Sicherheitsupdate. Ein Update wird dringend empfohlen. Mehr Infos: 6 WordPressMagazin

7 WordCamps Es ist schon faszinierend, wie viele Word- Camps es mittlerweile gibt. Von A-Z, von Amerika über Portugal bis Neuseeland ist etwas dabei, also hat man schnell einmal die Möglichkeit, eines zu besuchen. Die WordPress-Veranstaltungen bieten eine tolle Gelegenheit, sich mit Gleichgesinnten auszutauschen und die einen oder anderen Kniffe zu lösen. Wie immer haben wir für euch eine Liste an aktuellen WordCamps vorbereitet, darunter ist selbstverständlich auch das am 7. Mai stattfindende WordCamp Switzerland! WordCamp Atlanta Mai Atlanta, Georgia WordCamp Switzerland 7. Mai Brugg WordCamp Orange County 14. Mai Orange County, Kalifornien WordCamp Raleigh Mai Raleigh, North Carolina WordCamp Reno-Lake Tahoe Juni Reno, Nevada WordCamp Columbus Juni Columbus, Ohio WordCamp Montreal Juli Montreal, Quebec WordPressMagazin 7

8 WebMatrix: Webentwicklung leicht gemacht! Im Dezember wurde auf wp-magazin.ch das neue kostenlose Web-Entwicklungstool WebMatrix vorgestellt. Mit diesem Tool erhält man alles zum schnellen Erstellen, Bearbeiten und Veröffentlichen von Webseiten auf Basis von Open- Source Tools wie WordPress, oder man hat die Möglichkeit gleich selbst seinen eigenen Code zu schreiben. WordPress und WebMatrix: Erste Schritte Da es schon unzählige Erste Schritte mit WebMatrix im Web gibt, geben wir hier nur einen kurzen Einstieg und verweisen auf diese einschlägige Seiten. 1. Konstenlos auf der Microsoft Produkteseite WebMatrix Download holen und installieren. 3. Für detaillierte Installationsund Setup-Schritte gibt es diese WebMatrix-Anleitung hier. Webseite aus Web Gallery Anschliessend können Sie Ihre Word- Presse Seite mit dem integrierten Codeund Datenbankeditor bearbeiten. Dank der farblichen Syntax-Hervorhebung sind Theme-Anpassungen ein Leichtes. Kleiner Tipp am Rand: 2. WordPress-Benutzer wählen nun die Option «Site From Web Gallery» und WebMatrix installiert alles automatisch: Web Matrix identifiziert die erforderlichen Komponenten, die auf Ihrem lokalen Entwicklungsrechner benötigt werden, und zwar unabhängig davon, ob es sich um ASP.NET- Anwendungen auf der Basis eines SQL-Servers oder um PHP-Anwendungen auf der Basis von MySQL handelt. Mit den in Internet Explorer 9 integrierten Entwicklertools (aufgerufen per F12- Knopfdruck) kann man Webseiten-Elemente anklicken und gleich analysieren. Diese Werkzeuge sparen viel Zeit bei der Fehlerbehebung und machen die Umsetzung der persönlichen Änderungen einfacher (siehe Abbildung 3). Erfassen von Anfragen und SEO-Berichten Neben den reinen Entwicklungs-Werkzeugen, enthält WebMatrix ein praktisches Tool, das sämtliche Anfragen an 8 WordPressMagazin

9 Ihre lokale Website nachverfolgt. Sie erhalten Informationen darüber, ob die Anfrage erfolgreich war oder nicht, wie lange die Verarbeitung gedauert hat usw. Eine weitere praktische Funktion von WebMatrix ist die Suchmaschinenoptimierung. Anhand eines integrierten Berichts erfahren Sie, wie Sie Ihrer Website die nötige Relevanz verleihen und für Suchmaschinen optimieren können. Ken Casada ist ein Developer Evangelist bei Microsoft Schweiz. Er hat mehr als 10 Jahre Erfahrung in der Entwicklung von Lösungen auf der MS Plattform für mittlere und kleine Firmen. Veröffentlichen Nach dem Erstellen und Testen Ihrer Anwendung können Sie die Webseite zusammen mit der Datenbank in einem Klick im Internet veröffentlichen. Hierzu steht die in WebMatrix integrierte Veröffentlichungsfunktion mit Unterstützung von FTP, FTPS und WebDeploy zur Verfügung. WebMatrix hilft den passenden Hoster zu finden, welcher die gewählte Technologie Ihrer Web-Anwendung auch tatsächlich unterstützt - die Webseite wird dann gleich direkt aus WebMatrix ins Netz publiziert. So einfach geht das! Last but not least, alle Studenten können von einem einjährigen kostenlosen Schweizer Webhosting Angebot profitieren. Details sind unter zu finden. WordPressMagazin 9

10 How-To: Facebook IFrame Landing Page Anwendung erstellen Heute möchte ich euch zeigen, wie einfach man eine Facebook Landing Page mit PHP, HTML/CSS und Javascript erstellen kann. Wir mutieren zwar nicht zum Social Media Blog, diese Anleitung ist aber bestimmt sehr nützlich für einige von euch! Hintergrund Doch was versteht man eigentlich unter einer Facebook Landing Page? Genau genommen meint man damit einen speziellen Reiter einer Fanseite, die neuen Besuchern angezeigt werden. Man kann aber auch spezielle Landing Pages für Aktionen oder Wettbewerbe nutzen. Normalerweise hat eine Fanseite die Standard-Reiter Pinnwand, Fotos und vielleicht noch Veranstaltungen. Weitere können durch Facebook Applikationen aus dem öffentlichen Verzeichnis hinzugefügt werden. Besonders beliebt ist die Anwendung Static FBML, mit der man bis anhin sehr viele Landing Pages umgesetzt hat. Mit ihr kann man gewöhnliches HTML in Kombination mit speziellen Facebook-Tags für Landing Pages verwenden. In der Nutzung ist man aber sehr eingeschränkt, beispielsweise bei Javascript. In einigen Tagen, genauer gesagt am 11. März, wird es nicht mehr möglich sein, Static FBML auf seiner Fanpage zu nutzen. Stattdessen sollen eigene Applikationen - in IFrames - genutzt werden. Diese haben viele Vorteile: Man kann nun problemlos Javascript und somit auch Google Analytics einsetzen, ist im Design nicht mehr beschränkt und kann seine Seiten noch besser in Facebook integrieren. Erste Schritte Als Erstes muss man die Facebook Developer Applikation installieren, danach kann man seine erste Anwendung erstellen. Als Erstes gibt man den Namen ein und akzeptiert die AGB von Facebook. Der Name darf übrigens nicht an eine Facebook-eigene Anwendung wie Diskussionen oder Veranstaltungen angelehnt sein. Da der Name öffentlich ist, sollte man etwas Sinnvolles wählen, wie z.b. WordPress Magazin oder dercooleblog.com. Danach kommt man zur eigentlichen Einstellungs-Seite der Anwendung, wo es allerhand einzustellen gibt. 10 WordPressMagazin

11 Wichtig ist auf dieser ersten Einstellungsseite, dass man ein Logo (75x75px) sowie ein Icon (16x16px) hochlädt. Am besten eignen sich GIF-Bilder mit transparentem Hintergrund. Auch die Sprache schaltet man vorsichtshalber lieber auf Deutsch um, ich konnte allerdings beim Einrichten keinen Unterschied zu Englisch feststellen. Diese Einstellung dürfte wohl nur wichtig sein, wenn man seine Anwendung ins offizielle Verzeichnis stellen möchte. In unserem Fall bleibt die Anwendung jedoch privat. Das nächste und letzte Register hat den Namen Facebook-Einbindung. Hier stellen wir ein, welche Seite im IFrame eingebunden werden soll. Zudem wird hier die Anwendungs-ID und der Anwendungs-Geheimcode angegeben, welche wir später für die Authentifizierung benötigen. URL des Reiters - Hier kommt dann die Datei, meistens index.php Canvas-Typ / Reiter-Typ - IFrame Name des Reiters - Kurz und bündig, maximal 16 Zeichen Jetzt kann man die Änderungen speichern, wodurch man auf die Übersichtsseite gelangt. Dort klickt man auf die Anwendungs- Profilseite und anschliessend auf Zu meiner Seite hinzufügen. Im folgenden Menü wählt man dann die gewünschte Fanseite aus. Allerdings wird die Anwendung noch nicht standardmässig allen Nutzern angezeigt. Dazu muss man noch die entsprechende Fanseite bearbeiten und unter dem Punkt Genehmigungen verwalten den Standard- Reiter für Nicht-Fans definieren. Der Code Jetzt können wir uns nun der eigentlichen Applikation widmen. Dazu erstellt man im Programm seiner Wahl eine PHP Datei mit einfachem HTML-Grundgerüst - dazu reicht beispielsweise schon Dreamweaver. Als Nächstes bindet man das PHP- SDK, bestehend aus einer einzigen Datei, von Facebook ein, welches man bei GitHub herunterladen kann. Dort gibt es auch ein entsprechendes Beispiel zur Nutzung: Canvas-URL - Die URL zur Applikation auf dem eigenen Server, ohne jedoch eine explizite Datei anzugeben. Beispiel: WordPressMagazin 11

12 How-To: Facebook IFrame Landing Page Anwendung erstellen Damit initialisieren wir die Klasse und laden die aktuelle Session. So erhalten wir nämlich bereits einige Basics über den aktuellen Besucher, ob er eingeloggt ist oder nicht und ob er bereits Fan der Seite ist. Da wir jedoch weitere Features wie den Like-Button und die Möglichkeit, Freunde einzuladen, nutzen wollen, benötigen wir die Daten auch in Javascript. Dazu laden wir zusätzlich noch die JS- SDK direkt nach dem öffnenden <body>- Tag: Auto-Resize Wir haben in den Anwendungs-Einstellungen angegeben, dass die IFrame- Grösse automatisch angepasst werden soll, schliesslich will man ja keine Scrollbalken, welche das mit 520 Pixel schon schmale Layout je nach Browser nochmals um einige Pixel reduzieren würden. Zusätzlich zu dieser Einstellung muss man aber noch in der selben window.fbasyncinit Funktion folgende Zeile einfügen: Jetzt muss man - gleich im Anschluss - nur noch alle Javascript-Funktionen initialisieren, die Session-Daten haben wir dabei schon aus dem PHP-Teil. Hat man allerdings ein jquery-slider oder -Accordion, so verändert sich ja immer die Grösse des IFrames. FB.Canvas.set- AutoResize() ist deshalb nur für die Initialisierung des Tabs sinnvoll. Anschließende Vergrösserungen sollten besser manuell mit FB.Canvas.setSize() durchgeführt werden. Ein Beispiel: Danach kommt das eigentliche Layout, wo man sich nach Lust und Laune austoben kann. Zum Beispiel kann die Landing Page an Facebook angelehnt oder so kunterbunt wie die Website sein. Einzige Limitierung ist die Breite von 520 Pixel. Die Höhe sollte variabel sein, wie wir das vorhin in den Einstellungen definiert haben. Dazu bedarf es allerdings noch einer Zeile Code... Events Facebooks Javascript-SDK erlaubt es, sich in bestimmte Events einzuklinken. Auf diesem Weg kann man die Applikation bei Login/Logout oder bei einem Gefällt mir neu laden. Mit Hilfe des GET-Parameters app_data kann man beim Reload bestimmte Werte an die Applikation übergeben, z.b. um eine Nachricht für den neuen Fan anzuzeigen. 12 WordPressMagazin

13 Folgende Schnipsel kommen ebenfalls in die Init-Funktion: Teilen Ein weiterer Vorteil einer eigenen Anwendung gegenüber Static FBML ist die Möglichkeit, dass man dem User Dialoge anzeigen kann. So lassen sich unter anderem Nachrichten an seine Pinnwand posten, wie dieses Beispiel zeigt: Fazit Schlussendlich könnte die Landing Page so aussehen wie die des WordPress Magazins, auch wenn unsere noch etwas minimalistisch daherkommt. An dieser Stelle seid ihr gefragt! Erstellt eure eigene Landing Page anhand dieses Beispiels und liest weiterführende Dokumentationen von Facebook: Signed Request Social Plugins (Gefällt mir Buttons, etc.) Graph API Javascript SDK Übersicht Facebook OAuth Implementierung Hier kommt für den Element-Selektor $('#share') jquery zum Einsatz. Dieser ganze Code-Block sollte am besten in einem $(document).ready(function () {... }); untergebracht werden, damit sichergestellt ist, dass die Facebook-SDK vollständig geladen ist. Am Ende sieht das dann ungefähr so aus: WordPressMagazin 13

14 add_theme_support: Das ideale Werkzeug, um Plugins durch Code zu konfigurieren Mit Wordpress 2.9 wurden die Funktionen rund um die Funktion add_theme_ support eingeführt. Die Idee ist simpel: Plugins (oder auch Wordpress selbst) stellen neue Funktionalitäten bereit, die vom Theme unterstützt werden müssen, damit sie funktionieren. Das Theme macht einen add_theme_support-aufruf in der functions.php und teilt so mit, dass es die neue Erweiterung darstellen kann. Das erste Beispiel für so eine Anwendung war das Artikelminiaturbild in Wordpress 2.9. Hat das ausgewählte Theme einen add_theme_support('post-thumbnail')- Aufruf gemacht, erscheint im Backend beim Erfassen von Artikeln eine neue Metabox, um das Bild auszuwählen. Das Tolle an dieser Funktion ist, dass sie nicht auf das Theme begrenzt ist. Theoretisch können sich so auch andere Plugins steuern lassen. Und add_theme_support hat noch einen zweiten Parameter mit dem Einstellungen übergeben werden können. Wir bei Blogwerk benutzen add_theme_ support vor allem, um unsere Bildergalerie oder spezielle Widgets für Themes freizuschalten. Alle unsere Erweiterungen sind so programmiert, dass sie Einstellungen benötigen, zum Beispiel welche CSS-Klasse vergeben werden soll oder ob noch erweiterte Funktionen freizuschalten sind. Im Vergleich: Der Einstellungsdialog Einige werden jetzt aufstehen und sagen, dass sie auch sehr einfach einen Einstellungsdialog im Backend mit der Settings API erstellen können. Richtig, aber am Ziel vorbei. Es kann durchaus Situationen geben, in denen man noch nicht mal einem Administrator etwas einstellen lassen möchte, aber Konfigurationsmöglichkeiten, z.b. für Wiederverwendbarkeit in anderen Blogs, sinnvoll erscheinen. Ausserdem kann auch beides kombiniert werden. Erst wenn der add_theme_support-aufruf getätigt wurde, wird ein Administrationsinterface im Backend bereitgestellt. Im Detail: Wie funktioniert es? Zunächst muss man als Pluginentwickler die Erweiterung eines Plugins dafür vorbereiten, dass sie nur manchmal aktiviert wird. Die beste Lösung dafür ist, die Erweiterung in eine eigene PHP-Datei zu verpacken. Danach kann man in der Hauptdatei des Plugins folgende zwei Zeilen einfügen: if (current_theme_supports('super_funktion')) include('functions/super_funktion.php'); Jetzt lädt unsere Plugin den Code nur, wenn das Theme vorher gesagt hat, dass es damit auch was anzufangen weiss. Als nächstes fügen wir den Aufruf dafür in die functions.php des Themes ein: add_theme_support('super_funktion'); Jetzt wird die Erweiterung geladen. Stellen wir uns vor, unsere Erweiterung braucht zwei Parameter, dann wäre der Aufruf in der functions.php wie folgt: add_theme_support('super_ funktion',array( 'parameter_a' => 'Wert Parameter A', 'parameter_b' => 'Wert Parameter B' )); Wie zu sehen ist, kann man die Parame- 14 WordPressMagazin

15 ter einfach im zweiten Parameter von add_theme_support als Array übergeben. Theoretisch könnte der zweite Parameter auch nur ein String sein, das macht aber in Zukunft möglicherweise Probleme, wenn man die Erweiterung modifizieren möchte und einen zweiten Parameter benötigt. Jetzt ist noch die Frage offen, wie die Parameter wieder ausgelesen werden können. Seit Wordpress 3.1 gibt es dafür eine Funktion. Vorher musste man auf ein globales Array zugreifen: $settings_temp = get_theme_ support('super_funktion'); $settings = $settings_temp[0]; Danach ist $settings ein Array und beinhaltet die Parameter, die beim add_theme_support-aufruf angegeben worden. Fazit add_theme_support ist ein guter Weg, wenn nicht alle Funktionalitäten eines Plugins immer benötigt werden. Es ist sehr einfach, den Code für die Erweiterung komplett auszulassen und gar nicht zu laden, wenn er nicht benötigt wird. Auch die Übergabe von Parametern für den Code ist leicht zu bewerkstelligen und schneller als alles anderen Parameterspeicher in Wordpress, wie zum Beispiel eine «Option», die trotz Caching mehr Aufrufe macht. Ausserdem eignet sich add_theme_support hervorragend für parametrisierten Code, den nicht mal ein Administrator eines Blogs ändern sollte. WordPressMagazin 15

16 WordPress 3.2 schneller, besser, schlanker Kaum wurde WordPress 3.1 veröffentlicht, hat man sich schon Gedanken um Word- Press 3.2 gemacht. Die Features sind eher unspektakulär, trotzdem möchte ich auf die eher kurze Liste vom WordPress Development Blog eingehen. Das Gleiche haben übrigens auch schon Perun und WordPress Deutschland in wenigen Sätzen gemacht. Dabei möchte ich anmerken, dass wir bei der Titelwahl alle sehr unkreativ waren und bloss den Titel aus dem Development Blog adaptiert haben: WordPress 3.2, the plan: faster, lighter. Die Timeline für WordPress 3.2 steht noch aus, doch mit Sicherheit dürfte dieser Release weniger lange dauern als WordPress 3.1. Und zwar nicht nur, weil es wirklich lange genug gedauert hat, sondern weil auch die Features kaum an der Oberfläche passieren. Aber sehen wir uns die Liste einmal genauer an: Das bringt WordPress 3.2 Generalüberholung Alte Sachen schmeisst man raus, neues kommt aber nicht hinzu. Der ganze Adminbereich soll somit schneller und besser werden. Auch der Internet Explorer 6 gehört zu diesen Altlasten und wird nun nicht mehr unterstützt. Bezüglich Schnelligkeit soll vor allem auch im PHP-Teil einiges optimiert werden. PHP5, MySQL5 WordPress knüpft, wie schon lange vorher bekannt, endlich an Drupal & Co. an und benötigt fortan mindestens PHP und MySQL5. Allerdings werden hier vorerst bloss die Zahlen geändert und nicht etwa ganze Datenbankabfragen. Upgrades Der Upgrade-Prozess soll für den Benutzer schneller werden, indem beispielsweise nur noch die wichtigen Dateien, welche auch bei einem Release geändert wurden, ausgetauscht werden. Zudem soll Twenty Ten oder Akismet nicht mehr automatisch aktualisiert werden. Hier hat man nämlich oft den unschönen Effekt eines Downgrades gehabt. Fullscreen-Editor Der WYSIWYG-Editor TinyMCE hat zwar einen integrierten Vollbild-Modus, doch der ist ziemlich unschön und hilft nicht so sehr beim Schreiben. Man hat sich bereits ein paar Plugins angeschaut, welche ein besseres Schreiberlebnis bieten und möchte nun selbst so eine Lösung implementieren. Tabellen Die Schnittstelle für die verschiedenen Daten-Tabellen wie z.b. für Beiträge, Seiten, Benutzer soll fertiggestellt werden, sodass man z.b. in Plugins ohne grossen Aufwand solche Tabellen umsetzen kann. Falls dies schnell gelingt, werden auch die Ajax Features wieder integriert, da man dort noch einige Probleme hatte. 16 WordPressMagazin

17 WordPressMagazin 17

18 WordPress SEO-Tricks für Experten Die meisten Leute, die sich mit Word- Press SEO beschäftigt haben, kennen die ganz normalen Plugins die man für die Suchmaschinenoptimierung von WordPress Blogs benutzt. Sehr oft wird zum Beispiel Headspace 2, all-in-one SEO oder das WordPress SEO Plugin von Joost de Valk eingesetzt. Auf deutschen Blogs kommt auch sehr oft wpseo zum Einsatz. Wichtigste SEO Aktion: Das Ziel definieren! All diese Plugins erfüllen ganz unterschiedliche Anforderungen. Man muss jeweils gucken, welches Ziel man erreichen will und das entsprechende Plugin dazu auswählen. Perfekte Onpage-Linkstruktur erstellen Heute möchte ich aber eine ganz besondere Strategie vorstellen, die viel weniger zur Onpage-Optimierung gedacht ist, als zur Struktur-Optimierung des WordPress Blogs. SEO Voraussetzung: Keyword Research & saubere semantische Struktur Ich gehe davon aus, dass es eine Keyword-Research gibt, die die entsprechenden Keywords identifiziert hat, und dass es eine sehr saubere Struktur gibt vom Blog, die in Silo-Form aufgebaut ist. Die entsprechenden semantischen Unterpunkte sind gut begrenzt und semantische Unterpunkte tauchen jeweils auch in der URL auf. Ein Beispiel hierfür könnte sein: Blog.de/Deutschland/NRW/Essen. Hier sind die Elemente in der URL sowohl semantisch als auch logisch-hierarchisch geordnet. Dies ist eine Grundvoraussetzung für die Strategie die ich jetzt vorstellen werde. WordPress Plugin : SEO Search Terms Tagging 2 Um diese SEO-Strategie umzusetzen benötigt man zwei Plugins. Das eine Plugin heißt SEO Search Terms Tagging 2, das zweite Plugin heißt SEO Smartlinks. Mit dem SEO Search Term Tagging 2 Plugin ist es möglich ganz automatisch auszulesen, was Benutzer in Google eingegeben haben, bevor sie auf der entsprechenden Seite oder dem Artikel im WordPress Blog gelandet sind. Diese Searchterms kann man dann innerhalb des Blogs anzeigen lassen, wodurch der Blog für die entsprechenden Begriffe relevanter wird. Hierdurch kann man eine bestimmte URL für das focus keyword weiter optimieren. Nur 1 Keyword pro URL! Oft ist es jedoch so, dass hierbei der entsprechende Blogtitel auch für Begriffe rankt, die man eigentlich gar nicht möchte, beziehungsweise wo Google eigentlich auf einen anderen Artikel zeigen sollten. Hier kommt das Tool SEO Smartlinks zum Einsatz. Für jedes Keyword, beziehungsweise für jede Keyword-Kombination, sollte es genau eine URL des jeweiligen Blogs geben, die hierfür hoch in Google ranken soll. Es ist sehr wichtig, dass es immer nur eine URL gibt auf die man optimiert, da man sich ansonsten selber ein hohes Ranking vermasselt. Ein Ranking an Nummer eins, zwei oder drei ist nämlich besser als Position sieben, acht und neun gleichzeitig. WordPress Plugin: SEO Smartlinks Sobald man nun entdeckt, dass das Tool SEO Search Terms Tagging 2 Begriffe anzeigt die nicht zu der Seite passen, auf der die Besucher gelandet sind, kommt 18 WordPressMagazin

19 das Tool SEO Smartlinks zum Einsatz. Man stellt das Tool so ein, das der entsprechende Begriff auf die Seite linkt, auf der man die Besucher gerne haben möchte. Das Plugin SEO Smartlink wandelt nun ganz automatisch diese Begriffe in einen Link um. So erfährt Google wo man auf seiner eigenen Seite gerne die Besucher für das entsprechende Keyword haben möchte. Zusätzlich einen Ranktracker benutzen Richtig performant wird das Ganze, wenn man dies mit einem Ranking Tracker, zum Beispiel von seomoz.org, zusammen benutzt. Hier kann man genau sehen, welche Seiten des eigenen Blogs es für ein bestimmtes Keyword ranken, und kann das so optimieren, dass tatsächlich nur eine Seite weiter rankt. Powerful Tool = Spamgefahr Die gerade vorgestellte Strategie ist natürlich bestens geeignet um riesige Spam-Blogs aufzubauen. Ich bitte euch natürlich das nicht zu tun. Google erkennt Spam immer besser. Und wer die Strategie missbraucht, wird von Google abstraft und aus dem Index verbannt. Wer diese Strategie aber ganz gezielt einsetzt, nämlich zum Nutzen der eigenen Besucher, so wird Google dies mit einem sehr hohen Ranking honorieren. Der große Vorteil dieser Methode ist, dass sie fast automatisch funktioniert. Man muss sich nur ab und zu die Incoming Searchterms angucken und eventuell eingreifen wenn diese nicht zur Seite passen. WordPressMagazin 19

20 WordCamp Switzerland Mit Ausblick auf das bald stattfindende WordCamp Switzerland möchten wir euch gerne ein paar Infos bezüglich des Bar- Camps mitgeben. Beginnen wir einmal mit den Fakten: Über das WordCamp Das WordCamp Switzerland findet am Samstag, 7. Mai in der Fachhochschule Nordwestschweiz in Brugg statt. Das Gebäude ist wenige Gehminuten vom Bahnhof SBB und dem Bahnhof Brugg entfernt und kann mit dem Zug via Basel SBB, Zürich HB oder Bern in weniger als einer Stunde erreicht werden. Per Auto nimmt man am besten auf der A3 die Ausfahrt 19 Birr/Windisch/Schinznach/ Lupfig/Brugg, Parkplätze sind auf dem Areal der Fachhochschule vorhanden. [Karte von einfügen?] Die Begrüssung erfolgt um 9:00 Uhr, inklusive Vorstellungsrunde. Danach geht es weiter mit den Sessions. Diese werden im BarCamp-Stil meist vor Ort bekannt, für das WordCamp gibt es allerdings bereits eine kleine Liste an definierten Sessions! Die Sessions Workshop: WordPress für Einsteiger Olaf Baumann Das WordCamp soll auch für WordPress- Einsteiger etwas zu bieten haben, deshalb gibt Olaf Baumann eine Einführung in die Grundlagen. In der Session wird erläutert wie WordPress installiert wird, welche Voraussetzungen erfüllt sein müssen, was beachtet werden muss und welche Werkzeuge dafür benötigt werden. Anschliessend gibt es einen Rundgang durch den Administrationsbereich und eine Einführung in den Artikeleditor. In dem Workshop ist genug Raum um eigene Fragen und Anregungen einzubringen. WordPress on steroids Philip Hetjens Dieser Workshop konzentriert sich auf WordPress-spezifische Möglichkeiten und zeigt welche und wie wir bei der Blogwerk AG Performanceoptimierungen an unseren Blogs vorgenommen haben. Wichtige Themen dabei sind der Object-Cache mit verschiedenen Caching-Backends, Full-Site- Cachinglösungen, wie WP Super Cache und PHP-Optimierungen. Ein Rant über Snippets Philip Hetjens In der WordPress-Community sind kurze, angeblich direkt einsetzbare Snippets sehr beliebt. Es ist aber wichtig, dass man als Administrator oder Entwickler eines Blogs das ganze Projekt im Fokus hat und nicht blind auf 20 verschiedene Snippets vertraut. Die Copy&Paste-Kultur produziert schlechte WordPress-Blogs und ist deswegen gefährlich für den Ruf von WordPress. Webmatrix - Webseiten-Entwicklung einfacher gemacht Ken Casada Mit zahlreichen Live-Demos präsentieren wir Ihnen WebMatrix: ein brandneues kostenloses Web-Entwicklungs-Werkzeug von Microsoft. Es enthält alles um Webseiten in einfachen und wenigen Schritten zu kreieren, anzupassen und schliesslich zu publizieren. Starten Sie mit Open-Source Web- Applikationen wie WordPress und deren vorinstallierten Web-Vorlagen oder schreiben Sie Ihren Code gleich selbst. WebMat- 20 WordPressMagazin