Salat (Feldsalat oder Rucola)
Pilze (Steinpilze, Shiitake, Kräuterseitlinge oder Champignons)
5-6 frische Walnusskerne
Olivenöl
Balsamico-Essig
5-6 frische Salbeiblätter
Parmesan
Schwarzer Pfeffer aus dem Mörser
Steinsalz aus der Mühle

Den Salat waschen und trocken schleudern. Die Pilze in Scheiben schneiden. 2 EL Olivenöl und 2 EL Balsamico zusammen mit Kräutern der Provence, Salz und Pfeffer zu einer Vinaigrette verrühren.

Die Walnusskerne in einer Pfanne ohne Öl 2 Minuten rösten, danach zerkleinern und beiseite stellen. Reichlich Öl in eine Pfanne geben, erhitzen und die Salbeiblätter darin fritieren (wenn von den Blättern keine Bläschen mehr aufsteigen sind diese ausreichend fritiert). Die Blätter aus dem Öl nehmen und auf Küchenpapier mit etwas Salz bestreuen und abtropfen lassen. Das Öl wegschütten.

Die Pilze in 3 EL Olivenöl 4-5 Minuten bei starker Hitze gar braten. Mit Salz und Pfeffer würzen. Den Salat mit den Walnüssen, Salbeiblättern und der Vinaigrette vermischen und auf Teller verteilen. Die Pilze darüber geben und Parmesanstreifen darüber hobeln.

Dazu passt frisches Brot - ich kaufe das gerne auf dem Markt beim Fasanenbrot-Bäcker.

Bilder füge ich den Einträgen erst wieder hinzu, wenn ich eine Kamera gekauft habe. Die Handy-Fotos sind einfach grauenhaft

Nachdem ich meine Firefox Extension Semantic Checker gestern für den public Status angemeldet hatte, kam heute bereits die Zustimmung eines Mozilla Editors. Das ging richtig schnell! Damit ist die Extension jetzt öffentlich zugänglich und kann mit einem Klick direkt installiert werden.

Ich hab mal versucht, eine lustige Szene zwischen einem amerikanischen Gast und einer deutschen Bedienung nachzustellen, die wir gestern beobachtet haben.

Manchmal ist's echt komisch. Gestern bin ich ohne große Erwartungen zum ersten Mal in die Alte Hackerei gegangen. Aber auch nur, weil das Kochen länger gedauert hat. Der Club besteht aus einem kleinen kellerartigen Raum ohne Lüftung, in dem schätzungsweise 99,9% der Leute geraucht haben. Dann hat es auch noch ewig gedauert, bis die Band angfing zu spielen. Wir waren schon drauf und dran wieder zu gehen. Aber The Bacchae haben das entschädigt. Die sind echt großartig! Auf myspace kann man ein paar Titel anhören (den letzten sogar komplett). In Berlin treten sie auf jeden Fall noch auf. Die übrigen deutschen Locations scheinen bis auf Tübigen noch nicht fest zu stehen.

Auch auf die Gefahr hin, dass ich von den Mac-Jüngern jetzt ausgelacht werde: Bei Amazon kann man sich ein paar Songs als MP3 downloaden. Habe das eben zum ersten Mal ausprobiert - hat prima geklappt.

Jetzt muß ich nur noch rausbekommen, wie die eigentlich ausgesprochen werden

www vs. non-www

Durch folgende Apache-Konfiguration werden ab sofort alle Artikel unter http://nicosteiner.de permanent mit einem 301 Redirect auf die Domain http://www.nicosteiner.de redirected.

RewriteCond %{HTTP_HOST} !^www\.
RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]

Zusätzlich dazu habe ich die Domain mit www als gewünschte Domain in den Google Webmaster Tools konfiguriert.



sitemap.xml

Dank eines Serendipity-Plugins wird ab sofort eine Sitemap für die Artikel dieses Blogs generiert. Diese habe ich ebenfalls in die Google Webmaster Tools integriert.

Die neue Version von SenSEO kann nun installiert werden. Die Freigabe hat diesmal länger gedauert, da der Upload den Status des Add-ons durch ein technisches Problem negativ beeinflußte. Eine Mail an das Editoren-Team von Mozilla hat die Sache aber wieder hingebogen.

Auf der Google I/O im Mai 2009 sprach Maile Ohye über die Optimierung von Websites für Suchmaschinen (im Speziellen für Google). Aus der Fülle von Informationen aus ihrer Präsentation stelle ich die wichtigsten in diesem Artikel zusammen. Zumindest für mich waren ein paar sehr überraschende Dinge dabei, die mir bisher nicht bewußt waren. Ich werde ihre Tipps, sofern dies möglich ist, in eine zukünftige Version von SenSEO integrieren.

Die Reihenfolge der Punkte orientiert sich im Wesentlichen an der Präsentation. Die Liste ist sehr lang geworden, ein Blick darauf lohnt sich aber allemal.

• Seite sollte bei den Webmaster Tools verifiziert werden
• gTLDs (generic Top-Level Domain) wie .com oder .org sind auf kein Land beschränkt
• ccTLDs (country code Top-Level Domain) wie .de oder .fr sind auf das jeweilige Land beschränkt
• selbst gehostete Domains verbessern die Authority
• gleiche Inhalte mit und ohne www führen zu Pagerank Dilution
• gTLDs können in den Webmaster Tools einem bestimmten Land zugeordnet werden
• Google ermittelt das Zielland zuerst anhand der TLD, dann an der Einstellung in den Webmaster Tools und zum Schluß an der IP des Servers
• Shared Hosting mit "bad neighborhoods" verschlechtert nicht das Ranking
• kopierfreundliche URLs sind vorzuziehen (URLs mit genau einem Ziel)
• Seitenname sollte beschreibende Keywords enthalten, welche durch Bindestriche getrennt sind
• URLs sollten zur Vermeidung von Fehlkonfigurationen nur aus Kleinbuchstaben bestehen
• Navigationen sollten einfache, statische Links enthalten
• wichtige Seiten sollten gut verlinkt sein (z.B. von der Homepage)
• es sollte eine Sitemap bereitgestellt werden (sitemap.org)
• "Google bestellt nicht" - Google folgt keinen Links, die Warenkorb-Zustände verändern
• es sollten algorithmisch leicht verständliche Key-Value-Paare für dynamische URLs verwendet werden (item, category, affiliateid etc.)
• Google identifiziert algorithmisch relevante Paramter und sortiert solche aus, die keinen Effekt haben
• Keywords in Parametern oder im Pfad sind für das Ranking gleichwertig
• Session-IDs sollten niemals Teil des Pfads oder eines komplexeren Strings sein (führt zu Infinite Space Notification in den Webmaster Tools)
• für interne Links sollten beschreibende Texte gefunden werden ("weiter" vermeiden)
• Basis der Seite sollte semantisches HTML sein, optische Effekte oder Interaktionen können mit Flash oder AJAX hinzugefügt werden (Progressive Enhancement)
• Google kann onclick-Events auswerten, wenn die aufgerufene Funktion in der Seite zu finden ist (nicht in externen Quellen)
• für den Nutzer sichtbarer Text kann von Google aus Flash-Files extrahiert und ausgewertet werden
• zum Einbetten von Flash sollten bekannte Scripte wie SWFObject oder UFO verwendet werden
• in Flash eingebettete externe Ressourcen können ebenfalls ausgewertet und in Bezug zum Flash-Inhalt gesetzt werden
• Frames werden in Bezug zu ihrer Eltern-Seite indiziert
• IFrames werden als eigenständige Seite indiziert
• für jeden URL sollte ein einzigartiger Title vergeben werden
• für jeden URL sollte eine einzigartige Meta-Description vergeben werden
• doppelte Title oder Descriptions werden in den Webmaster Tools gelistet
• Canonical-Tag rel="canonical" legt den URL fest, welcher bei (fast) gleichen Inhalten (Duplicate Content) unter mehreren URLs für Eindeutigkeit sorgt
• Duplicate Content sollte wegen Pagerank Dilution vermieden werden
• Eigenschaften wie Link Popularity werden dank des Canonical-Tags auf einen URL vereint
• Keywords sollten im Text der Seite auftauchen
• Text der Seite sollte dabei natürlich und lesefreundlich sein (kein Keyword Stuffing!)
• Bildersuche analysiert umgebende Inhalte einer Grafik wie Absätze oder Headlines
• Qualität der Grafik (Auflösung, Pixelanzahl) ist relevant
• Alt-Text hat größte Bedeutung
• Name der Grafik (getrennt durch Bindestriche) wird analysiert
• Image-Replacement nach der Phark-Methode (text-indent: -9999em;) schadet dem Ranking und erweckt Spam-Verdacht (empfohlen wird die Verwendung des Alt-Attributs)
• Uptime des Servers ist relevant (Listung von Crawl Errors in den Webmaster Tools)
• Fehlende Seiten sollten vermieden werden und durch gute 404-Fehlerseiten kommuniziert werden
• Blogger sollten als Autorität ihres Gebiets agieren
• Blog-Kategorien sollten gute Keywords darstellen (Whitehat SEO tips for bloggers)
• Blog sollte sicher sein
• Anzeige gesamter Blogartikel ist leicht besser als Teaser
• Kommentare sollten auf der sleben Seite wie der Artikel sein (gilt auch für Bewertungen von Produkten)
• Kommentare sollten aus Spam-Gründen moderiert werden
• Verwendung von Microformats und RDFa zur Anzeige von rich Snippets
• Analyse der Backlings und Suchanfragen mit Hilfe der Webmaster Tools (entsprechende Optimierung der Seite)
• Konversion ist oberstes Ziel

Das Video zur Präsentation ist bei YouTube zu sehen.

Im Mai diesen Jahres gibt es eine neue Google I/O. Angekündigt ist die Session SEO site advice from the experts mit Matt Cutts, Greg Grothaus, Brian White und Evan Roseman - man darf gespannt sein.

Mittlerweile setzen wir in fast allen unseren Bestellprozessen die Low-Level APIs von Qooxdoo als JavaScript-Framework ein. Neben klassischen Anwendungen wie Event-Handling oder DOM-Manipulationen kommen auch komplexere Elemente wie Lightboxen, Autocompletions oder Slider zum Einsatz. Die folgenden Screenshots dokumentieren den flexiblen Einsatz dieser Elemente.

Anhand eines unserer aktuellen Projekte möchte ich zeigen, wie die genannte Technologie in Hinblick auf die Performance einer Website zu verstehen ist.

Folgende Statistik habe ich mit der Firefox Extension YSlow erstellt. Oben ist die Verteilung der Ressourcen bei einem ersten Request mit leerem Cache zu sehen. Der Bereich darunter zeigt die Verteilung bei einem zweiten Request unter Ausnutzung des Caches.



Der obere Bereich zeigt die typischen Ressourcen einer Seite. Etwas ungewöhlich sind die 2 XML-HTTP-Requests. Dahinter verbergen sich JavaScripte, welche asynchron mit der Managed XHR Technik von Steve Souders in die Seite integriert werden.

Interessanter in Bezug auf die erwähnte Technologie ist der untere Bereich, nutzt man Expires Header doch, um das Caching-Verhalten einer Seite positiv zu beeinflussen. Hier ist zu sehen, dass Scripte und Stylesheets nicht mehr aufgeführt werden. Dies ist wenig verwunderlich, da wir diese bereits mit Far Future Expires Headern versehen haben.



Das Neuladen des HTML-Dokuments ist gewollt und wird mit einem in der Vergangenheit liegenden Expires Header erzwungen. Wir erzwingen für diesen Fall das Neuladen, da das Dokument dynamisch generiert wird und sich von einem Aufruf zum nächsten verändern kann.

Neben dem HTML-Dokument erzeugen sämtliche Grafiken der Seite erneut Requests. Bei diesen steht die Auslieferung eines Expires Header momentan noch aus. Was im ersten Moment nur nach einer Einstellung in den Apache-Konfigurationen klingt, wird auf den zweiten Blick sehr viel komplexer, möchte man durch eine möglichst transparente Versionierung der Grafiken ein Neuladen bei Veränderungen erzwingen. Zumindest ist durch korrekte ETags sichergestellt, dass lediglich Requests in Form eines Conditional GET gemacht werden - die Daten selbst werden also nicht erneut übertragen. Allerdings braucht solch ein Request für den gesamten Roundtrip auch etwas Zeit - bei 40 Requests macht das in einem modernen Browser wie dem Firefox immer noch ganze 2 Sekunden aus!

Nach 2 Monaten hatte ich den 1000sten Download von SenSEO gefeiert. Nach einem weiteren Jahr wurde meine Extension heute zum 100.000sten Mal heruntergeladen. Für diesen Anlass habe ich gestern eine neue Version released. Im Hintergrund fand ein komplettes Code-Refactoring statt - der alte YSlow-Code, auf dem SenSEO bisher basierte, wurde dank dieses Tutorials durch eigenen Code ersetzt. Die gesamte Oberfläche wurde ebenfalls überarbeitet. Ich habe diverse CSS3-Regeln genutzt, um einen neuen, attraktiven Look zu gestalten. Da die Extension nur im Firefox läuft, konnte ich aus dem vollen schöpfen Runde Ecken, Box- und Schriftschatten und Verläufe sind die wesentlichen Gestaltungselemente. Diese Version ist noch nicht freigegeben, kann aber bereits experimentell heruntergeladen werden.