Sitemap erstellen – Sitemaps in der Konzeption


Sitemap

Sitemap erstellen: Das übliche Hilfsmittel zur Strukturierung einer Website bei der Konzeption ist die Sitemap – auch Flussdiagram, Flowchart, Struktogramm oder Ablaufdiagramm genannt. Manche sprechen sogar nicht ganz richtig von Storyboard. (Der Begriff Storyboard kommt aus dem Trickfilm-Bereich, wo er eine Sammlung von Skizzen aller Szenen bezeichnet. Ein Storyboard im Multimedia-Bereich ist normalerweise eine Folge von Skizzen für jeden wesentlichen Zustand, die den Ablauf einer Animation oder interaktiven Anwendung zeigen.)

Die Sitemap wird üblicherweise auch auf der Website selbst abgebildet, um den Benutzern eine Übersicht zu geben. Doch im Folgenden soll es nur um die Sitemap in der Konzeption gehen.

Wann erstellt man die Sitemap?

Die Sitemap ist üblicherweise der erste Teil des Feinkonzepts, dem Bauplan der Site. Die Sitemap legt die Informations-Architektur der Site fest. Zuvor haben Sie im Grobkonzept Rahmenbedingungen, Ziele, Zielgruppe, Umfang und Funktionen definiert. Sie wissen nun also schon recht genau, was auf die Site soll.

Wozu dient die Sitemap?

Mit der Sitemap bringen Sie die Inhalte in eine Struktur. Sie gibt an, wie die Themen auf die Bereiche und Unterbereiche verteilt sind und welche Seiten Links zu welchen anderen Seiten enthalten – das heißt, auf welchem Weg der Benutzer sich von der Startseite aus durch die Site bewegt. Sie sollten tatsächlich jede HTML-Seite angeben, die erstellt werden soll.

Gruppen von Seiten können Sie zusammenfassen. Etwa wenn wie bei einem Katalog oder einem Nachrichtenarchiv größere Datenmengen mit gleichem Seitenaufbau vorhanden sind.Wenn Sie eine Site erstellen, die mit einem Content Management-System (CMS) umgesetzt wird, ist das Erstellen der Sitemap etwas schwieriger. CMS kommen vor allem dann zum Einsatz, wenn große Datenmengen anfallen, die sich häufig ändern – etwa bei Nachrichten-Sites. Deshalb sind hier sowohl Inhalt sowie meist auch Zahl der Seiten variabel. In so einem Fall erstellt man eine Sitemap, auf der alle Bereiche der Site sowie zumindest alle Seitentypen (Vorlagen) eingezeichnet sind. Bei CMS definieren Sie einige Vorlagen, nach denen das System die jeweiligen Inhalte (Text, Bilder etc.) zu einer HTML-Seite aufbereitet.

Sitemaps spielen auch eine große Rolle für die Verständlichkeit vom Google Crawler und haben Einfluss darauf, ob Ihre Seite indexiert wird oder nicht. Hier gelangen Sie direkt zu einer SEO-Checkliste mit allen relevanten Aspekten für die Suchmaschinenoptimierung Ihrer Webseite.

Zeichnen der Sitemap

Bei der Darstellung der Sitemap herrscht im deutschsprachigen Raum recht großes Durcheinander. Jeder Konzepter scheint sein Spezialrezept zu haben. Ich empfehle daher die Darstellungsweise, wie sie in Amerika üblich ist. Sie wird von den meisten Agenturen dort verwendet.

Der Konzepter Jesse James Garrett hat sich um die Vereinheitlichung verdient gemacht, indem er diese Darstellungsweise schriftlich fixiert hat. Bei www.benutzerfreun.de finden Sie eine Übersicht zum Ausdrucken sowie Vorlagen, die Sie in gängigen Flowchart-Programmen als Bibliothek verwenden können.

Grundregeln für Sitemaps

  • Machen Sie alle Kästen für HTML-Seiten gleich groß, damit auch weniger erfahrenen Auftraggebern klar ist, dass jeder Kasten für eine einzige Seite steht.
  • Setzen Sie Farbe sparsam ein. Nur wenn eine Unterscheidung nötig ist, sollten Sie einzelne Elemente unterschiedlich einfärben. Bleiben Sie auch dann konsistent.
  • Sorgen Sie dafür, dass die Sitemap übersichtlich bleibt. Zeichnen Sie lieber für verschiedene Bereiche eigene Sitemaps, als alles auf ein Blatt zu quetschen.

Sie müssen nicht alle Querverlinkungen zwischen den Seiten einzeichnen, sonst wird die Sitemap schnell sehr unübersichtlich. Dass jede Seite zur Startseite verweist, versteht sich von selbst und muss nicht eingezeichnet werden. Auch Querverlinkungen, die nur als Zusatzinformation für wenige Benutzer gedacht sind, gehören nicht unbedingt auf die Sitemap. Sie müssen die Balance zwischen einer detaillierten und einer unübersichtlichen Sitemap finden.

Auch technische Prozesse wie etwa das Anmelden registrierter Benutzer brauchen Sie nicht als perfektes Funktionsdiagramm anzulegen. Das können Sie in einem eigenen Flussdiagramm für den Programmierer tun.

Sitemaps Zeichnen mit MS Office

Einige Konzepter erstellen ihre Sitemaps mit Zeichenprogrammen wie Illustrator oder den Zeichen-Funktionen von Microsoft Word. Das ist vor allem deshalb lästig, da Sie jede Linie verschieben müssen, wenn Sie einen Kasten verschieben. Falls Sie kein neues Programm kaufen wollen, sollten Sie lieber PowerPoint oder Excel verwenden. Diese haben im Gegensatz zu Word echte Verbindungslinien, die an Kästen fixiert werden können und sich automatisch mitbewegen, wenn ein Kasten verschoben wird. (Diese Funktionen sind ab Office 97 unter Windows und ab Office 98 beim Mac verfügbar.)

Gehen Sie in PowerPoint oder Excel auf das Menü „EXTRAS/ANPASSEN“ und aktivieren Sie die Symbolleiste „ZEICHNEN“. Wählen Sie „AUTO FORMEN“ und dort den Eintrag „FLUSSDIAGRAMM“. Hier stehen Ihnen die wichtigsten Formen zur Verfügung. Verwenden Sie zum Verbinden der Kästen die Linien aus „VERBINDUNGSLINIEN“, sonst bekommen Sie wieder ganz normale Linien, die sich nicht mit den Kästen zusammen bewegen.

Komfortabler arbeiten Sie mit einem der folgenden Programme.

Diagramm-Software zur Erstellung von Sitemaps

Microsoft Visio bietet eine Vielfalt von Funktionen, die aber das einfache Arbeiten auch ohne Handbuchlektüre nicht behindern. Allerdings müssen Sie eventuell etwas suchen, bis Sie die richtigen Bibliotheken mit Vorlagen gefunden haben. Die Elemente lassen sich mit Visio auch aufwändig programmieren, außerdem kann man viele verschiedene Arten von Diagrammen damit erstellen. All das ist für Sitemaps aber an sich nicht nötig. Visio gibt es nur für Windows.

Deutlich günstiger als Visio ist sein Konkurrent Concept Draw. Dieses Programm bietet fast alles, was Visio bietet. Außerdem gibt es Concept Draw auch für den Macintosh.

OmniGraffle ist anders als die zwei zuvor genannten Programme klein, schlank, billig und sehr intuitiv zu bedienen. Es hat nur die Grundfunktionen, die man zum Zeichnen und Formatieren von Sitemaps und anderen einfachen Diagrammen braucht. Für alle, die nichts weiter erwarten, ist OmniGraffle die erste Wahl; die Arbeit damit macht richtig Spaß. Leider gibt es das Programm nur für Macintosh.

Vom selben Hersteller kommt OmniOutliner. Damit lassen sich einfach gut strukturierte Gliederungen und Listen erstellen. Das Programm macht das, wofür die meisten Leute Excel benutzen, nur viel intuitiver. Die Gliederungen von OmniOutliner lassen sich mit OmniGraffle öffnen und werden dann automatisch in eine richtig strukturierte Sitemap umgesetzt. Perfekt durchdacht, spart dem Konzepter unglaublich viel Arbeit – auch das nur am Mac.

Inspiration ist eine Software, die eigentlich für Kinder entwickelt wurde. Allerdings lassen sich damit auch ganz gut Sitemaps zeichnen. Für die Basisfunktionen ist das Programm ausreichend. Es ist für Windows und Mac erhältlich.

Das Programm VisualThought ist kostenlos. Allerdings ist die Benutzeroberfläche sehr gewöhnungsbedürftig. Es ist für Windows und Linux erhältlich.

Flowcharter von iGrafx (früher Micrografx; gehört inzwischen zu Corel) versucht ebenfalls ernsthaft Visio Konkurrenz zu machen. Das Programm gibt es nur für Windows. Es gehört auch eher zu den teuren Programmen, die viele Funktionen mitbringen, die man für Sitemaps eigentlich nicht braucht.

SmartDraw ist mit wesentlich weniger Funktionen ausgestattet. Für die meisten einfachen Diagramme wie etwa Sitemaps ist SmartDraw aber vollkommen ausreichend. Es ist nur für Windows erhältlich.

Doch all diese technischen Fragen sind zweitrangig. Genauso können Sie Ihre Sitemaps mit Stift und Papier anlegen. Alles, was diese leisten müssen ist, Ihnen Sie selbst, dem Auftraggeber und dem HTML-Programmierer verdeutlichen, aus welchen Seiten die Site besteht und wie sie miteinander verbunden sind.

Ein weiterer Beitrag zu diesem Thema: Sitemaps für die Webseite

Links

Vorlagen für Sitemaps mit Visio, Concept Draw und OmiGraffle sowie eine Übersicht der Elemente zum Ausdrucken.

Jesse James Garrett und sein „Visual Vocabulary“ zum Erstellen von Sitemaps. Links & Preise Diagrammsoftware

245 € kostet die Standard-Version, 533 € Professional

125 € Standard-Version

Testversion erhältlich (volle Funktionalität, jedoch maximal 20 Elemente pro Blatt); Vollversion 60 US$

30 US$

70 US$

  • VisualThought

Die Site des Herstellers ist offline, das kostenlose Programm kann noch heruntergeladen werden unter www.bombshellstudios.com/samples/co/downloads.html

395 US$

SmartDraw Standard 50 US$

Zurück zu Contentmanager.de

Contentmanager.de Newsletter.
Bleiben Sie informiert. Wöchentlich. Kostenlos.

Bildquellen

  • Sitemap: http://photodune.net/user/flytosky11
Previous Barrierefreie Webseite - legen Sie Ihren Besuchern keine Steine in den Weg
Next Sitemaps für die Website

5 Comments

  1. […] letzten Beitrag ging es um Sitemaps in der Konzeption. Sie sind ein unentbehrliches Werkzeug, um die Inhalte der […]

  2. […] und um die Anordnung von Elementen auf der Seite oder um die Einordnung von Seiten in die Struktur der Site. Doch nicht immer ist die Umsetzung im Team problemlos […]

  3. […] Mehr zum Thema Sitemap erstellen. […]

  4. […] Bauen Sie zum Beispiel einen Obsthandel im Internet auf, werden Sie kaum ein botanisches System zum Gliedern der Informationen verwenden. Sie können nicht davon ausgehen, dass der Benutzer unter dem Begriff „Sammelfrüchte“ Äpfel sucht oder dass er weiß, dass Tomaten unter „Beeren“ zu finden sind. Stattdessen werden Sie eher die übliche Einteilung nach „Obst“ und „Gemüse“ wählen. Die Feingleiderung kann auch in einer Sitemap münden. […]

  5. […] zum Anlegen der Sitemap finden Sie im Artikel Sitemaps in der Konzeption und auch in dem Artikel Sitemaps für die […]

Schreibe einen Kommentar zu Usability - Review | Nutzen und Grenzen | Probleme beheben Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

zwei × fünf =