1 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 1 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
![eBook-Project by AboutWebDesign.de [LOGO]](logo.jpg){kind=logo}
|
||
5.8 Sitemaps |
||
| Zurück zu: [ eBook-Startseite | 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 |
||
5.8.1 EinführungEine Sitemap ist der Stadtplan einer Website. Sie ermöglicht es Besuchern, sich schnell und effizient zurecht zu finden. Daher ist es fast immer sinnvoll, eine Sitemap als Orientierungshilfe anzubieten. |
||
|
||
5.8.2 GestaltungFolgender 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> Diesen Code im Browser anzeigen Worauf kommt es also bei Sitemaps an? In erster Linie auf eine übersichtliche Gestaltung. Der Surfer darf keine Probleme damit haben, die Struktur schnell zu erfassen, daher bietet sich eine Baumstruktur an. Sie sollten daher Überschrift-Tags, eventuell in Verbindung mit Listen, verwenden. Vorteil: die Aufgabe von HTML als Strukturbeschreibungssprache bleibt so erhalten, Personen, die nicht unbedingt einen PC zum Surfen verwenden, werden so keine Probleme haben, die Sitemap zu verwenden. Layout-Informationen lassen sich wie im Beispiel mit CSS einbinden. |
||
|
||
5.8.3 VerschachtelungstiefeWer 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 kann daher sinnvoll sein, 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. |
||
|
||
5.8.4 Sonstige Anmerkungen5.8.4.1 ErreichbarkeitDamit 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 BezeichnerKlare Bezeichner sind das A und O jeder Sitemap - verzichten Sie möglichst auf Verben, objektive, kurze Nomen sind hier optimal.5.8.4.3 Grafische SitemapsNatü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. |
||
|
