Infos rund um die Navigation auf einer Homepage



Es gibt viele Arten, eine Navigation auf Ihrer Homepage zu realisieren. Eine moderne gute Navigation sollte auf den ersten Blick klar verst├Ąndlich sein und auf PC, Tablet und Smartphone gut bedienbar sein.

Es gibt verschiedene Methoden, Links darzustellen und eine Navigation zu realisieren. Wir zeigen Ihnen nachfolgend einige Methoden und beschreiben kurz die Vor- und Nachteile:

Textlinks – die Standard-Navigation

ein Beispiellink

Vorteile: Jeder wei├č, was passiert, wenn ich auf einen Link klicke: es ├Âffnet sich eine neue Seite.
Nachteile: bei vielen Links un├╝bersichtlich, ansonsten keine Nachteile

Buttons

Vorteile: Sehen optisch besser aus
Nachteile: L├Ąngere Ladezeiten beim Aufruf, Suchmaschinen k├Ânnen die Grafiken nicht als Text auslesen. Manche Buttons sind nicht sofort als Link zu erkennen.

CSS-Men├╝s

Informationen zu CSS-Men├╝s finden Sie hier:

Responsive Men├╝s mit Dreamweaver-Erweiterungen realisieren

Sie wollen ein responsives Men├╝ mit vielen Funktionen innerhalb weniger Minuten realsieren? Mit Hamburger-Funktion, Markierung der aktuellen Seite, voll responsive und vieles mehr? Wir nutzen selbst Dreamweaver-Erweiterungen von Projectseven.com und k├Ânnen Ihnen diese w├Ąrmstens empfehlen. Folgende Men├╝-Erweiterungen gibt es aktuell von Projectseven.com:

Dropdown-Men├╝

Ein Beispiel und den Quellcode dazu finden Sie hier.

Responsives HTML5-Men├╝ mit Javascript und Media-Queries

Bei Todd Motto finden Sie ein Tutorial für ein responsives HTML5-Menü mit Javascript und Media-Queries: toddmotto.com/building-an-html5-responsive-menu-with-media-queries-javascript

Breadcrumb-Navigation

Mit einer Breadcrumb-Navigation k├Ânnen Sie auch eine sehr logische Navigation erstellen. Mehr Infos dazu in unserer Rubrik Breadcrumb.

WordPress-Themes und WordPress-Plugins

Fast alle WordPress-Themes enthalten von Haus aus responsive Men├╝s. Zus├Ątzlich k├Ânnen Sie via Plugin oft ein responsives Men├╝ nachr├╝sten.

Hier einige responsive WordPress-Themes mit integriertem responsiven Men├╝:

Und hier einige WordPress-Plugins f├╝r responsive Men├╝s:

Neben der Art der Links spielt auch die r├Ąumliche Anordnung der Links auf der Webseite eine gro├če Rolle.

Folgende Punke sollten beachtet werden:

  • Sie sollten von jeder Seite mit einem Klick auf die Startseite kommen
  • Es gibt eine Faustregel, demnach sollte jede Unterseite einer Webseite mit maximal 3 Klicks erreichbar sein.
  • Eine Suchfunktion ist ideal, um die Besucher direkt von einem Suchbegriff auf die passende Unterseite zu f├╝hren
  • Eine Sitemap mit einer Auflistung aller Seiten kann bei gro├čen Projekten sehr sinnvoll sein.
  • Die Navigation sollte immer an der gleichen Stelle angebracht sein, d.h. der Benutzer muss die Navigationselemente als solche erkennen k├Ânnen und diese immer am gleichen Platz finden. So k├Ânnen sich Ihre Besucher bald „blind“ orientieren
  • Die Navigation muss logisch, einfach und selbsterkl├Ąrend sein.
  • Die Linkbegriffe m├╝ssen zu den sich hinter dem Links befindlichen Seiten passen – z.B. soll der Link Rezepte bitte sch├Ân auch zu Rezepten als Inhalt f├╝hren.
  • Verlinken Sie nicht in „under construction“ Bereiche, dass ist peinlich und unprofessionell. Entsprechende Teilbereiche der Homepage einfach erst nach deren Fertigstellung verlinken.
  • ├ändern Sie die Struktur Ihrer Homepage nicht oder nur im Notfall. Ein simples Umbenennen eines Ordners auf Ihrer Webseite oder die Umbenennung eines Links f├╝hrt ├╝ber Suchmaschinen kommende Besucher ins Nirvana. Und die Robots von Google und Co. k├Ânnen nicht jeden Tag Ihre Webseite auf ├änderungen absuchen. Zudem haben Ihre Besucher sich an Ihre Webseitenstruktur „gew├Âhnt“. Jede ├änderung ist wie in einem Supermarkt, in dem die Warenstruktur umger├Ąumt wurde. Es mag ja sinnvoll und n├╝tzlich sein, aber als Stammkunde findet man im ersten Moment nichts wieder und ├Ąrgert sich h├Ąufig… Also muss die ├änderung wirklich notwendig und von gro├čem Vorteil sein, damit der Nutzungsgewinn langfristig den Umgew├Âhnungsnachteil ├╝bertrifft.
  • Am einfachsten ist eine flexible umd mitwachsende Navigation ├╝ber CMS-Systeme mit modulartiger Bauweise zu realiseren.

Weitere Webseiten mit Informationen rund um die Navigation auf einer Homepage:


Fehler melden Sie haben einen Fehler auf meine-erste-homepage.com gefunden? Informieren Sie uns, damit wir den Fehler beheben k├Ânnen!

Neue Seite melden Sie haben ein neues Webmastertool f├╝r uns? Hier k├Ânnen Sie die f├╝r Webmaster n├╝tzliche Webseite bei uns anmelden!
Erstellt mit ❤ Liebe und WordPress