u1amo01 - Artikelserien

Gebote für gutes Webdesign: Du sollst keinen Traffic klauen

nospam@example.com (Klaus) — Sat, 16 Aug 2008 10:41:00 +0200

Liebe Babsimausi66,
es freut mich, dass Dir Beiträge von mir gefallen. Was mich nicht freut, dass Du einen Artikel dreist kopiert hast - inklusive den s9y-Befehlen. Überhaupt nicht gefällt mir, dass Du auch noch das enthaltene Bild von meinem Webspace verlinkst und somit auf meine Kosten Traffic erzeugst.

Da ich ein höflicher Mensch bin (meistens), habe ich jetzt mit einer entsprechenden Anweisung in der htaccess-Datei einen Riegel vorgeschoben. Mein Server liefert Bilder nur noch aus, wenn der Referrer »blog.u1amo01.de« enthält.

Dank eines Artikels von Jörg Kruse geht das ganz einfach:


# Regel gegen Bilderklau 

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http://(blog\.)?u1amo01\.de(/.*)?$ [NC]

RewriteRule \.(gif|jpg|png)$ - [F]

# End Bilderklau

Damit das auch bei Euch funktioniert, muss die Anweisung (blog\.)?u1amo01\.de natürlich entsprechend angepasst werden.

Danke, Jörg!

Gebote für gutes Webdesign Teil 5

nospam@example.com (Klaus) — Fri, 05 Oct 2007 21:18:43 +0200

Du sollst eine Wegbeschreibung verfassen.

Das trifft natürlich nur für einen Teil der Internetangebote zu. Wenn z. B. auf der Seite des Homburger Musiksommers eine Wegbeschreibung zu finden wäre, müssten wir morgen nicht sinnlos durch Homburg irren...

Gebote für gutes Webdesign Teil 3

nospam@example.com (Klaus) — Fri, 28 Sep 2007 21:10:38 +0200

Verwende *niemals* irgendwelche Musik, die sich bei Aufruf Deiner Seite über den ahnungslosen Surfer ergießt.

Das ist akustische Umweltverschmutzung.

Wenn der geneigte Surfer - so wie ich - beim Internetzstehsegeln eine Musik-CD hört, hat er plötzlich zwei verschiedene Lieder gleichzeitig auf der Anlage. Und kommt vielleicht nie wieder auf Deine Site.

Gebote für gutes Webdesign Teil 2

nospam@example.com (Klaus) — Wed, 08 Aug 2007 07:00:35 +0200

Verwende ein CSS-Stylesheet für Print.

Ein Button "Artikel drucken" den man – so wie bei Telepolis – auf vielen Webseiten sieht, ist völlig unnötig. Dafür erstellt man einfach ein eigenes Stylesheet. Das bindet man genauso ein wie das "normale", nur mit der Anweiseung media="print" anstelle von media="screen".

Eric Meyer empfiehlt, zuerst das vorhandene Screen-Stylesheet zu deaktivieren und dann die benötigten Regeln für den Ausdruck zu schreiben. Dabei sollte man beachten, dass auf Papier Serifenschriften wie z. B. Times gut lesbar sind, dass man keine Sidebar im Ausdruck braucht etc. pp.

Ein gutes Beispiel sind die Artikel bei "peruns weblog", z. B. der Beitrag "WordPress-Themes verstehen 1". Im Ausdruck erscheint ein angepasster Header und die Sidebar wird ausgeblendet, das Blatt wird gut ausgenutzt.

Perfekt ist es bei Frank Bültge: dort werden im Ausdruck die verlinkten URLs mit ausgegeben.

Nachtrag: Über Marks Kommentar bin ich auf der Seite baummord.de gelandet. Dort gibt es gute Tipps, wie man ein Print-Stylesheet ganz einfach realisieren kann.

Gebote für gutes Webdesign Teil 1

nospam@example.com (Klaus) — Thu, 24 May 2007 07:00:28 +0200

Die Serie für Dinge, die mich im Netz immer wieder ärgern.

Du sollst keine Frames verwenden

Simple Regel. Verwende keine Frames.

Niemals!

Es könnte ja sein, dass jemand auf eine Unterseite verlinken will, z. B. die Seite Konzertfotos. Geht zwar, aber dafür steht der Besucher auf der Unterseite ziemlich im Regen, weil er keinerlei Navigation vorfindet.

Vielleicht kommt der User über eine Suchmaschine, weil er wissen will, wann eine Band in Landau spielt. Bei diesem Suchergebnis steht man völlig im Nirwana.

Dann gibt es noch sehbehinderte Nutzer, die mit dem Inhalt "This document requires a browser that can view frames" wenig anfangen können. Höre ich da jemanden sagen "das sind doch allenfalls ein paar wenige Prozent meiner Besucher"?

Grober Unfug.

Einer der wichtigsten Nutzer ist praktisch blind. Der Google-Bot, der für die Aufnahme in die wichtigste Suchmaschine verantwortlich ist.

Zu dieser Thematik gibt es die gelungene Geschichte "Der Suchmaschinen-Robot und der Webdesigner"

Anmerkung: Die Beispiele sind willkürlich gewählt und sollen keinesfalls die jeweiligen Webmaster an den Pranger stellen.