Quelle: iStockphoto.com

Viele Möchtegern-Supermänner

Web/IT-Dienstleistung fällt unter die sogenannten “freien Gewerbe”, d.h. es ist leider (!) an keinen Befähigungsnachweis gebunden. Der Aufwand für eine Gewerbeanmeldung als Einzelunternehmen ist gering und geht mittlerweile schon ohne Behördengang direkt online. Im Minimalfall braucht man für die Ausübung der Web/IT-Dienstleistung auch nur einen Computer/Laptop, Internet und – hier unterscheidet sich die Spreu vom Weizen – Know-how.
Das klingt sehr verlockend und daher liegt es in der Natur der Sache, dass gerne Web-Startups gegründet werden. Da keine teuren Geräte oder Maschinen angeschafft werden müssen, ist das Risiko auch recht überschaubar.
Die Kehrseite der Medaille: Viele Web-Einzelkämpfer fristen ein Dasein nahe am Existenzminimum und verschwinden irgendwann so schnell wie sie gekommen sind.

Preisdumping im Kampf um die Kunden

Die “Geiz ist geil”-Mentalität ist definitiv auch im Web-Bereich angekommen. Die “Kleinen” wollen immer mehr Web-Dienstleistung für immer noch weniger Geld – alles über EUR 1.000 ist leider oft schon hart an der Schmerzgrenze.
Viele Webhoster bieten Ihren Kunden “Homepage-Baukästen” an, mit denen man ohne spezielle Kenntnisse per WYSIWYG eine einfache Website “zusammenklicken” kann. Weiters findet man im Web zigtausende kostenlose und durchaus ansprechende Templates für beliebte Content-Management-Systeme wie WordPress oder Joomla!.
Kein Wunder also, dass viele potentielle Web-Kunden die Wertschätzung für professionelle Internetlösungen verloren haben.

Überlebensstrategien?

• Strategie 1: Die Masse macht’s
  Man springt auf den “Geiz ist geil”-Zug auf und bietet Weblösungen von der Stange zu Dumpingpreisen an. Fertiges Template, Einbau des Logos, minimale Farb- und Layoutanpassungen und fertig ist die neue Website! Solche Lösungen werden bereits zu Kampfpreisen ab EUR 300 angeboten und es gilt der Grundsatz Quantität vor Qualität. Die Website bietet die im Template integrierten Funktionen. Sonderwünsche und Erweiterungen sind nur bedingt möglich und verhältnismäßig teuer.

• Strategie 2: Maßgeschneiderte Weblösungen
  In diesem Segment ist das Akquirieren von Kunden natürlich viel schwieriger als bei Strategie 1. Die Website wird perfekt an die jeweilige Anforderung angepasst und das Endprodukt ist ein Unikat, das es in dieser Form nur einmal im Web gibt. Kundenbriefing, individuelles Photoshop-Layout, Programmierung nach Maß, gezielte Suchmaschinenoptimierung und Berücksichtigung aller speziellen Kundenwünsche. Hier gilt die Devise Qualität vor Quantität und dementsprechend benötigt man auch ein wesentlich höheres Budget, jedoch auch in Form einer fixen Pauschale.

• Strategie 3: Kooperation mit Werbeagenturen
  Größere bzw. anspruchsvollere Projekte laufen meist über (etablierte?) Werbeagenturen. Diese stocken zwar nach und nach ihre Inhouse-Webkompetenzen auf, lagern aber aufwändigere Programmierarbeiten meist an externe Dienstleister aus. Hat man hier mal Fuß gefasst, darf man sich unregelmäßig über richtig spannende Projekte freuen, an die man wahrscheinlich auf direktem Wege nicht rangekommen wäre. Angemessene Stundensätze von EUR 80,00 sind in diesem Segment ganz normal.

• Strategie 4: Verlängerung der Projektlebenszyklen
  Es ist viel schwieriger neue Kunden zu akquirieren als bereits bestehende Kunden zu binden. Logische Konsequenz: Bestehenden Kunden aktiv Erweiterungen und Optimierungsmaßnahmen (z.B. Blog, Bildergalerie, Sprachversionen, Suchmaschinenoptimierung, usw.) anbieten um somit den Projektlebenszyklus auszuweiten und weitere Umsätze zu generieren.

Meine Strategie?

Strategie 1 wird von mir bewusst nicht oder nur ganz selten praktiziert. Denn das macht auf Dauer keinen Spaß und dafür habe ich auch nicht studiert!
Ich verfolge Strategie 2 (siehe beispielsweise Top-Immoplattform für Österreich und München) und Strategie 3 (siehe beispielsweise PIXELUTION.AT realisiert KNORR Microsite). Strategie 4 wird natürlich immer passend zum jeweiligen Kunden bzw. Projekt angestrebt.

Ein übersättigter Markt

Ein Faktum: Der Markt rund um Homepages & Co ist im “kleinen Segment” gesättigt und es wird gefühlt immer noch schlimmer.
Das Hauptproblem: Zu viele machen’s – zumindest “ein bisschen”!
Wer lange genug sucht, findet bestimmt irgendwo immer noch einen Dienstleister, der den Preis unterbietet. Doch wann ist Schluss?
Meinem Vater wurde vor kurzem eine kostenlose (!) Website angeboten. Scheinbar ein neuer Dienstleister auf der Suche nach seinen ersten Referenzen. Schade, dass Golser Schuhe bereits eine Webpräsenz hat!

Veränderung tut gut

Ich stehe kurz vor einer privaten Veränderung, die in naher Zukunft sicher auch eine berufliche Veränderung mit sich bringen wird. Die sechs Jahre als selbstständiger IT-Einzelkämpfer mit Sitz in St. Johann in Tirol waren eine interessante Erfahrung für mich, aber sechs Jahre sind definitiv genug!
Für den nächsten Lebensabschnitt wünsche ich mir neue Herausforderungen, gezielte Weiterbildung und spannende, größere Projekte im Team.
Ich halte euch natürlich auf dem Laufenden! =)

Weiterführende Links

• WORK | Referenzen & Arbeitsbeispiele

Quelle: Untappd.com

Drink Socially

Die Plattform listet die “Bier-Aktivitäten” aller Freunde und bietet zudem Social-Features wie “virtuelles Anstoßen”, Kommentieren, Biere bewerten, “Bier-Wunschliste” und natürlich Schnittstellen zu Facebook und Twitter.
Auch das Hinzufügen von neuen Biersorten und Brauereien ist möglich.

Foursquare mit an Bord

Die Mobilversion ermöglicht dank Foursquare die Verknüpfung des Biergenusses mit dem Aufenthaltsort. Kürzlich wurde die praktische Funktion “Locate a Beer” ergänzt, die das Auffinden von Lokalen mit einer bestimmten Biersorte im Umkreis erleichtert.

Quelle: Untappd.com

Die Motivation dahinter?

Es macht einfach irgendwie Spaß! Man erhält auch interessante Statistiken über den eigenen Bierkonsum, entdeckt neue Biersorten und Lokale und wird auch noch mit virtuellen Abzeichen (Badges) belohnt. Ist doch schön!
Die österreichische Beteiligung bei Untappd ist derzeit leider noch recht überschaubar. Daher mein Aufruf an die internetaffinen Bierfreunde der Alpenrepublik: Anschauen – Registrieren – Vernetzen! =)

23. April, Tag des Bieres

…und ganz zufällig auch das Veröffentlichungsdatum dieses Beitrags. Prost!

Weiterführende Links

• Gusti Golser on Untappd

Google Analytics: Karten-Overlay

Der Knackpunkt in diesem Zusammenhang ist die Frage ob es sich bei IP-Adressen um personenbezogene Daten handelt oder nicht. Hier fehlt immer noch eine höchstrichterliche Entscheidung, um endgültig Klarheit zu schaffen. Für die Erhebung personenbezogener Daten wäre eine vorherige Einwilligung erforderlich, die man auch noch protokollieren müsste. Dies lässt sich im Web jedoch kaum vernünftig umsetzen, es sei denn man schaltet seinem Webangebot eine spezielle Einstiegsseite vor, die diese Einwilligung einholt und entsprechend protokolliert.
Im Gegensatz zu Deutschland ist man in Österreich vorherrschend der Meinung, dass eine IP-Adresse aus Sicht eines Websitebetreibers keinen Personenbezug ermöglicht.

Informationspflichten

Wenn man Google Analytics einsetzt, sollte jedoch auf alle Fälle ein entsprechender Hinweis in die Website eingebunden werden. Das verlangen nämlich die Google Analytics Bedingungen:

8.1 (…) Sie sind ferner verpflichtet, an prominenten Stellen Ihrer Websites eine sachgerechte Datenschutzpolicy zu dokumentieren (und sich an diese zu halten). Auch werden Sie alle zumutbaren Anstrengungen unternehmen, die Aufmerksamkeit der Nutzer Ihrer Website auf eine Erklärung zu lenken, die in allen wesentlichen Teilen wie folgt lautet:

“Diese Website benutzt Google Analytics, einen Webanalysedienst der Google Inc. (“Google”).
(…) Durch die Nutzung dieser Website erklären Sie sich mit der Bearbeitung der über Sie erhobenen Daten durch Google in der zuvor beschriebenen Art und Weise und zu dem zuvor benannten Zweck einverstanden.”

Google behält sich auch das Recht vor, die Website jederzeit zu durchsuchen, um zu überprüfen, ob eine geeignete Erklärung eingefügt wurde. Ich integriere diesen Hinweis bevorzugt im Impressum meiner Webprojekte, da sich ein Link darauf sowieso schon auf jeder einzelnen Seite befinden sollte – entweder im Header oder im Footer.

Google Analytics mit verbessertem Datenschutz

Google bietet mittlerweile eine Möglichkeit die gesammelten IP-Adressen zu verkürzen und somit zu anonymisieren. Realisiert wird das Ganze durch einen Aufruf der Funktion anonymizeIp im Tracking-Code. Hier ein Beispiel anhand der neuen, asynchronen Variante des Tracking-Codes:

Natürlich ist die geographische Zuordnung der Benutzer mit dieser Einstellung nicht mehr so genau möglich wie vorher. Falls man diese Funktion nutzt, dann sollte man auch in der Datenschutzerklärung darauf hinweisen:

Die Tracking-Codes dieser Website verwenden die Funktion “anonymizeIp”. Somit werden IP-Adressen nur gekürzt weiterverarbeitet um eine direkte Personenbeziehbarkeit auszuschließen.

Einem weiteren Kritikpunkt, der mangelnden Widerspruchsmöglichkeit beim Tracking, wird nun auch durch die Bereitstellung eines Browser-Plugins Rechnung getragen. Dieses Plugin wird derzeit für den Internet Explorer, Firefox und Chrome angeboten und unterbindet die Übertragung von Nutzerdaten an Google. Der Nutzer muss dabei nur einmal widersprechen und wird dann auf keiner Website mehr vom Google-Analytics-Tracking erfasst.

Ganz Fleißige können auch den Hinweis auf das Plugin noch in die Datenschutzerklärung aufnehmen:

Durch den Einsatz eines Browser-Plugins können Sie der Datenerhebung durch Google dauerhaft widersprechen.

Weiterführende Links

• Google Analytics Opt-out Browser Add-on

Eine kürzlich von der Werbeagentur Grey zusammen mit Google erstellte Studie beschäftigt sich mit der Frage, wie Markenmacher und Werbetreibende den vernetzten Menschen erreichen können. Die Studie “Homo Connectus” nennt dabei auch ein paar interessante Zahlen:

• 59% sagen, sie wollen immer erreichbar sein.
• 55% veröffentlichen Texte oder Bilder im Netz.
• 11% surfen per Handy im Internet.
  Quelle: Grey; Repräsentative Online-Befragung; n=500 Internetnutzer

Immer auf Empfang?

Nein, denn:

• 57% sehnen sich danach, auch mal nicht erreichbar zu sein.
• 15% nutzen moderne Kommunikationsmedien, fühlten sich aber schon mal genervt und überfordert.
  Quelle: Grey; Repräsentative Online-Befragung; n=500 Internetnutzer
  

ALLES über ein Gerät

Das Smartphone wird immer mehr zum universellen Life-Navigator.
Dazu die Studie:

Klassische Medien-Nutzungsmuster lösen sich auf und neue entstehen. Alte Gewohnheiten behält man bei.
Auch der “Homo Connectus” liest Zeitung. Aber digital.
Über seinen RSS-Feed-Reader auf seinem Smartphone. (…)

Ob nach der Straßenbahnhaltestelle oder dem besten Restaurant in der Umgebung – niemand muss mehr lange suchen. Das mobile Internet bietet Hilfe. Es schafft neue Zeitfenster der Mediennutzung und macht Orte und Produkte zum Konversationsmedium.
Der “Homo Connectus” bestimmt wann, wo und wie er kommuniziert. Dadurch gewinnt er Unabhängigkeit und Lebensqualität hinzu.

Wie erreicht man den “Homo Connectus”?

Diese Frage beschäftigt natürlich nicht nur die beiden Unternehmen hinter der Studie brennend. Es geht im Endeffekt um Markenkommunikation im Zeitalter der digitalen Medien und somit auch um sehr viel Geld.
Hier ein paar gute Ansätze:

• Location-Based Services
  Gezielte Werbeeinblendungen, die den geografischen Standort des Nutzers berücksichtigen. Beispiel: Starbucks schickt seinen Kunden auf Wunsch einen Rabattcoupon als SMS, sobald sie sich einem Laden nähern.

• Smartphone-Apps
  Alles dreht sich derzeit um die so genannten Apps: Mini-Programme, die das Smartphone gezielt um bestimmte Funktionen erweitern. Erfolgreich sind die Anwendungen, die einen Nutzen bieten oder einfach Spaß machen.

• Social Media Präsenz
  Es gilt dort vertreten zu sein, wo sich Kunden und potentielle Kunden austauschen. Facebook ist in aller Munde und neue Firmenpräsentationen sprießen dort wie Schwammerl aus dem Boden. Bei aller Euphorie sollte aber nicht die Strategie auf der Strecke bleiben!

Menschen wollen nicht alles wissen. Aber sie wollen vertrauen können. Menschen vertrauen Marken, die zu ihrem Wort stehen. Die ändern was sie falsch gemacht haben. Die auf Augenhöhe kommunizieren und ihre Werte vertreten. (…)

Das digitale Zeitalter ist ein Beziehungszeitalter und zutiefst menschlich. Markenführung im digitalen Zeitalter ist deshalb echtes, menschliches Beziehungsmanagement.
Glaubwürdigkeit und Vertrauen sind der Beginn einer guten Beziehung.

Meine persönliche Schlussbemerkung

Zweifelsfrei haben die digitalen Medien die Art, wie Menschen miteinander kommunizieren, radikal verändert. Smartphones sind allgegenwärtig und verändern nachhaltig das Medienverhalten. Ich zähle mich definitiv zur Gattung “Homo Connectus” und überfliege beispielsweise nicht selten schon vor dem ersten Toilettengang ein paar Tweets und Facebook-Updates – vom Bett aus. Fast täglich bin ich auch am Abend noch online – während nebenbei der Fernseher läuft.

Ich finde jedoch, dass es sehr wichtig, wenn nicht sogar überlebensnotwendig ist, regelmäßig abzuschalten. Es tut richtig gut, zwischendurch auch mal einen Tag komplett ohne Internet zu verbringen. Sich die Zeit stattdessen mit Gesellschaftsspielen, Sport oder einem guten Buch zu vertreiben. Längere Texte lese ich sowieso viel lieber auf Papier als vom Bildschirm. Das Handy schalte ich auch fast immer in der Nacht auf lautlos. Schließlich möchte ich ja kein Sklave der Dauerkommunikation werden!

Weiterführende Links

• Studie: Homo Connectus

Die Website beruht auf der im Mai 2009 online gestellten Plattform für die internationale Luxusimmobilie, die aus organisatorischen Gründen in dieser Form nicht mehr weitergeführt wird.
Im Zuge der Überarbeitung wurde die bestehende Plattform noch in vielen Bereichen optimiert und mit neuen Funktionen ausgestattet.
Die Wartungsoberfläche wurde auch komplett aufpoliert und generell die Benutzerfreundlichkeit der Website – im Frontend und Backend – erhöht.

Wartungsoberfläche (CMS)

Anforderungen und Features der Plattform

• Einfache Bedienung (Zielgruppe 50+)
• Exklusives Screendesign (klare Struktur, Emotionen)
• Komplette Administrierbarkeit der Immobilien über eine individuell programmierte Wartungsoberfläche
• Eigene Wartungs-Logins für jeden Makler
• Übersichtliche und intuitiv bedienbare Suchfunktion
• Ansprechende Präsentation der Immobilienbilder mittels Slideshows und Bildergalerien (Thumbnails mit Vergrößerungsfunktion)
• Möglichkeit Immobilienfilme einzubetten
• Favoritenliste zur Verwaltung der persönlichen “Favoriten”
  (Versenden per E-Mail möglich)
• Auto-Vervollständigungsfunktion für Eingabefelder
• Zahlreiche Maßnahmen zur Qualitätssicherung (z.B. Musterbeispiele für die Eingabefelder, Validierung aller Eingaben, Auswahl der besten Bildausschnitte per Positionsrahmen, usw.)
• Automatische Benachrichtigungen per E-Mail (z.B. “Objekt freigeschaltet”, “Ihre Objekte auf immobilienstreifzug.com” an alle Makler am Monatsende, “Verdacht auf Doppelungen”, usw.)
• Zweisprachig (deutsch, englisch)

Weiterführende Links

• Die Premium-Immobilienplattform für Österreich und München
• PIXELUTION.AT Multimedia Agentur

Neue digitale Medien bestimmen nicht nur unsere persönlichen Handlungsweisen, sondern nehmen auch immer stärkeren Einfluss in unternehmerisches Handeln. Grund genug für die Junge Wirtschaft Kitzbühel ein Seminar zu diesem Thema anzubieten.

Themen und Referenten

• Online Marketing
  Der Begriff “Online Marketing” vereint alle Marketingmaßnahmen, die mit Hilfe des Internets erfolgen können. Teilgebiete sind beispielsweise Suchmaschinenoptimierung, Suchmaschinenmarketing, Social Media Marketing und Virales Marketing.
  August F. Golser, BSc – PIXELUTION.AT

• Mobile Marketing
  Marketing unter Verwendung drahtloser Telekommunikation und mobiler Endgeräte mit dem Ziel, Konsumenten möglichst direkt zu erreichen und zu einem bestimmten Verhalten zu führen.
  Arnold Feiersinger – DialogWerker

• Digitale Kommunikationsmedien
  Telefonate kostengünstig über IP führen, Fax direkt am PC empfangen, virtuelle Telefonanlagen, uvm.
  Digitale Kommunikationsmedien machen es möglich!
  Richard Zangerle – Innosoft

Im Anschluss gibt es noch ein geselliges Beisammensein.

Update 18.05.2010

v.l.: Richard Zangerle, Arnold Feiersinger, Sebastian Hölzl, August F. Golser, Stefan Niedermoser

Knapp 20 Teilnehmer verfolgten gespannt unsere Vorträge und waren sehr aktiv bei der Sache.
Meine Präsentation – die aufgrund der vielen Fragen an die 80 Minuten dauerte – möchte ich euch an dieser Stelle nicht vorenthalten:

Weiterführende Links

• JW Kitzbühel auf Facebook
• PIXELUTION.AT Multimedia Agentur
• DialogWerker Mobile Marketing
• Innosoft – Ihr Netzbetreiber

Wie schaffe ich es bei Google auf Platz 1?

Suchmaschinenoptimierung ist keine triviale Sache. Die Ranking-Algorithmen der Suchmaschinen werden hinter verschlossenen Türen entwickelt und die Beurteilung der Relevanz einzelner Webseiten für bestimmte Suchbegriffe erfolgt mittels komplexer mathematischer, statistischer und analytischer Berechnungen. Dennoch ist die Arbeit der Suchmaschinenoptimierung mehr Handwerk als Wissenschaft.

Die 10 wichtigsten Ranking-Kriterien gemäß der IAB-Studie:

1. Einzigartiger Content

2. Keyword-haltige externe Links

3. Links von Hubs und Authority Sites

4. Links von thematisch verwandten Websites

5. Keyword-Gebrauch zu Beginn des <title>-Tags

6. Keyword-Gebrauch irgendwo im <title>-Tag

7. Externe Link-Popularität

8. Vielfalt von Domains, die auf die Website linken

9. Keyword-Varianz in externen Links

10. Wachstumsrate externer Links
    

Content is King – der alte Leitsatz der Suchmaschinenoptimierung gilt scheinbar noch immer. Doch von den neun weiteren Top-Kriterien stammen sieben aus der Abteilung externe Links.
Ein klarer Hinweis darauf, dass On-Page-Maßnahmen allein kaum zum Ziel führen und die Pflege der Verlinkung einer Website sehr wichtig ist. Einzigartige Inhalte werden tendenziell auch besser verlinkt und somit läuft ein Teil der Off-Page-Optimierung praktisch “automatisch”.
Guter Content wird also gleich doppelt belohnt!

Die Ränge 11 bis 20 – Kriterien, die alle noch als “muss zwingend beachtet werden” eingestuft wurden:

11. Keyword-Gebrauch im Domain-Namen (www.keyword.at)

12. Länderbezug der Top-Level-Domain (.at, .de, .com, etc.)

13. Keyword-Gebrauch irgendwo in einer <h1>-Überschrift

14. Keyword-Gebrauch in den ersten 50 bis 100 Wörtern des HTML-Texts

15. Keyword-haltige interne Links

16. Keyword-Gebrauch zu Beginn einer <h1>-Überschrift

17. Website-Architektur (z.B. hierarchisch vs. flach)

18. Server-Verfügbarkeit

19. Hierarchische Position der Page innerhalb der Website

20. Keyword-Gebrauch im Filename (www.domain.at/keyword.html)

Weitere Ergebnisse

Keyword-Gebrauch im Meta-Keywords-Tag wurde als unwichtigstes Ranking-Kriterium “gekürt”. Google ignoriert die keywords-Angabe bereits seit 2002! Dennoch stirbt die Meinung nicht aus, Suchmaschinenoptimierung bedeute vor allem, die Meta-Keywords zu definieren.

Links bzw. Erwähnungen bei Social-Media-Diensten wie Facebook (Rang 68), Twitter (Rang 51), Delicious (Rang 45) und XING (Rang 73) fließen auch in die Rankingberechnungen ein – obwohl diese Links mit nofollow gekennzeichnet sind.

Die Experten der IAB Switzerland sind sich einig: Spam – also sämtliche Maßnahmen mit dem Ziel die Ranking-Algorithmen zu täuschen (z.B. Cloaking, versteckter Text oder gekaufte Links) – kann zu einem massiven Ranking- und damit Umsatzverlust führen, im Extremfall sogar zum kompletten Ausschluss aus dem Index.

Einigkeit herrscht auch darüber, dass das individuelle Verhalten der Nutzer an Bedeutung für das Ranking von Websites gewinnen wird.
Beispiel: Personalisierte Trefferlisten und Google SideWiki.

In der Summe ermöglicht die Studie ein glasklares Fazit:

Suchmaschinenoptimierung hat sich in allererster Linie am Interesse der potenziellen Kundinnen und Kunden eines Unternehmens zu orientieren. Denn die wirklich bedeutenden Ranking-Kriterien zielen ausnahmslos auf das eine ab: den Nutzerinnen und Nutzern einer Suchmaschine die wirklich relevanten Inhalte anzubieten. Und Relevanz ist nicht ein maschinelles, sondern ein menschliches Konzept.

Downloads

Die Lösung: OOCSS

Die Webentwicklerin Nicole Sullivan versucht mit ihrer Objektorientiertes CSS (OOCSS) genannten Methode einen Lösungsansatz zu finden.
OOCSS versucht die Idee der Objektorientierung auf CSS zu übertragen. Objektorientiertes CSS ist dabei keine neue Technik, sondern vereint eine Reihe von Regeln für die Gestaltung von CSS-Dateien. Grundgerüst von OOCSS ist eine von Nicole Sullivan auf ihrer GitHub Projektseite bereitgestellte Code-Bibliothek im Alpha-Stadium. Um das CSS-Framework einsetzen zu können, müssen wie schon erwähnt einige Regeln beachtet werden.
Die zwei wichtigsten:

• Trenne Container und Inhalt
  Gemäß Sullivans Terminologie bildet ein simpler HTML-Tag (z.B. <h1>, <p>, <li>, …) mit zugehörigem CSS einen Inhalt. Komplexere Strukturen bestehend aus mehreren <div>-Elementen werden als Container bezeichnet. Ordnet man diesen Containern jetzt noch über mehrere CSS-Klassen Layout und Design (Skins) zu, dann entstehen Sullivans Objekte.

• Trenne Struktur und Design
  Nicole Sullivan bezieht sich hier auf das CSS von Containern und Inhalten. Durch die Verwendung unterschiedlicher Klassen für Layout- und Design-Elemente wird die Wiederverwendbarkeit von Objekten in anderen Projekten ermöglicht.
  

Generell sollten CSS-Deklarationen vermieden werden, die HTML-Elemente in Abhängigkeit eines Containers bringen. Also keine derartigen Konstrukte:

Alle CSS-Anpassungen werden ausschließlich über Klassen vorgenommen, die einander erweitern. Beispiel:

HTML:

Weiters empfiehlt Sullivan bevorzugt Klassen statt IDs zu verwenden und Selektoren ohne Tags zu schreiben (.box statt div.box).
Grund: Einsatzmöglichkeiten erweitern, Redundanzen im Code minimieren.

OOCSS in der Praxis

Sullivans CSS-Framework besteht derzeit aus 12 CSS-Dateien, von denen drei nur zum Debugging verwendet werden. Einen guten Ausgangspunkt für eigene Entwicklungen bildet die Datei template.html, die das Grundlayout umsetzt und als Basis für alle weiteren Seiten dient.
Die Breite der linken und rechten Spalte wird beispielsweise durch Erweiterung des Spalten-Objektes gesetzt:

HTML:

Don’t think of this as overwriting my classes, but rather extending the objects provided by the framework. I give you columns, headings, and other objects. You can extend those objects by adding another class that only specifies the differences between my base object and your implementation of the same. Mixins may be a good analogy here.

Wichtig dabei ist, dass Sullivans CSS-Deklarationen unberührt bleiben!
Die Klasse .leftCol im Beispiel sollte also keinen eigenen CSS-Code erhalten. Schon allein deshalb nicht um schnell und unkompliziert ein Update des Frameworks durchführen zu können.

Mit Grids können die Seiten weiter in kleinere Bereiche unterteilt werden. Beispiel:

Sobald das Raster einer Seite aufgebaut ist, können Inhaltsobjekte wie Überschriften, Absätze, Listen, usw. der Datei content.css hinzugefügt werden. Die Datei konzentriert sich hauptsächlich auf die Definition von Ausrichtungen, Abständen, Listendarstellungen, Schriftgrößen, Schriftfarben und dem Verhalten von Links.

Module und Skins

Besonders interessant ist die Datei module.html, die einen Überblick über die mit dem Framework realisierbaren Blockstrukturen gibt. Sullivans HTML-Grundgerüst für alle Arten von Boxen schaut wie folgt aus:

Durch Kombination dieses Containers mit drei verschiedenen CSS-Klassen entstehen drei OOCSS-Module. Für jeden der drei Container gibt es wiederum eigene Skins, die den Rand und die Hintergrundbilder der Boxen definieren. Eine vollständige Komponente besteht aus bis zu vier Klassen, von denen die letzten beiden für Skin und Hintergrund sorgen.

würde unsere Box folgendermaßen darstellen:

Mit Sullivans Grundformen lassen sich bereits über 200 verschiedene Boxen generieren. Das CSS-Framework bietet auch schon einige Styles für Tabs und “Sprechblasen”.

Mein Fazit

OOCSS ist prädestiniert für die gemeinsame Erstellung von CSS-Dateien im Team und fördert die Wiederverwendbarkeit und Strukturierung von CSS-Dokumenten. OOCSS hat auch viele Kritiker, da die Regel “Trenne Container und Inhalt” in direktem Widerspruch zum CSS-Grundkonzept der Kaskade steht – jedoch wird dieses 1994 entwickelte Konzept heutigen Entwicklungsprozessen überhaupt noch gerecht?
Ich finde Sullivans Ansätze jedenfalls sehr interessant und kann mir gut vorstellen ihr Framework bei einem umfangreicheren Teamprojekt einzusetzen.

Weiterführende Links

• Object Oriented CSS video on YDN
  Eine der ausführlichsten Quellen zu OOCSS.
• OOCSS GitHub Projektseite
• OOCSS Google Group

Nachfolgend möchte ich ein paar Neuigkeiten und Trends im Bereich WebMarketing anführen:

• Ranking is dead
  WebMarketing-Guru Bruce Clay tätigte diese etwas überspitzte Aussage im Rahmen einer WebMarketing-Konferenz in Las Vegas.
  Fest steht, dass Platzierungen in Suchmaschinen in Zeiten der Personalisierten Suche nicht mehr jenen Stellenwert haben wie früher. Die Ergebnislisten werden entsprechend persönlicher Vorlieben der Nutzer angepasst. Beispielsweise können die Trefferlisten abhängig von Faktoren wie Standort und Suchhistorie variieren.

• Universal Search
  Die Ergebnislisten von Google haben sich über die Jahre drastisch verändert und wurden immer “universeller”. Die Universal Search vereint Text, Video (YouTube), Fotos, Karten und Brancheneinträge in einer Trefferliste. Eine universellere Suche erfordert auch universellere Ansätze im WebMarketing. Jedoch muss man abwägen welche Maßnahmen sinnvoll sind und einen Mehrwert für die Benutzer generieren.

• Social Media Marketing
  SMM ist eine Form des WebMarketings, die Branding- und Marketingkommunikations-Ziele durch die Beteiligung in verschiedenen sozialen Medien erreichen will. Soziale Netzwerke (z.B. Facebook) und Mikro-Blogging-Dienste (z.B. Twitter) sind in aller Munde und schon bald sollen deren Inhalte auch von Google und Microsoft’s Bing praktisch in Echtzeit in die Trefferlisten eingebunden werden. Eine weitere Möglichkeit seine Suchbegriffe unter’s Volk zu bringen!
  

• PageRank verliert an Bedeutung
  Google hat nun offiziell bestätigt, dass ihr Linkpopularitätsindikator PageRank nur einen kleinen Einfluss auf die Suchergebnisse hat. Diese Tatsache wurde durch das Entfernen der PageRank-Anzeige aus den Webmaster Tools noch bekräftigt.

  We’ve been telling people for a long time that they shouldn’t focus on PageRank so much; many site owners seem to think it’s the most important metric for them to track, which is simply not true. We removed it because we felt it was silly to tell people not to think about it, but then to show them the data, implying that they should look at it.

  In Zeiten automatisierter Filter und Abstrafungen (z.B. -50 Penalty) muss auch der Linkaufbau generell einen Wandel erleben. Oberstes Ziel sollte es sein viele natürliche (oder natürlich wirkende) Verlinkungen unterschiedlicher Arten aufzubauen. Man kann auch davon ausgehen, das Links von Social-Media-Diensten bereits teilweise in Google’s Rankingberechnungen einfließen.

• Google-Update “Caffeine”
  Google führt nach eigenen Angaben etwa 200 Updates pro Jahr durch, von denen die meisten von den Nutzern gar nicht bemerkt werden.
  Mit dem Projekt Caffeine geht Anfang 2010 bis dato eines der größten Google-Updates an den Start. “Caffeine” soll einen größeren Index aufweisen, umfassendere Suchergebnisse liefern und vor allem neue Webseiten viel schneller erfassen und indizieren.
  Es wird spekuliert, dass dies auch zu einer größeren Fluktuation führt und sich die Rankings viel schneller ändern als bisher. Neue Inhalte kommen relativ schnell in den Index und werden zumindest kurzzeitig (sehr) gut gereiht. Davon werden vor allem Blogs, Inhalte sozialer Netzwerke und Mikro-Blogging-Dienste profitieren.

• Linkbaits
  Content schaffen, der aufgrund verschiedener Ursachen sehr oft und “freiwillig” von anderen Webseiten verlinkt wird. Solche Linkköder sind beispielsweise brandaktuelle Nachrichten, Gewinnspiele, lustige Fotos oder Videos, kostenlose Software oder auch “nur” qualitativ sehr hochwertige Inhalte.
  Gerade aktuell legt A1 einen Köder und ruft zu einer SEO Rallye auf. Wer am 18. Dezember um 10:00 Uhr für den Suchbegriff “A1 Weihnachtsgeschenke” bei Google.at am besten gereiht ist, gewinnt aktuelle Hardware. Die Spielregeln besagen, dass die optimierte Website auf A1.net/weihnachtsgeschenke verlinken muss – also ist die ganze Sache auch nicht ganz uneigennützig.

Weiterführende Links

• WebMarketingBlog.at
  WebMarketing-News aus Salzburg.
• 10 Fallgruben beim Linkaufbau
  Vorsicht mit Halbwissen!

Hintergründe & Status Quo

Meine ersten Erfahrungen mit CM-Systemen sammelte ich im 2. Semester an der FH Hagenberg. Im Rahmen eines Semesterprojektes setzte ich gemeinsam mit einem Studienkollegen ein auf PostNuke basierendes Portal für unseren Jahrgang MTD02 um.
Im 4. Semester wurde ich dann im Rahmen der Lehrveranstaltung Document Content Management ziemlich ausführlich mit TYPO3 konfrontiert. Es gab auch Klausuren, bei denen das Verfassen von TypoScript-Code auf Papier abverlangt wurde.
Ich hatte jedoch damals keine Anforderung für ein so “mächtiges” CMS und meine anfängliche Euphorie ist dann auch schnell wieder verflogen.

Richtig interessant wurde das Thema Content-Management-Systeme dann wieder im Rahmen meiner Selbständigkeit mit PIXELUTION.AT.
Da griff ich meistens zu unserem selbst programmierten, einfach gestrickten PXcms basierend auf TinyMCE. Dieses System erlaubt jedoch nur die textuelle WYSIWYG-Bearbeitung eines Bereiches pro Seite und das Einfügen von Bildern und PDF-Dateien über eine einfache Multimedia-Datenbank.
Das ein oder andere Projekt habe ich auch mit Joomla umgesetzt, wobei mich hier die Benutzeroberfläche mit den ganzen Modulen und Verschachtelungen nie richtig überzeugte.

Die Suche beginnt

Mein zukünftiges CM-System sollte vor allem ein hübsches, intuitiv bedienbares Benutzerinterface aufweisen, suchmaschinenfreundlich sein, validen XHTML-Code produzieren und MooTools als JavaScript-Framework verwenden – und natürlich nicht zu “aufgebläht” sein.
Nach gründlicher Recherche und einigem Feedback über Twitter und Facebook habe ich mich für das CMS Contao entschieden, das alle meine Kriterien erfüllt und auf mich von Anfang an einen guten Eindruck machte.

Contao OpenSource CMS

Die (für mich) wichtigsten Features im Überblick:

• Ansprechendes, benutzerfreundliches Backend
• Barrierefreie XHTML-Strict-Ausgabe
• Verwendet Web2.0-Technologien auf MooTools-Basis
• Browserübergreifendes CSS-Framework
• Generiert (automatisch) suchmaschinenfreundliche URLs
• Unterstützt Mehrsprachigkeit
• Frontend basiert zu 100% auf Templates
• Live Update Service
• Gute Dokumentation

Update: Aus TYPOlight wurde Contao

Mit der Veröffentlichung der Vorabversion 2.9. RC1 am 6. Juni 2010 wurde TYPOlight in Contao umbenannt. Der Entwickler Leo Feyer begründete diesen Schritt damit, dass TYPOlight oft fälschlicherweise mit dem CMS TYPO3 in Verbindung gebracht wurde und dass der Zusatz “light” dahingehend missverstanden wurde, dass das CMS nur für kleine Projekte geeignet sei.

Weiterführende Links

• Contao OpenSource CMS
• Wassersportverein St. Johann in Tirol
  Mein erstes TYPOlight-Projekt.

PIXELUTION.AT PXcms Demos