Marketing Service Portal

Website-Navigation Tip Sheet

1

Website-Navigation – Grundlagen Gute Website-Navigation In diesem Tip Sheet geht es um die Menüs auf der Website sowie weitere Möglichkeiten für den Benutzer, sich auf Ihrer Website zu bewegen. Navigationselemente müssen einfach zu finden und zu bedienen sein! 

Sie müssen auf der gesamten Website konsistent sein.



Lassen Sie den Besucher wissen, wo er sich gerade in der Website-Struktur befindet.

Einfachheit ist das A und O! 

Namen von Menüs sollten leicht verständlich sein.

Menüs sollten immer einfach zu finden und zu bedienen sein. Eine durchgängige Gestaltung ist wichtig, um ein einheitliches Erscheinungsbild und Benutzererlebnis zu schaffen. Im Idealfall erkennt der Besucher anhand visueller Markierungen oder Hervorhebungen, wo in der Struktur Ihrer Website er sich gerade befindet, und kann innerhalb Ihrer Website navigieren, ohne sich zu verirren. Ein weiterer zentraler Grundsatz ist, dass Menübezeichnungen stets klar und eindeutig sein sollten.

Entwerfen Sie Ihre Sitemap Die Entwicklung einer Website ist wie das Schreiben eines Buches. Definition 

Fertigen Sie eine Aufstellung aller Menüs und Seiten in einem hierarchisch gegliederten Listenformat an.

Erstellen Sie die Punkte für Ihre oberste Menüebene. 

Führen Sie alle Seitentitel (Page Titles) unter den einzelnen Menüpunkten auf.



Führen Sie darunter alle Unterseiten auf.

Bei mehr als vier Ebenen … 

Ziehen Sie ein weiteres übergeordnetes Menü in Betracht.

Beginnen Sie mit einem Entwurf, in dem Sie die Hauptelemente und die Struktur Ihrer Website festlegen. Dies wird einmal die so genannte Sitemap. Den besten Informationsfluss zu verstehen

2

und zu schaffen, ist nicht immer auf intuitive Weise möglich. Eine Sitemap ist die Zusammenfassung aller Seiten der Website, mit Hauptmenü, Unterseiten und Inhaltsseiten. In der Regel ist die Sitemap zwei bis vier Ebenen tief. Falls Ihre Sitemap komplexer wird, sollten Sie einen weiteren Punkt für das Hauptmenü in Betracht ziehen. Best Practices Die in den Menüs verwendeten Begriffe haben einen hohen SEO-Wert – wählen Sie diese Begriffe daher sehr sorgfältig aus. Besser als „Über uns“ ist beispielsweise „Über Unternehmensname“. Menüpunkte müssen für den Besucher sofort erkennbar sein. Lassen Sie sich dazu nicht verleiten, ‚witzige‘ oder gewollt interessant wirkende untypische Seitentitel und Überschriften zu verwenden; denn diese können für Ihr Zielpublikum verwirrend oder komplett unverständlich sein. Best Practice ist, alle Überschriften (Headlines) als solche kenntlich zu machen und Begriffe zu verwenden, die Ihr Zielpublikum wiedererkennt. Beispiele: „Was wir tun“ ist besser als „Wie wir ticken“, „Kontakt“ ist besser als „Hier wirken wir“. Sehen Sie sich auf Websites von Mitbewerbern und Topmarken aus Ihrer Branche um und schauen Sie sich an, wie Sitemaps erstellt wurden, die dem Bedarf der Zielgruppen entsprechen. Achten Sie darauf, welche Begriffe verwendet werden. Seien Sie selbst auch hier nicht allzu kreativ. Je typischer die verwendeten Bezeichnungen sind, desto schneller können Suchmaschinen Ihre Website finden und ‚verstehen‘. Zwei Arten von Sitemaps Es gibt zwei Arten von Sitemaps für unterschiedliche Zwecke. XML-Sitemaps werden von Suchmaschinen verwendet, um das Layout und weitere Informationen zu Ihrer Website zu erkennen. HTML-Sitemaps werden manchmal auf einer Seite der Website dargestellt, um den Besuchern die Website-Struktur zu verdeutlichen. Was Sie benötigen, ist eine XML-Sitemap, die an die Suchmaschinen gesendet wird; die HTML-Sitemap ist optional. Wenn Sie eine intuitive Menüstruktur geschaffen haben, ist eine HTML-Sitemap nicht unbedingt erforderlich; sie kann aber hilfreich für Besucher sein, um weniger geläufige Seiten und Themen zu finden. Viele Content-Management-Systeme verfügen über eine Funktionalität, um die XML-Sitemap generieren zu lassen (entweder standardmäßig oder über ein Plug-in). Wenn Sie Seiten zu Ihrer Website hinzufügen oder entfernen, wird die XML-Sitemap automatisch aktualisiert.

Positionieren Sie Ihr Menü Ob man horizontale Menüs am oberen Rand oder vertikale Menüs am seitlichen Rand verwendet, ist sowohl eine Frage des Stils als auch der Funktionalität. Eine Kombination aus Menüs am oberen Rand (Top Menu) und an der Seite (Side Menu) kann die Navigation erleichtern, insbesondere dann, wenn eine Website viele Ebenen aufweist. In der Regel enthalten die oben

3

horizontal platzierten Menüs die wichtigsten Navigationselemente mit Dropdown-Menüs, die herunterklappen, wenn Sie mit dem Mauszeiger darüberfahren. Vertikale Menüs an der Seite dienen zur Navigation in den untergeordneten Seiten. Seitliche Menüs können rechts oder links platziert werden; links ist gebräuchlicher. Überlegungen zur Navigation über seitliche Menüs 

Wenn die Kategorien Ihres Hauptmenüs lange Wörter enthalten oder es viele Menüpunkte gibt, kann ein horizontales Menü schnell überfüllt wirken und die Darstellung auf mobilen Geräten zu klein werden, sodass es nicht mehr lesbar ist. In diesem Fall sollten Sie auf ein seitliches Menü zurückgreifen.



Mobile adaptive CMS-Vorlagen wandeln Menüs, die sich auf der Standard-Website befinden, normalerweise automatisch in ein seitliches Menü um, wenn die Website auf einem Smartphone oder Tablet aufgerufen wird. Denken Sie auch daran, dass es auf den meisten mobilen Geräten normalerweise keine „Hover“-Funktion zum Anzeigen der untergeordneten Auswahl gibt, wie sie häufig in Dropdown-Menüs verwendet wird.



Gehen Sie logisch und mit dem Wissen über Ihr Zielpublikum vor. Was sucht Ihr Zielpublikum und wie können Sie dies schnell und einfach zur Verfügung stellen?



Ungeachtet dessen, ob ein Website-Besucher einen Desktoprechner oder ein mobiles Endgerät verwendet, sollte die Art der Navigation einen schnellen und einfachen Zugang ermöglichen. Ist die Navigation unübersichtlich, verwirrend und schwer verständlich, ist die Wahrscheinlich hoch, dass Besucher Ihre Website schnell wieder verlassen.

Ressourcen im Partner Marketing Center Als Partner haben Sie Zugang zum Partner Marketing Center. Hier finden Sie exklusive Werkzeuge, Ressourcen, Services sowie Marketingvorlagen und -materialien, die Sie für Ihre Zwecke anpassen und auf Ihren neu erstellten Webseiten verwenden können. Besuchen Sie folgende Seite: http://aka.ms/PMC_DE

Zusammenfassung 

Erstellen Sie einfache und intuitive Navigationselemente.



Bedenken Sie stets: An dieser Stelle ist Kreativität fehl am Platz.



Entwerfen Sie die Struktur Ihrer Website.



Verwenden Sie eine XML-Sitemap für Suchmaschinen.



Verwenden Sie eventuell eine HTML-Sitemap für Besucher.



Verwenden Sie horizontale Menüs am oberen Rand mit Dropdowns für die Hauptelemente.



Verwenden Sie vertikale Menüs am linken Rand für Unterseiten.

4

5

6