Zum Hauptinhalt springen

Anchor-Verlinkung (Deep Links)

Verlinke gezielt auf bestimmte Komponenten innerhalb einer Seite und ermögliche Nutzer:innen den direkten Sprung zu relevanten Inhalten.

C
Verfasst von Charlotte Kolb
Diese Woche aktualisiert

Mit einer Anchor-Verlinkung (Deep Link) kannst du innerhalb von headful direkt auf eine bestimmte Komponente einer Seite verlinken.


Anstatt immer oben auf einer Seite zu landen, springen Nutzer:innen direkt zum gewünschten Abschnitt.

Das ist besonders hilfreich bei:

  • langen Seiten

  • FAQ-Bereichen

  • strukturierten Inhaltsseiten

  • gezielten Verweisen innerhalb einer Seite


Anchor einrichten

  1. Öffne den Seiteneditor.

  2. Klicke bei der gewünschten Komponente auf die drei Punkte und wähle Einstellungen.

  3. Vergib einen Komponenten-Namen (Schreibweise frei wählbar). Dieser Name erscheint im Editor anstelle des Standard-Komponentennamens.

  4. Trage im Anchor-Feld den gewünschten Anker ein. Das # ist bereits vorgegeben – der Anchor selbst muss komplett klein geschrieben sein (z. B. kontakt#kontakt).

  5. Speichere die Einstellungen.


Anchor verwenden

  1. Gehe zu der Seite oder Komponente, von der aus du verlinken möchtest.

  2. Öffne die Verlinkungsoption.

  3. Wähle eine interne Seite aus.

  4. Wähle den zuvor erstellten Anchor aus der Liste aus.

  5. Bestätige die Auswahl.

Die Verlinkung führt nun direkt zur definierten Komponente, ein Kontextmenü eignet sich besonders für Anchor-Links.


Tipps & Tricks

  • Verwende sprechende Anchor-Namen

  • Nutze Anchor-Verlinkungen gezielt bei langen Seiten, um die Nutzerführung zu verbessern.

  • Prüfe nach dem Speichern, ob der Sprung korrekt funktioniert.

Hat dies deine Frage beantwortet?