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-

kurzer Exkurs: Infos über den Autor

Bei einem Artikel oder Blogeintrag findet sich oft eine Angabe wie “geschrieben von Otto”, die dann auf eine Autorenseite innerhalb der Webseite führt oder zu einer externen Webseite – etwa Ottos private Homepage oder sein Profil auf Google+.

In jedem dieser Fälle sagt diese Information etwas über den Artikel selber aus – für menschliche Leser wird das durch die Formulierung “geschrieben von” klar. Damit auch Google dies versteht, ist eine entsprechende Kennzeichung im Quellcode nötig: der Parameter rel=”author”. Dieser bringt uns einen Schritt weiter auf dem Weg in Richtung Semantic Web.
(Dieser Artikel enthält mehr Infos zum Thema Autoreninfos in WordPress.)

Link zum BuddyPress-Profil

In einer mit BuddyPress erstellten Webseite verlinkt man innerhalb eines Artikels mit einem einfachen Template Tag auf das Profil des Autors:
geschrieben von <?php echo bp_core_get_userlink( $post->post_author ) ?>

Dies erzeugt folgende Ausgabe:
geschrieben von <a href="http://domain.de/member/otto/" title="Otto">Otto</a>

Um den Link um die Angabe rel=”author” zu ergänzen, notiert man nun stattdessen:

<?php printf( _x( 'geschrieben von %s', 'buddypress' ), str_replace( '<a href=', '<a rel="author" href=', bp_core_get_userlink( $post->post_author ) ) ); ?>

Hierdurch wird die ursprüngliche Ausgabe, die nur das Linkziel (href) beinhaltet, um die rel-Angabe erweitert:

geschrieben von <a rel="author" href="http://domain.de/member/otto/" title="Otto">Otto</a>

Wenn wir in diesem Internet unterwegs sind, dann suchen wir häufig Informationen. Und diese Informationen sollen bitteschön verlässlich sein – denn wir haben nicht die Zeit, uns durch Hunderte von Quellen zu klicken und erst einmal herauszufinden, welche davon seriös sind und welche eher nicht.
Also rufen wir vorwiegend diejenigen Seiten auf, die bei den Suchergebnissen auf den ersten Plätzen gelistet sind – und gehen davon aus, dass diese wahrscheinlich zuverlässigere Informationen liefern als ein Treffer auf Seite 13. Denn der Google-Algorithmus setzt nicht zuletzt auf Qualität: er basiert auf der Annahme, dass eine seit Jahren existierende Seite mit viel eigenständigem, hochwertigem Content höchstwahrscheinlich seriöser ist als eine neugegründete Webseite mit wenigen Inhalten, die in sozialen Netzwerken überhaupt nicht referenziert werden.

Somit verwundert es also nicht, dass Google unlängst ankündigte, in den Suchergebnissen künftig den Autoren anzuzeigen: ein kleines Foto, sein Name und ein Link zu seinem Google+-Profil samt der Angabe, in wie vielen Kreisen jemand gelistet ist, sollen hier zu sehen sein. Information schafft Vertrauen.

Da diese soziale Komponente das Ranking der Suchergebnisse aller Voraussicht nach zunehmend beeinflussen wird, sollten an dieser Stelle also alle SEOs die Ohren spitzen.

So geht’s: euren Content mit eurem Namen verbinden

Wenn ihr die von euch erstellten Inhalte mit Informationen über euch als den Autoren anreichern wollt, benötigt ihr zunächst einmal ein Profil bei Google+. Auf eurem Profilfoto sollte man euch gut erkennen können und das Profil sollte mit aussagekräftigen Informationen über euch gefüttert werden.
Anschließend müsst ihr dieses Profil mit eurem Content verknüpfen:

Auf Google+ bearbeitet ihr euer Profil und gebt im Bereich “Macht mit bei” die Webseiten an, auf denen ihr publiziert.

Auf eurer Webseite bieten sich dann zwei Möglichkeiten: ihr könnt einerseits bei jedem Artikel euren Namen sowie eure Mailadresse angeben – natürlich denjenigen Namen und die Adresse, die ihr so auch auf Google+ verwendet.
Darüber hinaus könnt ihr einen Link zu eurem Profil auf G+ setzen – wichtig ist hier die Angabe rel=author:
<a href="https://plus.google.com/111864918862691661560?rel=author">zu meinem Profil auf Google+</a>
Natürlich könnt ihr auch beide Varianten zusammen verwenden.

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. :-)

langweilig?

Mehr oder weniger regelmäßige Blogeinträge, darunter jeweils das obligatorische Kästchen mit den Meta-Daten (Kategorie: …, Datum: …, Tags: …, Autor: …, x Kommentare); die Sidebar mit dem RSS-Icon, der Auflistung der einzelnen Kategorien sowie der statischen Seiten, und dazu dann noch ein paar Features, die Standard geworden zu sein scheinen: die unvermeidliche Tagcloud, ein Kalender, die letzten x Kommentare, …
Eben das, was ein Blogsystem wie etwa WordPress ermöglicht.
Oft findet man sogar das gleiche oder nur geringfügig abgewandelte Layout auf mehreren Seiten vor – auch wieder ein Verdienst der Blogsysteme mit ihren frei verfügbaren Themes.

Und auch die Webstandards haben sich mittlerweile größtenteils durchgesetzt – Browserkompatibilität und Barrierefreiheit sind längst keine exotischen Geekbegriffe mehr, und auch das Thema Suchmaschinenoptimierung wird immer verbreiteter.
Vorbei also die Zeiten von PopUp-Layouts und kleinen (I)Frames (nicht barrierefrei, unflexibel, für Robots ungeeignet, …) von Enterseiten (zu wenig Content) und Navigationen, deren Links in einem Bild versteckt sind (Usability!)…

die Vorteile…

Keine Frage – die Einhaltung von Webstandards ist wichtig, und Blogsysteme sind nun mal verdammt praktisch.

WordPress & Konsorten ermöglichen es unzähligen Menschen, sich der Welt mitzuteilen und zu Blog-Autoren zu werden, ohne dass sie sich erst umständlich in HTML, CSS und PHP einarbeiten müssten. Wer sich an all die mehr schlecht als recht zusammengeschusterten Seiten aus FrontPage erinnert, deren teilweise wirklich interessanten Content man aufgrund akuter Augenkrebsgefahr einfach nicht weiterlesen wollte, der weiß die Vorteile von frei downloadbaren WordPress-Themes zu schätzen…

Man bloggt, um gelesen zu werden – wäre es anders, könnte man ja schließlich auch das gute alte Tagebuch aus der Schublade hervorkramen. So liegt es natürlich auf der Hand, dass Tante Google möglichst oft vorbeikommen und die Seite gut ranken soll.

Und sicher ist es dem ein oder anderen Web 2.0-gewöhnten User schon einmal passiert, dass er auf einer Webseite einen interessanten Artikel gelesen hat und es dann bedauerte, keine Kommentarfunktion vorzufinden.

Vieles hat sich im Laufe der vergangenen Jahre einfach als praktisch herausgestellt und ist somit quasi zum Standard geworden – etwa ebendiese Kommentarfunktion oder auch die bequeme Verwaltung der Inhalte über das Dashboard.

aber…

Und doch vermisse ich irgendwie die Zeiten, in denen eine Webseite komplett im Editor entstand und ohne Backend daherkam. Als man wirklich Seite für Seite anlegte, die Umlaute via Entities in den Text frickelte und nicht einfach nur ein einziges Template für sämtliche statischen Seiten entwarf. Ich glaube, das macht wirklich einen Unterschied.
Die Zeiten, in denen manche Seiten eben nur einen schmalen Bereich für den Content aufwiesen und 2/3 des Bildschirms nicht ausgefüllt waren. In denen es PopUp-Layouts mit kleinen Iframes gab, die so ganz anders ausfielen als die heute üblichen Endless Layouts.

Hmm. Ich selber bin da ja auch nicht anders, wenn ich mir meine private Seite eden-existiert.de, mein Gothic-Magazin blacklive.de oder eben auch hier neontrauma.de ansehe. Und genau das geht mir in den letzten Wochen so auf die Nerven, dass ich überlege, wie man die Vorteile eines Blogsystems mit den Webstandards vereinen kann und die Seite trotzdem nicht 08/15 ausschaut.

Allem voran steht da für mich die Frage nach der Usability: eine Seite wie neontrauma.de oder wie blacklive.de ist nun mal klar für den Leser gemacht. Da geht es nicht um Selbstdarstellung, sondern darum, dem User etwas darzubieten. Von daher steht hier die Usability, die Userfreundlichkeit, klar im Vordergrund. Informationen müssen möglichst leicht zugänglich sein, die Navigation innerhalb der Seite sollte intuitiv ablaufen und um eine möglichst große Leserschaft zu erreichen, ist Suchmaschinenoptimierung unabdingbar.

Anders verhält es sich, denke ich, mit privaten Seiten. Eine Webseite, die der Selbstdarstellung dient, sollte doch so indivuell wie möglich ausfallen – und hier sollte man sehen, inwieweit man einen Kompromiss zwischen SEO und Ego eingeht. Nehmen wir als Beispiel die Enterseiten: vor einigen Jahren zählten sie quasi zum Standardumfang einer Webseite, heutzutage sind sie fast vollständig verschwunden. Klar, die Robots finden auf ihr nur sehr wenig Content vor…
Dabei finde ich, dass eine gut gestaltete Enterseite den User angenehm auf die eigentliche Webseite einstimmen kann, neugierig machen kann, viel Freiraum für ästhetisches Design-Austoben bietet… und ja, ich habe mir überlegt, beim nächsten Layout von eden-existiert.de so etwas wieder mit aufzunehmen.

Wie seht ihr diese Entwicklung in der Webdesign-Szene?
Begrüßt ihr die Standardisierung oder sucht ihr eher nach Alternativen?