Home arrow Webseiten Design
Friday, 9. May 2008
Menu Firmen-Webseiten
Home Startseite
Webseiten-Ziele
Webseiten-Inhalt
Webseiten Design
Unser Service
Menu Branchen
Empfehlungen
Branchenwissen
Verkaufsshop
Menu Web-Software
Login Form





Passwort vergessen?
VirtueMart Shopping Cart
VirtueMart
Your Cart is currently empty.

Webseiten Design PDF Drucken

Design der Webseite

Ein „Design“ dient der optischen Auflockerung einer Webseite. Fachlich ist das Design in der Regel überflüssig, es sein denn, Graphiken und Bilder sind für das Verständnis des Inhaltes unerläßlich. Das "Design" belastet eine Webseite durch zusätzlichen Code und enthält Elemente, die Gift sind für Suchmaschinen. So sollte man beim Design diese Elemente kennen und auf deren Einsatz möglichst verzichten.

Kriterien für eine Suchmaschinen freundliche Webseite:

  • weißer Hintergrund, schwarze Schrift, Schriftgröße mindesten 10 pt
  • wenige Grafiken/Bilder verwenden, deren Größe optimieren
  • weder Flash noch Musik einsetzen
  • Pop-Up Fenster und Javascript vermeiden
  • Seitenherstellung mit Editoren, die sparsam HTML-Code produzieren
  • Frames vermeiden


Ladegeschwindigkeit

Eine Seite muß schnell geladen werden, damit der Besucher weder Geduld noch Interesse an der Webseite verliert. Die Ladegeschwindigkeit ist abhängig von der Dateigröße der Seite. Die Dateigröße wird wiederum beeinflußt durch:

  • Umfang der Informationen – je mehr Text, desto größer wird die Seite
  • Umfang des HTML-Codes, der sich hinter einer Seite verbirgt. Der HTML-Code ist abhängig vom Editor, mit dem der Text der Webseite erzeugt wird.
  • Anzahl und Umfang von Grafiken und Bildern


Wenn Sie rechts auf das Bild klicken, sehen Sie untereinander zwei gleiche Bilder jedoch in unterschiedlicher Dateigröße.

  • Das obere Bild hat 20 KB
  • Das untere Bild hat 132 KB

 

Bildvergleich
Bitte klicken zum Vergleich

Wenn Sie rechts auf das Bild klicken, sehen Sie untereinander zwei gleiche Preislisten, jedoch mit unterschiedlichen Editoren erzeugt.

  • Das obere Bild wurde mit Dreamweaver erzeugt und hat 2 KB
  • Das untere Bild wurde mit MS-Word erzeugt und hat 10 KB
Image


Übrigens sind Grafiken und Bilder ohne Bedeutung für die Indexierung durch eine Suchmaschine.

Art des Browsers

Die Informationen einer Webseite werden als HTML-Code auf einem zentralen Server abgelegt.  Der „Browser“ ist ein Programm auf dem eigenen Computer. Der Browser interpretiert den HTML-Code der Webseite uns setzt  Grafik, Text und Bilder so um, dass man diese gut am Bildschirm sehen kann. Es gibt unterschiedliche Browser, z.B. Internet Explorer, Firefox, Mozilla, Opera u.a. Welchen Browser ein Besucher der Webseite benutzt, kann man nicht wissen.

So wie mehrere Dolmetscher denselben Text unterschiedlich übersetzen, so verhalten sich auch Browser bei der Übersetzung des HTML-Codes. Es gibt Browser, die bestimmte HTML-Elemente nicht oder nur ungenügend kennen oder unterschiedlich bzw. falsch interpretieren.

Es ist also nicht sinnvoll, eine Webseite für einen bestimmten Browser zu optimieren. Vielmehr sollte man sich an den klassischen Sprachstandard halten. (Es sei denn, man macht sich die Mühe und erstellt für jeden gängigen Browser eine eigene Variante der Webseite.)

Avianca Colombia
Klick für Flash-Beispiel
Flash – Musik

Mit Flash, Musik oder anderen beweglichen Grafiken werden in der Regel keine sachlichen Informationen vermittelt. Daher sind sie auf seriösen Informationsseiten selten zu finden. Da Suchmaschninen meist "allergisch" auf Multimediaelemente reagieren, ist die Anwendung denn auch in Frage zu stellen.

Javascript

Javascript wird von den Suchmaschinen nicht ausgewertet, Links werden nicht verfolgt. Anwender ärgern sich oft über Webseiten, bei denen Werbefenster mit Javascript eingeblendet werden. Sie sollten die Besucher Ihrer Webseite nicht unnötig verärgern!

Schrift, Farbe, Hintergrund

Die meisten Bücher haben weißes Papier und schwarze Schrift – weil damit ein Text am besten zu lesen ist. Diese Regel gilt seit Erfindung der Buchdruckerkunst. Alle Abweichungen von diesen Regeln sind aber für den Webbesucher meist hinderlich.

Wählen Sie einen einfarbigen hellen Hintergrund und eine dunkle Schrift, die groß genug ist, dass man sie ohne Lupe lesen kann.

Drucken von Webseiten

Es ist heute quasi Standard, das Menü links auf der Webseite zu positionieren. Rechts daneben steht der dazugehörige Text. Druckt man diese Webseite mit Strg-P oder dem Druck-Button des Browsers, wird auf dem Papier häufig rechts der Text abgeschnitten. Will der Laie dies vermeiden, muß er über die Browser-Funktion „Seite einrichten“ das Papier auf Querformat stellen. Wie viel einfacher ist es, das Menü in der Kopfleiste oder auf der rechten Seite zu positionieren, bzw. einen Button für das Drucken der Seite vorzusehen.