Das Web des Jan

Ich war mal wieder auf der Suche nach Tools und Helfern, die meine und die Gästehaus-Seite ein wenig auseinandernehmen, um sie ein wenig besser zu machen. Sei es SEO-technisch oder auch von der Ladezeit her. Fehler ausmerzen und Code optimieren.

CleanCSS

Auf der Seite CleanCSS kann man seine CSS-Files prüfen und optimieren lassen. So können z.B. Kommentare, das letzte Semikolon (;) einer Klasse oder ID und unnötigt Backslashes (\) entfernt, Farb- und Schriftwichtungsangaben verändert und noch einige Sachen mehr gemacht werden. Es gibt direkt vier verschiedene Komprimierungsmethoden, die nicht benötigte Zeichen aus dem Quelltext entfernt. Die höchste Komprimierung schreibt alle Definitionen in eine einzige Zeile, die nächst schreibt jede Definition, in eine eigene Zeile, hängt aber alle Eigenschaften direkt dahinter, ohne neue Zeilen zu generieren. Auch wird beispielsweise “color: white;” zu “color: #fff“, weil “#fff” einfach ein Zeichen weniger lang ist “white“. Im Gegenzug wird aus “color: #ff0000;” dann “color: red;” Hier ist “red” kürzer.
Das Stylesheet von http://gaestehaus-umlandt.de konnte ich somit um etwa 25% verkleinern, sodass es jetzt – logischerweise – ein wenig schneller lädt. Für DSL-Nutzer oft unwichtig, aber wenn man bedenkt, dass die Seite immer noch grob 130 Sekunden zum Laden benötigt, wenn man mit einem 56k Modem ins Netz geht, besteht hier durchaus noch weiterer Optimierungsbedarf.

WebSiteOptimization

Weitere Hilfe zur Analyse und Optimierung bietet – wie der Name schon sagt – die Seite WebSiteOptimization.com. Hier wird aufgelistet, wieviele Objekte die Seite hat, wieviele Kilobyte die einzelnen und die Gesamtheit der Objekte ausmachen und noch vieles mehr. Auch die Anzahl der Bilder, js-Files und die Größe des generierten HTMLs selbst werden analysiert und mit einem Ampelsystem bewertet.

Seitwert

Sehr gerne benutze ich auch Seitwert, um schnell mal zu prüfen, wie so meine Rankings sind etc. Hier wird übersichtlich dargestellt, ob die Meta Description und die Meta Keywords von der Länge und Anzahl in Ordnung sind und ob der Quelltext valide ist. Hier fehlt allerdings ein direkter Link auf den Validator von W3.org, sodass man bei Fehlern direkt mal prüfen kann. Zudem werden die Sichtbarkeit der Domain in Suchmaschinen, der Google Pagerank, das Alexa-Ranking und die Verbreitung in Online Bookmarking-Diensten wie Mister Wong, oder del.icio.us angezeigt. Es gibt einiges zu entdecken und es ist für mich ein ganz guter Anhaltspunkt. Neuerdings kann man sich auch einen Button auf seiner Seite einbauen, der das aktuelle Ranking direkt anzeigt. Hier könnt ihr den Button mal in Aktion sehen:

Über die Seite hat auch schon Thomas vom Neukunden-Magneten gebloggt und seine Eindrücke geschildert. Diesen schließe ich mich im Prinzip 1:1 an. Ein Garant für ein gutes Ranking ist es nicht, wenn man alle Tipps von Seitwert beherzigt, aber es ist zumindest ein guter Ansatz.

Fazit

Es gibt zwischenzeitlich viele recht interessante Web-Angebote, die die eigene Seite auseinandernehmen und Tipps geben, wie man sein Ranking und die Struktur verbessern kann. Ich werde mich jetzt noch mal speziell auf das Code-Cleanup stürzen. Wie ich gesehen habe, ist die Ladezeit mit fast zwei Minuten mit einem 56k-Modem deutlich zu hoch. Gut, damit sind nicht mehr allzu viele Leute im Netz unterwegs und die werden sich dann wahrscheinlich auch eher an den Newsfeed halten, aber ich möchte mich trotzdem verbessern. Die Wartezeit kommt sicher auch von den Header-Bildern, auf die ich aber nicht verzichten möchte.
Um SEO-technisch weiter oben zu landen, muss einfach noch mehr Inhalt her. Hier bin ich ja bereits bemüht, möglichst regelmäßig etwas zu schreiben und die Mühe ist es Wert: Die Zahl der Besucher und der Feed-Abonnenten steigt tatsächlich an. Mich freut es, da ich so auch neue Leute kennenlerne und Kontakte knüpfen kann.