1


 Einführung
 -Startseite
 -Zum Buch
 -Konventionen
 -Impressum

 Internet
 -Das Internet
 -Geschichte des Internets
 -Internet-Dienste
 -Internet-Organisationen

 Site-Management
 -Promotion
 -Erfolgskontrolle
 -Relaunch
 -Kommunikation
 -Community-Strategien

 Design-Theorie
 -Designtheorie - Einführung
 -Farben
 -Textgestaltung
 -Site-Strukturen und Navigation
 -Zielgruppenorientiertes Design
 -Usability

 Web-Sprachen
 -Einführung
 -HTML-Tutorial
 -HTML-Tags
 -XHTML-Tags
 -JavaScript-Tutorial
 -DHTML
 -JavaScript-Know-How
 -CSS-Tutorial
 -SSI

 Design-Praxis
 -Einleitung
 -Arbeitsmittel
 -Tabellen
 -Frames
 -Textgestaltung
 -Formular-Gestaltung
 -Navigation
 -Sitemaps
 -Webrides
 -Browserkompatibiltät
 -Ladezeiten-Optimierung

 Technik I
 -Einleitung
 -Datenbanken und SQL
 -Perl/CGI-Tutorial
 -PHP-Einführung

 Technik II
 -Einleitung
 -Perl-Scripts konfigurieren
 -Formulare verschicken
 -Ein Forensystem installieren
 -Redaktionssystem
 -Session-Management mit Perl
 -Newsletter-Verwaltung

eBook-Project by AboutWebDesign.de [LOGO]

5.8 Sitemaps

Druck-Version | Startseite| Kontakt | AboutWebDesign.de
Inhaltsverzeichnis "Sitemaps"

5.8.1 Einführung
5.8.2 Gestaltung
5.8.3 Verschachtelungstiefe
5.8.4 Sonstige Anmerkungen
5.8.4.1 Erreichbarkeit
5.8.4.2 Bezeichner
5.8.4.3 Grafische Sitemaps
Partnerprogramm



5.8.1 Einführung

Eine Sitemap ist der Stadtplan einer Website. Sie ermöglicht es Besuchern, sich schnell und effizient zurecht zu finden. Daher ist es immer sinnvoll, eine Sitemap als Orientierungshilfe anzubieten.
Nach oben

5.8.2 Gestaltung

Folgender Beispiel-Code zeigt eine benutzerfreundliche Sitemap:

            <html>
            <head>
            <title>Sitemap</title>
            <style>
                body {background: silver; font-family: Verdana, Arial; }
            </style>
            </head>
            <body>
            <h1>Sitemap</h1>
            <h2>Allgemein</h2>
            <ul>
            <li><a href="abc.html">News</a>
            <li><a href="abc.html">Scripts</a>
            <li><a href="abc.html">Downloads</a>
            <li><a href="abc.html">Musik</a>
            </ul>
            <h2>Der Multimaxx 40004</h2>
            <ul>
            <li><a href="abc.html">Informationen</a>
            <li><a href="abc.html">Spezifikationen</a>
            <li><a href="abc.html">Handbuch</a>
            <li><a href="abc.html">Bestellformular</a>
            </ul>
            <h2>ScannIt 5000!</h2>
            <ul>
            <li><a href="abc.html">Informationen</a>
            <li><a href="abc.html">Spezifikationen</a>
            <li><a href="abc.html">Handbuch</a>
            <li><a href="abc.html">Treiber</a>
            <li><a href="abc.html">Bestellformular</a>
            </ul>
            </body>
            </html>        
        

     Code im Browser zeigen



Worauf kommt es also bei Sitemaps an? In erster Linie auf eine übersichtliche Gestaltung. Der Surfer muss die Struktur schnell erfassen können, daher bietet sich eine Baumstruktur an. Sie sollten Überschrift-Tags, eventuell in Verbindung mit Listen, verwenden. Vorteil: die Aufgabe von HTML als Strukturbeschreibungssprache bleibt so erhalten und Personen, die keinen PC zum Surfen verwenden, werden so keine Probleme haben, die Sitemap zu verwenden. Layout-Informationen lassen sich wie im Beispiel mit CSS einbinden.
Nach oben

5.8.3 Verschachtelungstiefe

Wer eine sehr große Site betreibt, muss sich darüber im Klaren sein, dass die Übersicht leidet, wenn er jede Unterseite einzeln einbindet. Irgendwo muss also eine Grenze gezogen werden - beispielsweise bei der zweiten Ebene. Es ist deswegen manchmal sinnvoll, für bestimmte Bereiche eigene, separate Sitemaps zu gestalten. Das muss dem Surfer dann aber auch visuell klar gemacht werden: Ein sich vom Rest der Site abhebendes Layout ist sicher kein Fehler, eine große Überschrift, die auf die Begrenztheit der Sitemap hinweist, Pflicht (z.B. "Sitemap für Unterbereich Rasenmäher"). In diesem Falle muss aber auf jeden Fall ein Link zur Site-übergreifenden Sitemap vorhanden sein.

Eine andere sinnvolle Alternative könnte der Einsatz eines Java-Applets sein, das Baumstrukturen ähnlich dem Windows-Explorer darstellt. Dass damit die Vorzüge eines klaren, kompatiblen HTML-Layouts verloren gehen, ist klar.
Nach oben

5.8.4 Sonstige Anmerkungen

5.8.4.1 Erreichbarkeit

Damit eine Sitemap in kritischen Situationen helfen kann, muss sie von jeder Unterseite aus erreichbar sein. Der entsprechende Link sollte prominent platziert werden.

5.8.4.2 Bezeichner

Klare Bezeichner sind das A und O jeder Sitemap - verzichten Sie möglichst auf Verben. Ojektive, kurze Nomen und Adjektive sind hier optimal.

5.8.4.3 Grafische Sitemaps

Natürlich ist es auch möglich, seine Sitemap grafisch zu realisieren, eventuell sogar als Flash-Animation. Strukturen lassen sich dann wunderbar visualisieren, so ließe sich z.B. ein Mindmap-Modell für eine Sitemap verwenden. Ob das jedoch sinnvoll ist, sei dahingestellt: eine zu lange ladende Sitemap reduziert den Nutzwert deutlich.
Nach oben
Partnerseite: Informationen zu HTML bei HTMLWorld.de.