What is an anchor link anyway?
Anchor links are "jump labels" on your website that allow you and your visitors to jump directly to certain sections. Let's say you run a nutrition blog and want visitors to go directly to a specific recipe on your website - this is exactly what anchor links are perfect for.
Why should you use anchor links?
- Better user experience: Your visitors can jump directly to the information relevant to them without having to scroll endlessly.
- SEO benefits: Search engines love clear structures. Anchor links not only make it easier for your visitors to navigate, but also for search engines to understand your content.
Setting up anchor links in Elementor - step by step:
- Open the Elementor Page on which you want to set an anchor link
- Select your section where the "anchor" should be set
- Click on extended and award under CSS ID a corresponding keyword (in our example "action")
Then it's time for the link - in our example, a button.
If the link is now on the same page you can simply use "#aktion" (or your keyword) under Link.
If the anchor link is on another subpage, you must use the entire link.
For example: https://wp-space.de/preise/#action
❗️Wichtig: Don't forget mobile optimization!📱
Make sure that the anchor links also work smoothly on mobile devices to make the user experience as pleasant as possible for your web searchers.
Last but not least, don't forget to save or update your page 😊
One Response
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.