Medienkultur und SEO-Blog über Bildersuche und Website-Optimierung

Coole Bilder-Rezepte

Bilder für Blogartikel… Wenn man es blumig beschreibt, öffnet ein Bild ein emotionales Tor, das die intellektuelle Rezeption vereinfacht. Der Text wird einfach besser lesbar – nicht physisch, sondern psychisch. Ein oder mehrere Bilder in einem Blogartikel bilden eine Art atmosphärischen Rahmen, der den Text zusammenbindet. … Nagut, das ist einigen jetzt vielleicht etwas zu theoretisch schwammig. Aber Fakt ist: Bilder gehören zur Lesegewohnheit. Ein längerer Text ohne Bilder hat ein dröges Fachbuch-Image – mit Bildern wird er lebendig. Man kann einfach lockerer lesen. Allerdings fällt es vielen schwer, ihre geistreichen Artikel auch noch originell zu bebildern. Wie man auch ohne Vorkenntnisse spannende und lustige Bilder für den eigenen Blog erstellen kann, beschreibt dieser Artikel. Weiterlesen »

Neues Blogdesign

Jetzt war ich mal kurz Essen, und schon hat die Nachricht via Twitter schon die Runde gemacht. Danke @seo2feel, @dernetteseo, @seounited, @zeejott, @Seodeluxe. Der tagSeoBlog hat ein neues Design bekommen. Wie schon Ende März in dem Beitrag “ReDesign – tagSeoBlog.de aufgefrischt” angedeutet, tritt dieser Blog nun in “Phase 3″. Wesentliches Neuerung ist die überarbeitete Navigation im Kopfbereich der Seite. Der harte Kontrast musste einer eher weichen und harmonischen Erscheinung weichen. Das Design-Konzept ist in “Phasen” gestaffelt. Weiterlesen »

CSS optimieren

Ein Website lässt sich grob vereinfacht als eine Sammlung von Text und Medien beschreiben, die auf eine adäquate Weise vom Browser dargestellt werden. Den Text und die Medien kann man auch Inhalt nennen, und die Art der Darstellung Form. Für eine effektive Weiterentwicklung einer Website macht es Sinn, Form und Inhalt zu trennen. Auf diese Weise lassen sich ohne Probleme neue Inhalte hinzufügen. Auf der anderen Seite kann man auch Änderungen am Design vornehmen, ohne alle Seiten überarbeiten zu müssen. Aus diesem Grund wird heutzutage die Gestaltung einer Website über Cascading Style Sheets (kurz CSS) definiert. Aber wie kann man diese CSS-Datei(en) optimieren? Weiterlesen »

Websites optimieren

Jeder, der eine Website betreibt, kennt das: Von Zeit zu Zeit muss die Sache aufgefrischt werden. Eine gute Website entwickelt sich weiter. Und zwar nicht nur bezogen auf Inhalte oder SEO-Optimierung, sondern auch in Bezug auf Erscheinung, Atmosphäre und Usability. Auf einer optimierten Website hat der Besucher ein gutes Gefühl – und zwar ohne zu wissen, warum. Die Optimierung einer Website kann auf zwei Wegen stattfinden: als Relaunch von heute auf morgen – oder schleichend, so dass es keiner kaum einer merkt. Um diese beiden Methoden geht es in diesem Artikel … Weiterlesen »

Wordpress theme design

Ein neues Design-Thema für Wordpress-Blogs: heute habe ich mein zweites Wordpress theme fertiggestellt. Ich nenne es “Mondrian Style”. Dem kunstliebenden Leser wird das schnell einleuchten. Die Webdesign-affinen Bilder von Piet Mondrian lassen sich nahtlos in eine digitalen Welt übertragen. Freundlich und heiter, aber konzentriert und fokussiert – ein idealtypisches Webdesign. Hier gehts zur Mondrian-Style-Demo-Seite. Wer es probieren möchte:

Free download : Wordpress theme “Mondrian Style“ ( engl. Vers. 1.0, 39 kb, .zip )

Zwei Zitate können belegen, dass Mondrian als Visionär moderner Bloggestaltung angesehen werden kann. Im Jahr 1910 hat er unter eine Zeichnung geschrieben: Weiterlesen »

Wordpress theme: Bity Shark

Heute starte ich mal (wieder) etwas Neues. Und zwar Wordpress Designs. Wenn ich mir ansehe, was es so an Blog-Designs für wordpress gibt, dann fehlt mir irgendwie das Subversive, das Bissige und Gemeine. Ok – schon klar: ich habe nicht lange genug gesucht. Die Fachleute werden mir jetzt massenhaft klasse Themes nennen können. Aber darum geht es gar nicht. Ich erwähne das nur, weil es für mich der Anlass war, mal ein eigenes Design zu entwerfen. Und nach ca. 10 Stunden Arbeit ist ein, naja, hoffentlich originelles Design herausgekommen. Hinzu kam eine Anfrage, ob ich für einen Blog ein Design realisieren könnte. Da ich ja weiss, das man mit Bloggen nichts verdient, habe ich mir überlegt, einfach ein offenes Design zu entwerfen. Aber, Mirco: dieses Design ist nicht für Deinen Blog gedacht. Keine Bange… Weiterlesen »

Blindenzeichen: scharze Punkte auf Gelb

Gestern durfte ich an einer Weiterbildung teilnehmen, die das Aktionsbündnis für barrierefreie Informationstechnik veranstaltet hat. Thema: “Web 2.0 und Barrierefreiheit – Chancen und Herausforderungen”. Und ich muss sagen: selten habe ich so viel “kapiert”.

Das entscheidende Erlebnis war der Vortrag der blinden Frau Ruzica Jokic. Sie hat nichts weiter getan, als zu demonstrieren, wie sie das Internet benutzt. Sie saß vor ihrem Laptop, dessen Bild auf eine Leinwand projeziert wurde. Für die Nutzung des Computers bzw. des Internets vertraut sie einem Screenreader. Die künstliche Stimme dieses Screenreaders war über einen Lautsprecher für uns Anwesende zu hören. Logischerweise benutzen Blinde keine Maus. Stattdessen navigieren sie ausschließlich über die Tastatur. Weiterlesen »

Website reDesign

Nur eine kleine Nachricht, die endlich mal die Webdesign-Ambitionen dieses Blogs in den Vordergrund rückt. In meinem Einleitungstext habe ich fomuliert: “SEO optimiert Websites für Suchmaschinen – Webdesign optimiert Websites für Menschen.” Und drei Monaten nach dem Blog-Start habe ich nun das Design etwas angepasst. Aber zunächst ein paar Worte zum bisherigen Design: Im Vordergrund der visuellen Erscheinung stand zunächst die “Wiedererkennung“. Dir orangen Streifen oben scheinen mir in der mir bekannten Blog-Szene relativ unbenutzt. Das zugegeben nichtssagende Flugzeug (das “j” des Fonts “Webdings”) sitzt da ganz gemütlich drin. Ich denke, dass der erste Schritt “Blog-Optik” einigermaßen hinhaut. Daher komme ich jetzt zur Phase 2 des Designs: Klarheit und Orientierung. Da hatte das bisherige Erscheinungsbild noch arge Defizite. Insbesondere die Navigation war so übersichtlich wie der Hauptbahnhof von Delhi. Besonders störend war die rechte obere Ecke. Zur Erinnerung hier noch mal zwei Screens – links das alte, rechts das neue Design: Weiterlesen »