{"id":21505,"date":"2023-12-18T17:13:46","date_gmt":"2023-12-18T16:13:46","guid":{"rendered":"https:\/\/wp-space.de\/?p=21505"},"modified":"2025-04-01T15:25:59","modified_gmt":"2025-04-01T14:25:59","slug":"create-anchor-link-in-elementor","status":"publish","type":"post","link":"https:\/\/wp-space.de\/en\/create-anchor-link-in-elementor\/","title":{"rendered":"Create anchor link in Elementor"},"content":{"rendered":"<img decoding=\"async\" src=\"https:\/\/vg04.met.vgwort.de\/na\/f87f0d5cb60647cd9c23cbb31d8e86da\" width=\"1\" height=\"1\" alt=\"\">\n\n\n\n<h2 class=\"wp-block-heading\">What is an anchor link anyway?<\/h2>\n\n\n\n<p>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.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why should you use anchor links?<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Better user experience:<\/strong> Your visitors can jump directly to the information relevant to them without having to scroll endlessly.<\/li>\n\n\n\n<li><strong>SEO benefits:<\/strong> 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.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Setting up anchor links in Elementor - step by step:<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the <a href=\"https:\/\/be.elementor.com\/visit\/?bta=211258&amp;nci=5383\" target=\"_blank\" rel=\"noopener\">Elementor<\/a> Page on which you want to set an anchor link<\/li>\n\n\n\n<li>Select your section where the \"anchor\" should be set<\/li>\n\n\n\n<li>Click on <strong>extended <\/strong>and award under <strong>CSS ID<\/strong> a corresponding keyword (in our example \"action\")<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"296\" height=\"717\" src=\"https:\/\/wp-space.de\/wp-content\/uploads\/2023\/11\/elementor-ankerverlinkung.png\" alt=\"\" class=\"wp-image-21517\" style=\"width:190px\" srcset=\"https:\/\/wp-space.de\/wp-content\/uploads\/2023\/11\/elementor-ankerverlinkung.png 296w, https:\/\/wp-space.de\/wp-content\/uploads\/2023\/11\/elementor-ankerverlinkung-124x300.png 124w, https:\/\/wp-space.de\/wp-content\/uploads\/2023\/11\/elementor-ankerverlinkung-5x12.png 5w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/figure>\n\n\n\n<p>Then it's time for the link - in our example, a button.<\/p>\n\n\n\n<p>If the link is now <strong>on the same page<\/strong> you can simply use \"#aktion\" (or your keyword) under Link.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"294\" height=\"540\" src=\"https:\/\/wp-space.de\/wp-content\/uploads\/2023\/11\/elementor-verlinkung.png\" alt=\"\" class=\"wp-image-21518\" style=\"width:190px\" srcset=\"https:\/\/wp-space.de\/wp-content\/uploads\/2023\/11\/elementor-verlinkung.png 294w, https:\/\/wp-space.de\/wp-content\/uploads\/2023\/11\/elementor-verlinkung-163x300.png 163w, https:\/\/wp-space.de\/wp-content\/uploads\/2023\/11\/elementor-verlinkung-7x12.png 7w\" sizes=\"(max-width: 294px) 100vw, 294px\" \/><\/figure>\n\n\n\n<p>If the anchor link is on another subpage, you must use the entire link.<br>For example: https:\/\/wp-space.de\/preise\/<strong>#action<\/strong><\/p>\n\n\n\n<p>\u2757\ufe0fWichtig: Don't forget mobile optimization!\ud83d\udcf1<br>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.<\/p>\n\n\n\n<p>Last but not least, don't forget to save or update your page \ud83d\ude0a<\/p>","protected":false},"excerpt":{"rendered":"<p>Was ist \u00fcberhaupt eine Ankerverlinkung? Ankerverlinkungen sind sozusagen &#8222;Sprungmarken&#8220; auf deiner Website, die es dir und deinen Besuchern erm\u00f6glichen, direkt zu bestimmten Abschnitten zu springen. Angenommen, du betreibst einen Ern\u00e4hrungs-Blog und willst, dass Besucher direkt zu einem bestimmten Rezept auf deiner Website gelangen \u2013 genau daf\u00fcr sind Ankerverlinkungen perfekt. Warum sollte man Ankerverlinkungen verwenden? Ankerverlinkungen [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":21884,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[84,90],"tags":[],"class_list":["post-21505","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-grundlagen","category-elementor-grundlagen"],"_links":{"self":[{"href":"https:\/\/wp-space.de\/en\/wp-json\/wp\/v2\/posts\/21505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-space.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-space.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-space.de\/en\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-space.de\/en\/wp-json\/wp\/v2\/comments?post=21505"}],"version-history":[{"count":1,"href":"https:\/\/wp-space.de\/en\/wp-json\/wp\/v2\/posts\/21505\/revisions"}],"predecessor-version":[{"id":46846,"href":"https:\/\/wp-space.de\/en\/wp-json\/wp\/v2\/posts\/21505\/revisions\/46846"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-space.de\/en\/wp-json\/wp\/v2\/media\/21884"}],"wp:attachment":[{"href":"https:\/\/wp-space.de\/en\/wp-json\/wp\/v2\/media?parent=21505"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-space.de\/en\/wp-json\/wp\/v2\/categories?post=21505"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-space.de\/en\/wp-json\/wp\/v2\/tags?post=21505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}