Was ist überhaupt eine Ankerverlinkung?
Ankerverlinkungen sind sozusagen “Sprungmarken” auf deiner Website, die es dir und deinen Besuchern ermöglichen, direkt zu bestimmten Abschnitten zu springen. Angenommen, du betreibst einen Ernährungs-Blog und willst, dass Besucher direkt zu einem bestimmten Rezept auf deiner Website gelangen – genau dafür sind Ankerverlinkungen perfekt.
Warum sollte man Ankerverlinkungen verwenden?
- Bessere Benutzererfahrung: Deine Besucher können direkt zu den für sie relevanten Informationen springen, ohne endlos scrollen zu müssen.
- SEO-Vorteile: Suchmaschinen lieben klare Strukturen. Durch Ankerverlinkungen erleichterst du nicht nur deinen Besuchern die Navigation, sondern auch den Suchmaschinen das Verstehen deiner Inhalte.
Ankerverlinkungen in Elementor einrichten – Schritt für Schritt:
- Öffne die Elementor Seite, auf der du eine Ankerverlinkung setzen möchtest
- Wähle deinen Abschnitt aus, wo der “Anker” gesetzt werden soll
- Klicke auf erweitert und vergebe unter CSS ID ein entsprechendes Schlüsselwort (in unserem Beispiel “aktion”)
Anschließend geht es an die Verlinkung – in unserem Beispiel ein Button.
Wenn die Verlinkung nun auf der gleichen Seite ist, kannst du unter Link einfach “#aktion” (bzw. dein Schlüsselwort) verwenden.
Solltest die Ankerverlinkung auf einer anderen Unterseite sein, musst du den ganzen Link verwenden.
Als Beispiel: https://wp-space.de/preise/#aktion
❗️Wichtig: Mobile Optimierung nicht vergessen!📱
Achte darauf, dass die Ankerverlinkungen auch auf mobilen Geräten reibungslos funktionieren, um eine Benutzererfahrung für deine Websucher so angenehm wie möglich zu gestalten.
Zu guter Letzt solltest du nicht vergessen deine Seite zu speichern oder zu aktualisieren 😊
Eine Antwort
Gerade der Hinweis mit CSS ID im Abschnitt und dann #anker im Button ist genau das, woran viele hängen bleiben. Und top, dass ihr die Unterscheidung „gleiche Seite vs. andere Unterseite“ direkt mit Beispiel-Link erklärt. Mobile-Check ist auch ein guter Reminder.