Webdesign beginnt mit dem Schreiben

"Intelligent web content is the literature of our time." - dieses Zitat aus der Zusammenfassung des Feeds zu diesem A List Apart-Artikel können sich Totes-Holz-Autoren ruhig ausrucken, einrahmen und über den Bettpfosten hängen.

Der Artikel ist lesenswert. Er behandelt die Notwendigkeit der guten und flüssig lesbaren Schreibe im Web. Gelungen finde ich die Auseinandersetzung mit dem alt-Attribut. Jeder, der sich ernsthaft mit Accessibility beschäftigt, weiß, wie anspruchsvoll das Befüllen von alt- oder auch title-Attributen sein kann. Ich stoße heute noch beim Lesen ein begeistertes "Klasse" aus, wenn jemand guten Gebrauch von diesen Attributen macht.

Die Sache mit den "sprechenden Links" bzw. zu wissen, welche Worte man mit einer anderen Resource verlinkt, gehört ebenfalls zu den harten Grundlagen des Hypertextens; daran kann man Anfänger von Profis unterscheiden.

Beispiel: Was ist schöner?

1.) Sie können das phänomenale Desktop-System Ubuntu hier herunterladen.
2.) Sie können das phänomenale Desktop-System Ubuntu hier herunterladen.
3.) Sie können das phänomenale Desktop-System Ubuntu hier herunterladen.

Die Verlinkung ist nicht nur eine Sache der Accessiblity, sondern auch der Usability. Denn Hyperlinks sind meist in irgendeiner Form hervorgehoben (durch Unterstrich, Farbe oder Fettdruck) und so fördert die richtige Verlinkung das effiziente Querlesen. Ãœberfliegt man alle Links in einem Text, sieht man am letzten Beispiel am schnellsten, worum es in diesem Satz geht.

Ich vernachlässige diese Grundsätze leider auch viel zu oft in diesem Weblog. Der oben verlinkte Artikel wird mich motivieren, darauf wieder mehr zu achten. Schließlich sind das hier Hypertexte.

Thursday, August 2. 2007
Comments (4) | Trackbacks (0)
Defined tags for this entry: , , , ,
316 hits

Comments

Display comments as (Linear | Threaded)

1

fwolf (Homepage) on 2007-08-03 08:55 (Reply)

noch besser: Laden Sie sich hier Ubuntu, das phänomenale Desktop-System, herunter.

cu, w0lf.
2

fwolf (Homepage) on 2007-08-03 08:57 (Reply)

korrektur mit Link (habe vergessen, dass es hier nur mit BB-Code geht): Laden Sie sich Ubuntu, das phänomenale Desktop-System, herunter.

=> "hier" kommt immer scheiße. Ist total nichtssagend.

cu, w0lf.
3

Boris (Homepage) on 2007-08-03 21:15 (Reply)

Die richtigen "sprechenden" Links im eigenen Geschreibe zu finden, ist tatsächlich oft gar nicht so einfach. Manchmal stelle ich Sätze um, damit ein Link "passt" und etwas aussagt darüber, wo er hinführt. Es kommt aber auch vor, dass ich einfach blödsinnig oder nichtssagend verlinke und es Tage später sehe. Dann bessere ich auch schon mal nach.

Dem Thema gebührt jedenfalls mehr Aufmerksamkeit.
4

fwolf (Homepage) on 2007-08-06 08:41 (Reply)

@ Boris: der Witz an der Sache ist - den ausdrücklichen Hinweis auf "sprechende" Links, d.h. mit sinnvoller Aussage, fand ich in dieser Form in einem Buch namens "Texten fürs Web" - das ist allerdings im Original schon 8 Jahre alt (meine Ausgabe stammt von 2003). Dass man das immer noch wiederholen muss .. tsts. Gehört an sich in Artikel zum Thema Semantisches Web automatisch mit hinein.

cu, w0lf.

Trackbacks

Trackback specific URI for this entry

No Trackbacks

Add Comment

BBCode format allowed
Enclosing asterisks marks text as bold (*word*), underscore are made via _word_.
Standard emoticons like :-) and ;-) are converted to images.
E-Mail addresses will not be displayed and will only be used for E-Mail notifications.

To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly.
CAPTCHA


Über

Das hier ist das private Weblog von Alp Uçkan. Ich entwickle Websites seit 1997 und arbeite derzeit als freiberuflicher Frontend-Entwickler.

Specialp Features

fapulous Framework (neu!)
Das erste XHTML/CSS-Framework auf Basis der Faux Absolute Positioning-Technik. Beinhaltet viele performante Konstrukte. Der Stoff, aus dem professionelle Websites gemacht sind ... ;-)

monitorThis 1.0
With MonitorThis you can subscribe to 26 different search engine feeds at the same time.

Business Blogging Weeks
Blog-Serie über die Kommerzialisierung der Blog-Szene in 2005

Getaggte Artikel

neueste Leser-Kommentare:

ich-zitiere.de about Coole Filmzitate II.
06.02.2011 17:28
Lucky Number Slevin hat sowieso die besten Filmzitate! Hier noch ein paar sehr Gu [...]
mark about Tutorial: Custom 3 Column FAP Layout width Fapulous (Update)
21.01.2011 13:26
Ok, I will do this in the next few days, probably two weeks. I have to do some three [...]
alp about Tutorial: Custom 3 Column FAP Layout width Fapulous (Update)
21.01.2011 12:52
Dear Mr Binder, a free german translation of this tutorial would be highly apprec [...]

Archive

del.icio.us-Links

(More)