Nico Steiner - Frontend-Entwicklung und -Architektur

Sonntag, 28. Februar 2010

Salat mit gebratenen Pilzen (vegetarisch)

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

Geschrieben von Nico Steiner in Rezepte um 19:55 | Kommentare (0) | Trackbacks (0)

Donnerstag, 25. Februar 2010

Semantic Checker ab heute public

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.

Geschrieben von Nico Steiner in Referenzen um 19:55 | Kommentare (0) | Trackbacks (0)

Sonntag, 21. Februar 2010

Andere Länder...

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

Geschrieben von Nico Steiner in Privat um 13:29 | Kommentare (0) | Trackbacks (0)

The Bacchae

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

Geschrieben von Nico Steiner in Privat um 08:30 | Kommentare (2) | Trackbacks (0)

Mittwoch, 10. Februar 2010

SEO für www.nicosteiner.de

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.

Geschrieben von Nico Steiner in Referenzen um 23:29 | Kommentare (0) | Trackbacks (0)

SenSEO 1.2.0 veröffentlicht

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.

Geschrieben von Nico Steiner in Referenzen um 22:53 | Kommentare (0) | Trackbacks (0)

Dienstag, 9. Februar 2010

Suchmaschinenfreundliche Programmierung (Maile Ohye, Google I/O 2009)

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.

Geschrieben von Nico Steiner in Referenzen um 00:19 | Kommentare (0) | Trackbacks (0)

Sonntag, 7. Februar 2010

Qooxdoo Low-Level APIs

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.

Geschrieben von Nico Steiner in Referenzen um 23:34 | Kommentare (0) | Trackbacks (0)