Infos rund um die Navigation auf einer Homepage


Jimdo kostenlose Webseite

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:


Alfahosting - Homepage-Baukasten

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