fett

Text in Sternchen erscheint fett hervorgehoben: Text
*Text*
Hierdurch kann man seine Postings etwa um eine Überschrift ergänzen. Eure Leser sehen somit auf den ersten Blick, ob sie der Beitrag interessiert oder nicht. Es ist anzunehmen, dass sich eine solche Hervorhebung auch in Sachen SEO positiv auswirkt.

kursiv

Um etwas kursiv zu setzen, verwendet Unterstriche: Text
_Text_

durchgestrichen

Durchgestrichenen Text erzielt ihr durch Minuszeichen: Text
-Text-

Google Analytics dürfte hierbei das wohl bekannteste Werkzeug sein, um all diese Daten zu erfassen. Allerdings mit einem entscheidenden Haken: da diese Daten von Google gespeichert werden, man sie also aus der Hand gibt, ist der Einsatz von Google Analytics hierzulande ein juristisch heikles Thema. Datenschützer raten daher vom Einsatz von Google Analytics ab.

Mit Piwik gibt es allerdings eine leistungsfähige und vollkommen legale Alternative: dieses Tool installiert ihr auf eurem eigenen Webspace, was bedeutet, dass nur ihr diese Daten einsehen könnt. Piwik ist kostenlos und benötigt neben etwas Webspace lediglich eine Datenbank.

Piwik installieren

Ladet euch das gerade mal 5,2 Mb große Paket hier herunter und entpackt es auf eurer Festplatte. Anschließend legt ihr auf eurem Server ein Verzeichnis namens piwik an und ladet sämtliche Dateien aus dem Ordner /piwik dort hinein.

Danach ruft ihr eurer Piwik im Browser über http://eure-domain.de/piwik auf. Folgt den Installationshinweisen – diese sind auf Deutsch gehalten und selbsterklärend. Für das Verzeichnis /tmp müsst ihr, wie dort erklärt, die Zugriffsrechte anpassen.

Im Zuge der Installation werdet ihr nach dem Namen und der URL der zu analysierenden Webseite gefragt. Anschließend erhaltet ihr einen sogenannten Trackingcode, den ihr auf der betreffenden Webseite einbinden müsst. Kopiert ihn euch und fügt ihn ganz am Ende euer Webseite ein, vor dem schließenden </body>-Tag.

Über die Adresse http://eure-domain.de/piwik gelangt ihr zum Piwik-Dashboard. Dies liefert euch die Übersicht über alle erfassten Daten und von hier aus nehmt ihr auch alle weiteren Einstellungen vor.

Die verschiedenen Statistiken eurer Webseite werden euch auf dem Dashboard in Echtzeit in Form von Widgets präsentiert. Diese könnt ihr nach Belieben verschieben, löschen oder ergänzen.

weitere Webseiten hinzufügen

Praktischerweise kann Piwik gleich mehrere Webseiten auswerten. Ihr müsst Piwik also nur ein einziges Mal installieren und könnt damit die Daten von beliebig vielen Webseiten erfassen.

Klickt ganz oben rechts auf “Einstellungen” und wählt dann den Tab “Webseiten” aus. Hier findet ihr einen Link namens “Eine neue Webseite hinzufügen”. Vergesst nach dem Eintragen der Daten nicht, euch den jeweiligen Trackingcode ausgeben zu lassen und ihn auf der Webseite einzubauen!

weitere Benutzer hinzufügen

Desweiteren könnt ihr beliebig viele Useraccounts anlegen und ihnen für die einzelnen Webseiten verschiedene Rechte zuweisen. Praktisch ist das, wenn ihr mehrere Webseiten hostet oder betreut: während ihr mit eurem Account sämtliche Statistiken einsehen und verwalten könnt, bekommt jeder Webseitenbesitzer dann lediglich die Daten seiner eigenen Webseite zu sehen.

Um neue Benutzer anzulegen und ihre Rechte zu verwalten, geht ihr auf “Einstellungen” und dann “Benutzer”.

XDDeni hat sich denn im Wunschbuch erkundigt, wie man diese Toolbar realisiert – here we go!

Es handelt sich dabei um ein Tool namens Wibiya, das man unkompliziert und ohne Codingkenntnisse in alle Arten von Webseiten einbauen kann, seien es Blogs, statische Seiten, Foren oder was auch immer. Welche Funktionen die Leiste haben soll, steuert man einfach über Drag & Drop der angebotenen Applications.

Nachdem ihr euch auf der Seite www.wibiya.com kostenlos registriert habt, könnt ihr euch eure Toolbar nach euren Wünschen zusammenstellen. Auch das Design lässt sich an die Farbgebung eurer Webseite anpassen. Die Bedienung des Ganzen läuft dabei recht einfach ab, weswegen ich es mir an dieser Stelle erspare, auf Details einzugehen.
Am Ende müsst ihr auswählen, auf welcher Art von Webseite eure Toolbar eingebunden werden soll. Für WordPress wird beispielsweise ein Plugin generiert, auch für andere Blogsysteme gibt es etwas Vergleichbares; bei allen anderen Arten von Webseiten muss man eine Zeile JavaScript in den Quellcode einbinden.

In diesem Artikel werde ich darauf eingehen, was ihr kostenlos für euer WBB2 in Sachen Suchmaschinenoptimierung tun könnt. :o)

das Archiv

Das WBB2 bietet mit dem Archiv von Hause aus eine wichtige Funktion. Hierbei werden die Foreninhalte in einer suchmaschinenfreundlichen Weise mit Divs und Listen statt mit Tabellen präsentiert.

Damit alle Forenbereiche im Archiv auftauchen, müsst ihr dies im ACP festlegen: Einstellungen -> Sonstiges -> Forenarchiv mit Suchmaschinenunterstützung aktivieren? auf “ja” stellen. Für jeden einzelnen Forenbereich könnt ihr darüber hinaus einstellen, ob er im Archiv angezeigt werden soll (standardmäßig auf “ja”) oder auch nicht: Foren bearbeiten -> Forum im Archiv anzeigen?
Damit die Bots das Archiv auch finden, müsst ihr es auf eurer Startseite oder im Portal verlinken.

robots.txt

Im Hauptverzeichnis eures Forums solltet ihr eine Datei namens robots.txt erstellen, mit deren Hilfe ihr die Suchmaschinenbots von für sie irrelevanten Bereichen aussperren könnt. Um zu verhindern, dass die Bots auf verschiedenen Unterseiten den gleichen Inhalt vorfinden (beispielsweise bei den “Antwort erstellen”-Links oder wenn die Forenbeschreibung sowohl auf der Startseite, als auch innerhalb der einzelnen Foren auftaucht oder wenn die Themen sowohl im Portal, als auch im Board angezeigt werden), sperrt man sie von den meisten Unterseiten aus. Eigentlich müssen sie nur auf das Portal bzw. die Startseite zugreifen können, auf das Archiv sowie auf eventuell vorhandene statische Seiten wie das Impressum. Somit könnte eure robots.txt etwa so aussehen:

User-agent: *
Disallow: /acp/
Disallow: /attachments/
Disallow: /cache/
Disallow: /images/
Disallow: /js/
Disallow: /styles/
Disallow: /templates/
Disallow: /addreply.php
Disallow: /attachment.php
Disallow: /attachmentedit.php
Disallow: /board.php
Disallow: /calendar.php
Disallow: /editor.jar
Disallow: /editpost.php
Disallow: /forgotpw.php
Disallow: /formmail.php
Disallow: /global.php
Disallow: /login.php
Disallow: /logout.php
Disallow: /markread.php
Disallow: /memberslist.php
Disallow: /misc.php
Disallow: /modcp.php
Disallow: /newthread.php
Disallow: /pms.php
Disallow: /polledit.php
Disallow: /pollstart.php
Disallow: /pollvote.php
Disallow: /print.php
Disallow: /profile.php
Disallow: /regimage.php
Disallow: /register.php
Disallow: /report.php
Disallow: /search.php
Disallow: /thread.php
Disallow: /team.php
Disallow: /threadrating.php
Disallow: /usercp.php
Disallow: /usergroups.php
Disallow: /wiw.php

Session-IDs für Gäste verhindern

Sofern keine Cookies verwendet werden, speichert das WBB2 die einzelnen Sitzungen über Session-IDs. Das sind diese langen Ketten aus Zahlen und Buchstaben, die an das Ende der URL gehängt werden.
Für Gäste (und nichts anderes sind Bots ja) macht dies allerdings herzlich wenig Sinn, da bei ihnen ja keinerleo Einstellungen gespeichert werden. Somit würde für nicht-eingeloggte Besucher bei jedem Seitenaufruf eine neue Session-ID (SID) generiert werden – und in den “Augen” der Suchmaschinenbots würde es sich somit jedesmal um eine neue Seite handeln. Dadurch entstünde der unerwünschte Duplicate Content (siehe unten).

Windapple von gm-d.de hat einen kleinen Hack geschrieben, der diese SIDs für Gäste einfach abschaltet:

Öffne:
/acp/lib/session.php

Suche:
if ((isset($_COOKIE[$cookieprefix.'cookiehash']) && !isset($falsecookiehash))

Ersetze mit:
if ((isset($_COOKIE[$cookieprefix.'cookiehash']) && !isset($falsecookiehash)) || (isset($guestsession) && $filename!=”login.php” && $filename!=”logout.php”))

Ein Danke für diese Tipps geht an www.esports24.net.

allgemeine Tipps

Die folgenden Punkte gelten nicht nur für WBB2-Foren, sondern für sämtliche Webseiten:

Duplicate Content unterbinden

Duplicate Content bedeutet übersetzt “doppelter Inhalt” – wenn zwei Seiten oder auch mehrere Unterseiten einer Domain den gleichen Inhalt liefern. Zum Beispiel ist dies der Fall, wenn eure Seite über www.domain.de. und über domain.de erreichbar ist – allerdings ohne Weiterleitung der einen Adresse auf die andere. Für Google handelt es sich also um zwei verschiedene Seiten, die den gleichen Inhalt werten, und da Google Wert auf individuellen Content legt, wirkt sich dies negativ auf die Wertung eurer Webseite aus. Legt also eine der beiden URL-Varianten als Standard fest und leitet die andere URL auf diese Adresse weiter. Dies ist über einige Zeilen in der .htaccess-Datei im Hauptverzeichnis möglich:

RewriteEngine on
RewriteCond %{HTTP_HOST} ^(www\.domain\.de)(:80)? [NC]
RewriteRule ^(.*) http://domain.de/$1 [R=301,L]

(Den Domainnamen müsst ihr natürlich anpassen! :o) )

GZip-Komprimierung

Google hat jüngst angekündigt, nun auch die Ladezeiten einer Webseite in die Bewertung mit einfließen zu lassen. Das macht insofern Sinn, als dass User schnell ladende Webseiten ja auch bevorzugen. Die Ladezeit eurer Seite könnt ihr unter anderem durch die GZip-Komprimierung verbessern. Im WBB2 könnt ihr diese mit einem Klick im ACP unter Einstellungen -> Ausgabeoptionen aktivieren und tut damit auch euren Usern einen Gefallen.

Links, Links, Links…

… sind das A und O, wenn es darum geht, eine Webseite im WWW bekannt zu machen. Je mehr Backlinks auf eure Seite verweisen, desto öfter wird sie von Bots gefunden, was sich positiv auf das Ranking auswirkt. Tragt eure Seite in Webkataloge ein, allem voran DMOZ, tauscht Links vor allem mit Webseiten zu ähnlichen Themen wie eure Seite, … seid kreativ. ;-)

das Coding

Achtet darauf, eure Seite semantisch korrekt auszuzeichnen – also Tags wie h1, h2, .. und Konsorten zu nutzen, wichtige Inhalte durch strong und/oder em hervorzuheben und so weiter. Und: Suchmaschinen bevorzugen es, viel Content zu finden und wenig Code. Ein Tabellenlayout verursacht somit nicht nur unnötige Ladezeiten, die auch euren Usern auf den Nerv gehen können, sondern bläht den Quellcode wahnsinnig auf. Steigt stattdessen auf Divs und valides Coding um, das geht übrigens auch mit dem WBB2, wobei das in der Tat Einiges an Nerven kosten kann. :-)

Susa hat sich im Wunschbuch erkundigt, wie man das Layout (Theme) eines FlatPress-Blogs ändern kann – das erkläre ich in diesem Tutorial.
Wie fast immer hat man auch bei FlatPress die Wahl zwischen einem vorgefertigten oder aber einem komplett selber geschriebenen Theme. Mit Letzterem kann man natürlich all seine Sonderwünsche umsetzen, dies erfordert aber eine gewisse Einarbeitungszeit, um zu verstehen, wie Themes in FlatPress funktionieren. Das genau zu erklären, würde den Umfang dieses Tutorials sprengen, weswegen ich ausführlicher auf den Punkt “ein fertiges Layout installieren” eingehen werde.

ein vorgefertigtes Layout installieren

Zunächst einmal sucht ihr euch ein Theme heraus, das euch gefällt. Stöbern könnt ihr da beispielsweise in der FlatPress-Wiki.
Das heruntergeladene Archiv entpackt ihr auf eurer Festplatte und ladet es ins Verzeichnis /fp-interface/themes auf euren Webspace. Wenn ihr dann im Adminbereich eures Blogs oben in der waagerechten Navigationsleiste auf “Themes” klickt, taucht eurer eben hochgeladenes Theme dort mitsamt einer Vorschaugrafik auf. Über einen Klick könnt ihr es ganz einfach aktivieren.

ein Layout verändern

Wenn ihr einen Blick in das Verzeichnis eures Themes werft, seht ihr dort jede Menge Template-Dateien (mit der Endung *.tpl), eine PHP-Datei sowie die Verzeichnis /res und /images. Letzteres beinhaltet die im Theme verwendeten Bilder und kann auch anders heißen, etwa /imgs, oder vielleicht auch ganz fehlen. Der res-Ordner beinhaltet die Stylesheets (*.css), wobei deren Anzahl unterschiedlich ausfallen kann. Die style.css ist in der Regel für das Layout eures Blogs zuständig und die admin.css für das Aussehen des Adminbereichs. Zusätzliche Stylesheets können beispielsweise spezielle Formatierungen für die Ausgabe im Druck liefern, die interessieren hier aber erst einmal nicht.

Wir werfen jetzt einen Blick auf die Template-Dateien. Deren Namen sollten weitestgehend selbsterklärend sein; die header.tpl wird zu Beginn jeder Seite eingebunden, die footer.tpl am Ende, die index.tpl stellt die Blogeinträge dar, statische Seiten werden über die statics.tpl ausgegeben, den Adminbereich steuert die admin.tpl, und so weiter.

In den Templates selber findet ihr normales HTML bzw. XHTML – und dann eine Art Platzhalter für den eigentlichen Inhalt wie etwa den Blogeintrag. In WordPress werden diese Informationen über die Template Tags abgerufen, FlatPress verwendet Smarty. Beides sind letzlich PHP-Schnipsel, die den eigentlichen PHP-Code vereinfachen, um ihn bequemer im Theme verwenden zu können. Eine Erläuterung, wie Smarty und Themes in FlatPress funktionieren, findet ihr hier.

An dieser Stelle soll es aber lediglich darum gehen, wie ihr ein Theme ändern könnt. Und das geht eigentlich genauso wie bei WordPress-Themes oder selbstgeschriebenen Layouts: Divs und sonstiges MarkUp fügt ihr in die Template-Dateien ein, verseht es nach Herzenslust mit Klassen oder IDs, und formatiert diese anschließend über die Stylesheets. :o)

Übrigens benötigt FlatPress ebenso wie auch WordPress ein Zuhause auf eurem eigenen Webspace.