Sprungmarken erstellen, bearbeiten und verwenden

Sprungmarken erstellen und nutzen: Ein Leitfaden zur besseren Navigation auf Webseiten

In diesem Artikel erfährst du, was Sprungmarken sind, wie du sie erstellst und wie du sie effektiv auf deiner Webseite nutzen kannst. Sprungmarken sind eine praktische Methode, um die Navigation auf einer Seite zu optimieren, indem sie Benutzern ermöglichen, mit einem Klick zu einem bestimmten Abschnitt einer Webseite zu springen.

Was sind Sprungmarken?

Sprungmarken, auch „Anker-Links“ genannt, sind Verlinkungen, die nicht auf eine neue Seite führen, sondern auf einen bestimmten Abschnitt innerhalb derselben Seite. Dies kann besonders nützlich sein, wenn du lange Seiten mit viel Inhalt hast und deinen Benutzern eine einfache Möglichkeit bieten möchtest, schnell zu den wichtigsten Abschnitten zu gelangen.

Beispiel-Anwendungsfall:

Statt den Benutzer von einem Button auf eine separate Kontaktseite weiterzuleiten, kannst du ihn direkt zu einem Formular auf derselben Seite scrollen lassen. Dies spart nicht nur Ladezeit, sondern verbessert auch die Benutzererfahrung.

Sprungmarken erstellen: Schritt-für-Schritt-Anleitung

1. Button oder Link anlegen

Das Erstellen einer Sprungmarke erfolgt ähnlich wie bei einem normalen Button oder Link. Es gibt zwei Hauptmöglichkeiten, wie Sprungmarken auf einer Webseite integriert werden können:

1. In der Hauptnavigation: Hierbei wird eine Sprungmarke in einem Menü oder einer Linkliste erstellt.
2. Innerhalb eines Abschnitts: Sprungmarken können auch in einem bestimmten Bereich der Webseite eingefügt werden, z. B. in einem Titelabschnitt oder einem Call-to-Action-Button.

2. Sprungmarke über die Navigation erstellen

Im ersten Beispiel erstellen wir eine Sprungmarke über die Hauptnavigation:

1. Unter Inhalte > Links findest du eine Übersicht aller vorhandenen Links und Buttons auf deiner Webseite.
2. Erstelle einen neuen Button oder Link. In unserem Beispiel nennen wir den Button „Kostenloses Erstgespräch“, passend zu einem Formular auf der Seite.
3. Gib den internen Namen, den angezeigten Text (das, was auf dem Button oder Link zu sehen ist) und einen Titel ein.
4. Wähle die Zielseite aus – das ist die Seite, auf der sich der Abschnitt befindet, zu dem gescrollt werden soll. In unserem Beispiel wäre das die Startseite.
5. Jetzt kommt der wichtige Schritt: Wähle den Zielabschnitt aus. In der Übersicht werden alle Abschnitte der Seite aufgelistet. Hier suchst du den Abschnitt, zu dem die Sprungmarke führen soll. In unserem Fall ist das der Abschnitt mit dem Formular, der weit unten auf der Seite liegt.
6. Speichere die Sprungmarke.

3. Sprungmarke auf der Seite einbauen

Nachdem du die Sprungmarke erstellt hast, fügst du sie in den gewünschten Bereich deiner Seite ein. In unserem Beispiel platzieren wir die Sprungmarke im Titelbereich der Startseite, sodass der Benutzer direkt von dort zum Formular am Seitenende scrollen kann. Dazu gehen wir im Titelbereich der gewünschten Seite in den Bereich „Button Link“ und wählen die neu erstellte Sprungmarke aus. Sie sollte am Beginn der Liste angezeigt werden.

4. Testen der Sprungmarke

Nachdem die Sprungmarke eingefügt wurde, solltest du die Funktion testen. Lade die Seite neu und klicke auf den neu erstellten Button oder Link. Wenn alles korrekt eingerichtet wurde, wird die Seite automatisch zum gewünschten Abschnitt, in unserem Fall dem Formular, gescrollt.

Sprungmarken direkt in Abschnitten bearbeiten

Neben der Möglichkeit, Sprungmarken über die Hauptnavigation zu erstellen, kannst du diese auch direkt in den Abschnitten der Seite bearbeiten. Über die drei Punkte in einem Abschnitt kannst du einen neuen Button oder Link erstellen oder einen bestehenden aktualisieren. Auch hier hast du die Möglichkeit, zusätzlich zur Zielseite einen Zielabschnitt auszuwählen.

Verwendung von Sprungmarken in Linklisten

Sprungmarken können nicht nur in Buttons, sondern auch in normalen Linklisten verwendet werden. Diese Listen sind oft Teil von Navigationsmenüs, können aber ebenso gut dazu genutzt werden, den Benutzer direkt zu einem bestimmten Abschnitt der Seite zu führen. Dies ist besonders praktisch, wenn du eine lange Seite mit vielen verschiedenen Abschnitten hast.

Fazit

Sprungmarken sind eine einfache, aber effektive Methode, um die Benutzerfreundlichkeit deiner Webseite zu verbessern. Indem du deinen Besuchern ermöglichst, mit einem Klick zu einem wichtigen Abschnitt zu springen, sparst du Zeit und sorgst für eine bessere Navigationserfahrung. Die Erstellung und Einbindung von Sprungmarken ist unkompliziert und lässt sich flexibel an die Bedürfnisse deiner Webseite anpassen.

Nutze Sprungmarken, um deine Seiten übersichtlicher zu gestalten und sicherzustellen, dass deine Besucher die wichtigsten Inhalte schnell und unkompliziert finden!