Wie Sie die Navigation Ihrer Website verbessern können

Wir werfen einen genaueren Blick auf 13 einfache Möglichkeiten, eine hervorragende Navigation für Ihre Website zu gestalten. Tilda bietet eine Vielzahl von vorgefertigten Blöcken mit Navigationselementen, aus denen Sie auswählen können, um Ihre Website benutzerfreundlicher zu gestalten.

Wenn Sie eine Navigationsleiste erstellen, versuchen Sie, nicht mehr als 4-5 Elemente zu verwenden und sie nicht mit einer Vielzahl von Links und Elementen zu überladen. Wenn Sie keine andere Wahl haben, als viele Menüpunkte hinzuzufügen, können Sie das "Hamburger"-Menü verwenden, um es übersichtlich zu gestalten.

In den letzten Jahren haben viele Menschen gelernt, dass ein Klick auf das Logo einer Website sie auf die Startseite führt. Entfernen Sie die Schaltfläche "Home" aus Ihrem Menü und vergessen Sie nicht, dem Logo einen Link zuzuweisen.

Wenn Sie eine lange Seite mit vielen Informationen haben, fügen Sie ein Menü mit Links zu den einzelnen Seitenabschnitten hinzu - das macht die Navigation intuitiv und spart Ihren Besuchern Zeit.

Um ein Menü für eine einseitige Website auf Tilda zu erstellen, fügen Sie die entsprechenden Blocknummern in die Linkfelder der einzelnen Menüpunkte im Inhaltsbereich des Blocks ein (die Blocknummer finden Sie unten im Einstellungsbereich), oder verwenden Sie Ankerlinks.

Um einer Tilda-Website ein festes Menü hinzuzufügen, klicken Sie auf die Schaltfläche "Einstellungen" im Menüblock, gehen Sie dann zu "Haupteinstellungen" und wählen Sie unter MENÜPOSITIONSVERHALTEN "Fest".

Bei Tilda können Sie die Art und Weise, wie der aktive Menüpunkt hervorgehoben wird, anpassen: Sie können die Schriftstärke, die Deckkraft und die Farbe ändern. Sie können ihn auch unterstreichen oder durchstreichen.

Die gleichen Einstellungen können auf den Menüpunkt beim Schweben angewendet werden. Übertreiben Sie es nicht! Ein oder zwei Optionen reichen aus, um ein Menüelement hervorzuheben.

Bei Tilda sind die Navigationspunkte mit Tooltips versehen, die die Namen der einzelnen Abschnitte enthalten, um den Benutzern das Durchsuchen der Website zu erleichtern. Sie finden den Block "Dot Navigation" (ME604) in der Kategorie "Menü".

Der Block "Seitenladeanimation" befindet sich in der Kategorie "Sonstiges" (Suchcode T228). Um die Ladeleiste zu aktivieren, platzieren Sie den Block ganz oben auf der Seite.

Sie können die Farbe der Ladeanzeige im Einstellungsfenster des Blocks festlegen. Sie sollten eine kontrastreiche Farbe für die Leiste wählen, damit sie sich von der Seite abhebt und nicht mit dem Deckblatt und dem Navigationsmenü verschmilzt.

Eine Bildlaufleiste ist ein schlankes Navigationsinstrument, das anzeigt, wie weit der Benutzer die Seite nach unten gescrollt hat. Sie hilft den Lesern auch, die Länge der Seite abzuschätzen und ihre aktuelle Position leicht zu bestimmen. Es ist sinnvoll, die Bildlaufleiste zu verwenden, wenn die Seite länger als 3-4 Bildschirme ist.

Um eine Bildlaufanzeige auf Tilda hinzuzufügen, verwenden Sie den Block T333 "Fortschrittsbalken beim Lesen der Seite" aus der Kategorie "Sonstiges". Sie können die Farbe und Dicke des Fortschrittsbalkens in den Blockeinstellungen ändern.

Der einfachste Weg, eine Schaltfläche optisch hervorzuheben, ist die Verwendung einer hellen Farbe für den Hintergrund. Sie sollte sich deutlich von der weniger bedeutsamen Schaltfläche neben ihr abheben. Fügen Sie einen dünnen Rahmen hinzu und machen Sie den Hintergrund transparent, oder fügen Sie eine neutrale Hintergrundfarbe für die zweite Schaltfläche hinzu.

Bei Tilda können Sie zusätzlich zu den Standardeinstellungen für den Schaltflächenstil das Aussehen der Schaltfläche ändern, wenn Benutzer mit dem Mauszeiger darüber fahren. Passen Sie die Hintergrund- oder Rahmenfarbe an, wählen Sie die Schriftfarbe und die Schriftstärke, fügen Sie einen Schatten hinzu und ändern Sie die Geschwindigkeit der Animationseffekte beim Hovern.

Es ist eine gute Idee, anzugeben, wie viele Elemente hinter der Schaltfläche verborgen werden.

Es gibt mehrere Möglichkeiten, Ihren Inhalt zu verbergen:

Dies ist besonders praktisch, wenn die Nutzer durch lange Artikel oder Landing Pages mit vielen Abschnitten navigieren müssen, um langes und mühsames Scrollen zu vermeiden.

Finden Sie den Block "Zurück zum Seitenanfang" in der Kategorie "Formulare und Schaltflächen" oder suchen Sie ihn mit dem Code BF702.

Der untere Teil einer Landing Page ist der richtige Ort, um die Handlungsaufforderung zu wiederholen. Wenn die Seite einen Artikel oder Blogbeitrag enthält, können Sie am Ende Links zu ähnlichen Artikeln hinzufügen. Blöcke aus den Kategorien "Kachel und Link" und "Index" auf Tilda helfen Ihnen, frustrierende Sackgassen zu vermeiden.

Die Titel der Abschnitte helfen dem Benutzer bei der Navigation auf der Website, indem er auf die Adressleiste schaut, und wirken sich positiv auf die Relevanz der Seite aus.

Benutzerfreundliche und aussagekräftige URLs werden auch als "saubere" oder "hübsche" URLs bezeichnet. Eine "saubere" URL besteht aus Wörtern, die leicht zu verstehen sind, im Gegensatz zu einer verwirrenden Systemadresse (bei Tilda sieht die Systemadresse zum Beispiel so aus /page4652188.html).

Der erste Teil (https://) wird als Protokoll bezeichnet und gibt die Methode an, die für den Zugriff auf Internetressourcen verwendet wird. Am häufigsten wird das Hypertext Transfer Protocol (HTTP) verwendet.

Der zweite Teil der URL ist der Domänenname, die Adresse, über die Benutzer Ihre Website im Internet finden können. Wenn Sie eine mehrseitige Website haben, wäre www.mysite.com die Adresse Ihrer Hauptseite. Alle anderen Abschnitte und Unterabschnitte werden mit einem Schrägstrich an diese Adresse angehängt.

Wenn Sie eine einseitige Website haben, z. B. eine Landing Page mit Abschnitten, ist es besser, Ankerlinks mit eindeutigen Namen wie #about oder #contacts zu verwenden, da diese auch in der Adressleiste angezeigt werden.

Auf Tilda können Sie die Seiten-URL in den Seiteneinstellungen ändern. Wenn Sie mehr als ein Wort in der Seitenadresse verwenden möchten, trennen Sie die Wörter mit einem Bindestrich "-". Zum Beispiel: /über-uns.

Breadcrumbs befinden sich in der Regel oben auf der Seite und veranschaulichen den Weg von der Startseite zu anderen Abschnitten der Website. Jedes Element (Knotenpunkt) in der Navigationskette ist ein anklickbarer vorheriger Abschnitt.

Wenn der Benutzer das Ende der Kette erreicht hat, kann er die Breadcrumbs verwenden, um mit einem Klick direkt zur Startseite oder zu einem anderen Abschnitt zurückzuspringen. Wenn ein Besucher auf einem bestimmten Abschnitt Ihrer Website landet (unter Umgehung der Startseite), kann er dessen Struktur schnell erfassen, indem er die Breadcrumbs betrachtet.

Brotkrümel werden am häufigsten auf großen Websites mit einer komplexen Struktur und vielen Seiten verwendet. Zum Beispiel in Online-Shops, die viele Produktkategorien anbieten.

Um eine Brotkrümelnavigation auf Tilda zu erstellen, können Sie einfach einen speziellen Block aus der Kategorie "Menü" - ME605 "Brotkrümel" - zu Ihrer Seite hinzufügen. Platzieren Sie ihn direkt unter dem Deckblatt der Seite, geben Sie dann den Namen jedes Elements (Knoten) an und fügen Sie einen entsprechenden Link hinzu. Sie können den Block von einer Seite zur anderen duplizieren, indem Sie einen Knoten nach dem anderen hinzufügen, um Brotkrümelpfade zu erstellen.