 Sitemap 01
Eine Sitemap gehört bei einer umfangreichen Web-Präsenz schon beinahe zum guten Ton. Neben der Annehmlichkeit für den Besucher erfüllt sie, geschickt eingesetzt, ganz nebenbei auch andere Funktionen.
Die Sitemap kann als Navigationshilfe, als Startdatei für den "No-Frames-Bereich" und als Crowler-Hilfe für Suchmaschinen eingesetzt werden. Dort können Sie ihr Angebot außerdem ausführlicher beschreiben.
 Eine Sitemap kann den Inhalt treffender beschreiben als ein Menüpunkt. Schließlich haben sie in der Map etwas mehr Raum zur Verfügung.
Eine Sitemap kann als zweite Navigationshilfe mittels Textlinks entworfen werden und sollte jederzeit abrufbar sein.
Eine Sitemap könnte die Steitenthemen in alphabetischer Reihenfolge oder nach Themengruppen aufzeigen. So erfüllt sie nebenher die Aufgabe eines Index.
Eine Sitemap sollte auch als Crowlerhilfe für Robots (Suchmaschinen) verwendet werden. In den Noframesbereich eingebunden finden Roboter beim Indizieren der Seite auch die Unterseiten.
Einfache Sitemap als Liste
Hier werden die beschreibenden Textlinks einfach als Listenelemente dargestellt. Die Listenelemente sind zusätzlich auch als Link notiert. Die Formatierung wurde mit CSS festgelegt.
Beispiele HTML-Themen
Zuerst die Texte als Aufzählung formatieren ...
<ul>
<li>erste Schritte mit HTML</li>
<li>Notation für Sonderzeichen</li>
...
</ul>
...dann als Link notieren !
<ul>
<li><a href="xyz.htm">erste Schritte mit HTML</a></li>
<li><a href="xyz.htm">Notation für Sonderzeichen</a></li>
...
</ul>
Gestaltung / Formatierung mit CSS
Den Links eine CSS-Klasse zuordnen ...
<ul>
<li><a class="map" href="xyz.htm">erste Schritte mit HTML</a></li>
<li><a class="map" href="xyz.htm">Notation für Sonderzeichen</a></li>
...
</ul>
... die im Head definiert wurde.
<style type="text/css">
<!--
a.map {
font-size:11 px;
color:#000000;
text-decoration:none;
}
a.map:visited {
font-size:11 px;
color:#000000;
text-decoration:none;
}
a.map:hover {
color:#FF007F;
text-decoration: underline;
}
-->
</style>
Eigene Aufzählungszeichen
Wenn sie die üblichen schwarzen Pünktchen vor den Listelementen nun durch eigene Symbole ersetzen möchten, reichen dazu wenige Zeilen CSS-Code. Demos finden sie auf separaten Beispielseiten.
Zur allgemeinen Erklärung von CSS-formatierten Listen lesen sie mehr in der Rubrik CSS unter dem Menüpunkt 'eigene Aufzählungszeichen'.
 Sitemap als Crawlerhilfe
Sitemap 02
| 
HOME
QuellCode 
ZURÜCK