ononlinework

Ungewöhnlich früh wach und wider Erwarten mit nur erträglichen Schmerzen, nachdem ich gestern Abend vom Nacken ausgehend Schmerzen bis in die Fingerspitzen hatte, dachte ich mir, ich könnte die Zeit mal nutzen, mich am Webmaster Friday zu beteiligen. Thema dieser Woche: Nach den Sternen greifen: Ziele eures Blog! (nicht »Blogs«?)

Nun soll es hier aber gar nicht um die Ziele dieses Blogs gehen sondern um die eines Blogs, das bisher nur in einer frühen Planungsphase existiert. Für dieses Blog hier habe ich zwar auch Ziele, die sind aber nicht so hochgesetzt, dass man sie unter dem Titel »Nach den Sternen greifen« subsummieren könnte. Zwar werde ich auch hier weiterhin in loser Folge den einen oder anderen Artikel veröffentlichen, der für Leute in meinem (i. d. R. beruflichen) Umfeld oder für andere Webworker interessant sein könnte, ein konkretes Ziel steht aber nicht dahinter, wäre jetzt also auch nicht zu beschreiben.

Welches Blog denn dann?

Gute Frage, die aber noch gar nicht zu beantworten ist. Zwar gibt es konkrete Planungen für ein neues, weiteres Weblog von mir, allerdings sind die noch nicht einmal so weit gediehen, dass ich bereits eine Domain dafür registriert hätte. Daher verbietet es sich natürlich auch, dass ich jetzt schon im Detail auf die Inhalte eingehe. Nur soviel sei verraten: Ich werde mich im neuen Blog auf ein Thema stürzen, dass mich schon lange beschäftigt und dem ich eh einen größeren Teil meiner Freizeit widmen möchte, als ich es bisher schon tue. Mitarbeit dabei erhoffe ich mir von meinem Sohn, der dieses Hobby mit mir gemeinsam hat.

Komm zum Punkt: Was sind die Ziele?

Schon gut, schon gut. Ziel des Blogs ist neben ein wenig Reputation in diesem Bereich hauptsächlich die Monetarisierung. Das soll allerdings nicht schnell schnell geschehen sondern so, dass erst nach einer langen Zeit – ich denke hier an 6–12 Monate – erstmalig Anzeigen im Umfeld von Beiträgen geschaltet werden. Sollte es sich vorher ergeben, will ich aber jetzt nicht ausschließen, dass es einen Deeplink auf ein Produkt gibt, das eventuell auch dann schon mit einem Partnerlink versehen ist. Würde es mir nach einem Jahr ausreichen, die Kosten für den Server zu decken, erwarte ich nach zwei Jahren bereits einen ROI, der auch meine Zeit, die ich in Schreiben von Beiträgen und Pflege des Blogs investiere, einbezieht. So soll sich das nicht ganz billige Hobby selbst tragen und im Idealfall noch ein paar Euros übriglassen.

Im Vordergrund soll aber in der ganzen Zeit der Content stehen. Geplant ist ein rein natürlicher Linkaufbau, der sich durch guten und lesenswerten Content speist. Dazu wird natürlich der ein oder andere Anstoß durch Kommentare in Nachbarblogs gegeben werden müssen, das ist aber tatsächlich unter dem Hintergrund des Austauschs zu sehen und nicht als Kommentarspam geplant. Wenn ich zu einem fremden Beitrag nichts zu sagen habe, werde ich es einfach lassen. Schließlich wünsche ich mir, dass das auch in meinem Blog der Fall ist.

»Nach den Sternen greifen« – ob es das ist, was ich mit dem Blog vorhabe? Nein, eigentlich nicht. Ich denke, die Erwartung ist realistisch. Allerdings wird es einiges an inhaltlicher Arbeit erfordern, die das, was in diesem Weblog passiert, um ein Vielfaches übersteigt. Das ist jedoch gewollt und geplant. Über den Start des Weblogs werde ich hier berichten, dann kann sich der geneigte Leser einen Eindruck davon verschaffen, wie realistisch meine Zielformulierung in diesem Fall ist. Bis dahin ist aber noch viel zu tun.

In den vergangenen Tagen hat ein ehemalige Kollege von mir, der mittlerweile als Einzelkämpfer-Designer unterwegs ist, auf den Launch eines neuen von ihm designten Projekts hingewiesen. Beim Ansehen der Site bzw. des zugrundeliegenden HTML klappten sich mir mal wieder die Fußnägel hoch. Eine Schande, was auch 2010 noch auf neu entstehenden Sites veröffentlicht wird.

Ich habe den Designer daraufhin angeschrieben und wortreich auf seine Fehler hingewiesen. Ein kurzer E-Mail-Dialog entwickelte sich und die von meiner Seite aus letzte Mail daraus möchte ich hier anonymisiert veröffentlichen. Ich nenne dabei weder die angesprochene Site noch den Designer, weil ich hier kein öffentliches Bashing betreiben sondern nur mal wieder auf ein falsches oder zu kurz gegriffenes Selbstverständnis von Webdesignern hinweisen möchte, das leider noch weit verbreitet ist. Trotz der im Text enthaltenen Hinweise wird sich die angesprochene Site trotz Keyworddomain auch kaum bei Google finden lassen. Warum das so ist, zeigt sich im Text, ist aber auch unschwer zu erraten.

Die E-Mail

Ich finde es erschreckend, dass du offensichtlich tatsächlich so ahnungslos bist. HTML hat nichts mit Programmierung zu tun sondern ist eine Auszeichnungssprache für Inhalte. Du zeichnest jedoch keine Inhalte aus sondern lieferst Daten, die keinerlei tabellarische Struktur haben, in einer Tabelle aus. Das ist, als würdest du private Briefe mit Excel schreiben.

Weil HTML eine Auszeichnungssprache ist, haben rein visuelle Angaben darin nichts zu suchen. Das steuert man ausschließlich über CSS. Anreichern kann man dann die Nutzererfahrung noch durch den sinnvollen Einsatz von JavaScript (womit wir dann doch bei der Programmierung wären). JavaScript findet aber nur so Verwendung, dass alle Inhalte auch ohne aktiviertes JavaScript erreichbar sind. Das muss dann nicht identisch aussehen und auch nicht genauso geschmeidig funktionieren, die grundsätzliche Funktion muss aber gegeben sein. Moderne Websites gewährleisten das problemlos.

Unter Camper-Preisvergleich findest du z. B. ein von mir gebautes Formular. Mit aktiviertem JavaScript lassen sich An- und Abreisedatum sehr komfortabel über Datumswähler eingeben und eine der Reisedauer angemessene Kilometerangabe wird dynamisch berechnet, lässt sich aber sehr intuitiv über einen Schieberegler anpassen. Ruft man die Seite ohne Javascript auf, ist alles ebenso bedienbar und man kann mit dem Formular arbeiten, es ist jedoch weniger dynamisch und interaktiv. Auch das kann man noch verbessern, es ist aber auf jeden Fall ein guter Ansatz. Nun ist mir zwar klar, dass das auf der von dir erstellten Seite kein Problem ist, da du JavaScript dort kaum einsetzt. Es soll nur zeigen, was man mit sinnvollem Quelltext für seine Kunden erreichen kann.

Du hingegen versteckst Inhalte in schlecht komprimierten Grafiken mit so sprechenden Namen wie »logo_oben.jpg« und lieferst dafür noch nicht einmal alternative Inhalte. Der optisch offensichtlich so wichtige Text »entfernt« kommt auf der Seite nur im Titel und im Copyrighthinweis vor. Der Text »Beratungsförderung«, immerhin einer der Punkte der Hauptnavigation, taucht an keiner Stelle der Seite auf. Wie soll Google oder ein blinder Anwender auf der Suche nach dieser Dienstleistung wissen, worum es geht? Und du meinst tatsächlich, dass deine Kunden bei Google gut gefunden werden? Kann ja gar nicht sein, wenn du die relevanten Keywords vor den Suchmaschinen versteckst.

Dreamweaver mag ein gutes Programm sein, liefert jedoch vernünftiges HTML nur, wenn man es dazu zwingt. Einfach bunte Bildchen und Texte in ein Tabellenkonstrukt zu ziehen, hat nichts mit der Erstellung von Webseiten zu tun. Das ist, als würde ich einen Tischler mit der Anfertigung eines Regals beauftragen und der baut mir ein IKEA-Billy zusammen. Da kann man zwar Bücher reinstellen, dafür hätte ich aber keinen Tischler gebraucht.

Die Konsequenz für dich kann nur sein, das Handwerk Webseitenerstellung zu erlernen oder es Leuten zu überlassen, die es können. Alles andere ist deinen Kunden gegenüber eine riesige Schweinerei. Verwunderlich finde ich in diesem Zusammenhang übrigens, dass ein Kunde, der sich mit Beratung beschäftigt, sich bei der Auswahl eines so wichtigen Dienstleisters offensichtlich nicht hat beraten lassen. Er hätte sich sonst nicht für dich entschieden, zumindest was die Umsetzung der Site angeht. Gegen das Design ist aus meiner Sicht gar nichts einzuwenden, das finde ich für den Zweck und das vermutlich kleine Budget sehr gelungen. Sich aber als Designer nur auf das Optische zu beschränken, ist ein zu eingeschränktes Selbstverständnis.

Ich habe vor gut drei Jahren mal einen Artikel übersetzt und veröffentlicht, der sich mit genau dieser Problematik beschäftigt. Ich würde mich freuen, wenn du ihn dir mal durchliest. Vielleicht bleibt ja etwas hängen.

Ich habe heute ein kleines Tool in Form einer Excel-Datei veröffentlicht, das mir bei zwei aktuellen Projekten sehr geholfen hat. Es handelt sich dabei um einen Grid Calculator, also ein Werkzeug zur Berechnung von Layoutrastern.

Nahezu jeder, der vor der Aufgabe eines komplexen Layouts gestanden hat, konnte schon feststellen, dass es eine ziemliche Fummelarbeit ist, die Spaltenbreite, die Breite der Spaltenabstände und die zur Verfügung stehende Gesamtbreite auf einen Nenner zu bringen und so ein ansprechendes Raster zu berechnen. Insbesondere bei einem Frontend-Projekt, in dem ich unterschiedlichste Breiten für Eingabefelder brauchte, war für mich ein möglichst vielspaltiges Layout wichtig, um bei den Eingabefeldern sehr flexibel arbeiten zu können.

Hat man dann endlich ein passendes Layoutraster berechnet, steht man vor dem nächsten Problem: Beim Anlegen der Stylesheets oder Festlegen der Vorgaben für Bildgrößen berechnet man immer wieder die Breite von Elementen, die mehrere Spalten und die entsprechenden Zwischenräume umfassen.

Um die Suche nach einem passenden Raster zu erleichtern und vor allem die nervige Berechnung der mehrspaltigen Elemente zu automatisieren, habe ich eine Excel-Datei gebaut, die einem die Arbeit abnimmt.

Eine Erläuterung der Datei und die Möglichkeit, den Layoutraster-Rechner als Excel- und Open-Document-Datei herunterzuladen gibt es auf der Seite »Grid Calculator – Layoutraster berechnen«.

Eine zwangsverordnete Pause hat mich dazu gebracht, mich endlich mal wieder nach langer Zeit mit meinem Weblog zu beschäftigen. Insbesondere der schon lange anstehende Relaunch konnte nun in Angriff genommen werden.

Insgesamt war das eine Sache weniger Stunden, was man vermutlich an der einen oder anderen Stelle noch sehen kann. Aber welcher Relaunch ist schon perfekt und an welchem Relaunch wird nicht nach dem Start noch mehr oder weniger verändert? Hier geht es schließlich auch nicht um eine Firmenwebsite sondern um nur um mein kleines Weblog mit einer doch sehr begrenzten Anzahl von Lesern.

Das Layout selbst spukte so oder ähnlich schon seit einiger Zeit in meinem Kopf herum. Ich wollte endlich von dem alten Einheitsgrau weg zu einem farbenfrohen, warmen und dennoch schlichten Layout, in dem das Lesen der Beiträge Spaß macht. Das Lesen steht hier auch ganz klar im Vordergrund, auch wenn ich vorhabe, zukünftig deutlich mehr mit Grafiken zu arbeiten, um Inhalte zu illustrieren oder einfach nur die Optik spannender zu machen.

Für die nicht ganz so regelmäßigen Besucher hier noch einmal das alte Layout als Screenshot.

Aussichten

Dem Layout liegt ein 12er-Grid zugrunde. Dazu schreibe ich in den nächsten Tagen nochmal etwas. Schließlich soll das Weblog ja nach dem Relaunch auch mit interessanten Inhalten gefüllt werden, was in der Vergangenheit viel zu kurz gekommen ist. Zumindest zwei Themen habe ich da schon in der Pipeline, mehr ergibt sich sicherlich, wenn erst mal wieder Druck auf der Leitung ist.

An einigen Stellen wird es noch Erweiterungen geben, so plane ich eh, mich mal mit dem Thema YQL zu beschäftigen und habe dann ja hier eine schöne Spielwiese. Auch für Bilder muss auf die Schnelle noch eine schöne Darstellungslösung gefunden werden. Noch dazu habe ich dem Thema Barrierefreiheit bisher kaum Aufmerksamkeit gewidmet. Das wird aber noch passieren. Die Grundlagen dafür sind ja schon gelegt.

Feedback zum Relaunch nehme ich natürlich gern an. Lasst euch in euren Kommentaren einfach aus und schont mich nicht.

Zur Weihnachtszeit wird ja traditionell viel gespendet. Wer mich kennt, wird aber wissen, dass ich zum einen kein großer Freund davon bin, Organisationen Geld zu geben, die ich inhaltlich nicht voll unterstützen kann, womit kirchliche Organisationen schon einmal ausfallen und zum anderen hat mich schon immer das Thema Hilfe zur Selbsthilfe angesprochen. Bei vielen Organisationen kommt das aber in meinen Augen eindeutig zu kurz.

Seit ich erstmalig in der GEO vom späteren Friedensnobelpreisträger Muhammad Yunus und der Grameen Bank gelesen hatte, fand ich das Theme Mikrokredite in diesem Zusammenhang aber sehr spannend.

Über einen Aufruf bei Twitter bin ich dann kürzlich auf Kiva aufmerksam geworden. Dort kann man Mikrokredite ab 25 US-Dollar (ca. 17,50 Euro) an selbst auswählbare Empfänger weltweit vergeben. Man kann natürlich auch mehr an diesen Empfänger geben, hat aber auch die Möglichkeit, mehrere Mikrokredite an unterschiedliche Empfänger zu verteilen. Deren Kredite setzen sich dann aus den Darlehen verschiedener Darlehensgeber zusammen, die sich damit das Risiko teilen.

Die möglichen Darlehensnehmer werden auf Kiva detailliert vorgestellt. Eine Such- und Filterfunktion machte es einem aber auch einfach, eine Vorauswahl z. B. nach Region oder Sektor zu treffen.

Die Kredite werden zinslos vergeben. Das Beste, was passieren kann, ist also, dass man sein Geld zurückbekommt. Im schlimmsten Fall gibt es einen Totalausfall. Durch das Verteilen seiner Darlehenssumme auf mehrere Empfänger wird das Risiko aber deutlich verkleinert. Der Totalausfall ist allerdings auch nichts Anderes als eine Spende. Zudem ist die Rückzahlungsquote bei über 98 Prozent.

Die kleine Einstiegssumme von 25 Dollar sollte es fast Jedem ermöglichen, seinen Beitrag zu einem unterstützenswerten Projekt zu leisten. Also auf zu Kiva!