{"id":69996,"date":"2024-06-19T01:00:00","date_gmt":"2024-06-19T08:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=69996"},"modified":"2025-05-26T09:13:12","modified_gmt":"2025-05-26T16:13:12","slug":"hoe-maak-je-ankerlinks-in-wordpress-3-methoden-nl","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-maak-je-ankerlinks-in-wordpress-3-methoden-nl\/","title":{"rendered":"Hoe Maak Je Ankerlinks In WordPress (3 Methoden)"},"content":{"rendered":"\n<p>Met elke Google-update en -release die de wereld schijnbaar in vuur en vlam zet voor een paar weken (&#8220;<a href=\"https:\/\/www.bbc.com\/future\/article\/20240524-how-googles-new-algorithm-will-shape-your-internet\" target=\"_blank\" rel=\"noreferrer noopener\">Het internet zal nooit meer hetzelfde zijn<\/a>&#8221; verkondigt een van hen) daarna \u2014 kunnen we zeker niet doen alsof we weten wat de toonaangevende zoekmachine denkt of plant.<\/p>\n\n\n<p>E\u00e9n ding kunnen we met zekerheid zeggen, al een lange tijd en waarschijnlijk nog wel even in de toekomst, <a href=\"https:\/\/www.dreamhost.com\/blog\/improve-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">houdt Google van SEO-versterkte inhoud<\/a>.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>SEO<\/h3>\n    <p>Search Engine Optimization (SEO) is de praktijk van het verbeteren van de ranking van een site in zoekresultaten. Zoekresultaten worden samengesteld op basis van een aantal factoren, waaronder de relevantie en kwaliteit van een site.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/seo\/seo\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Lees Meer                    <\/a>\n\n<\/div>\n\n\n<p>Als gevolg daarvan zijn het de grondige en doorgaans <em>uitgebreide<\/em> artikelen (of Reddit-posts) die vaak het beste scoren op de zoekresultatenpagina&#8217;s (SERPs) van Google.<\/p>\n\n\n<p>Alles in orde, toch?<\/p>\n\n\n<p>Nou, er is \u00e9\u00e9n probleem mee \u2014 de opkomst van <a href=\"https:\/\/blog.hubspot.com\/marketing\/short-form-video-psychology\" target=\"_blank\" rel=\"noreferrer noopener\">korte inhoud<\/a>, vooral video (bedankt, TikTok!), verandert de voorkeuren van consumenten.<\/p>\n\n\n<p>Hoe vind je de perfecte balans?<\/p>\n\n\n<p>Je moet inhoud maken die robuust genoeg is voor Google (en alle zoekmachines) en <em>ook<\/em> gemakkelijk te navigeren voor lezers, zodat ze kunnen <a href=\"https:\/\/www.dreamhost.com\/blog\/beginners-website-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">interacteren met je website<\/a> om de waarde te vinden die ze zoeken.<\/p>\n\n\n<p><strong>Hier komen ankerlinks van pas.<\/strong><\/p>\n\n\n<p>Met ankerverbindingen kan je lezers heel snel direct naar een specifiek deel van een pagina sturen. Op die manier kunnen bezoekers de exacte informatie vinden waar ze naar op zoek zijn, in plaats van door honderden, of vaker duizenden, woorden te skimmen.<\/p>\n\n\n<p>In dit artikel behandelen we:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Precies hoe ankerlinks eruit zien en hoe ze werken.<\/li>\n\n\n\n<li>De voor- en nadelen van het gebruik van ankertekst op je pagina&#8217;s of blogs.<\/li>\n\n\n\n<li>Drie manieren om ankerlinks te cre\u00ebren op je WordPress-website.<\/li>\n\n\n<\/ul>\n\n\n<p>Laten we aan de slag gaan!<\/p>\n\n\n<h2 id=\"h-what-anchor-links-are\" class=\"wp-block-heading\">Wat Ankerlinks Zijn<\/h2>\n\n\n<p>Technisch gezien is een ankerlink (ook bekend als ankertekst of spronglink) elke hyperlink op een pagina die meestal naar een andere sectie op dezelfde pagina wijst.<br><br>Om er een te maken, bouw je in feite een stuk code \u2014 maak je geen zorgen, we laten je zien hoe \u2014 rond een URL om het een soort \u201cbladwijzer\u201d te maken. Je kunt die bladwijzer vervolgens aan elke tekst of afbeelding op dezelfde pagina koppelen. Wanneer iemand op de bladwijzer klikt, worden ze snel naar het gebied van de pagina gescrold dat je met je code hebt aangegeven. Als dat niet veel zin had, hou vol; het wordt duidelijker hoe meer we erover praten!<\/p>\n\n\n<p>In veel gevallen zul je ankerteksten tegenkomen binnen een inhoudsopgave (TOC) aan het begin van een pagina of bericht.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"1802\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-scaled.webp\" alt=\"screenshot die de inhoudsopgave van een DreamHost-post laat zien en hoe sommige ankerlinks naar tekstgedeelten leiden terwijl een ankericoon naar de bovenkant van de pagina navigeert\" class=\"wp-image-47395 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-300x211.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-1024x721.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-768x540.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-1536x1081.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-2048x1441.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-600x422.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-1200x845.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-730x514.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-1460x1027.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-784x552.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-1568x1103.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-877x617.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-1754x1234.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/1802;\" \/><\/figure>\n\n\n<p>Andere gangbare voorbeelden van ankerlinks zijn knoppen die je terug naar bovenaan de pagina brengen wanneer je onderaan bent aangekomen. Je kunt ook ankerlinks gebruiken om gebruikers te helpen navigeren op lange landingspagina&#8217;s.<\/p>\n\n\n<p>Als er een pagina of bericht op je website is dat te lang is voor handmatig scrollen, kunnen ankerlinks ervoor zorgen dat je de aandacht van bezoekers vangt voordat je de kans krijgt om al het goede te leveren.<\/p>\n\n\n<p>Het is belangrijk om op te merken dat zoekmachines niet beweren dat ankerteksten je zoekmachine-rangschikking direct verbeteren. Ze verbeteren echter wel de ervaring voor zowel gebruikers als de zoekmachines die inhoud rangschikken.<\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n<h2 id=\"h2_the-pros-and-cons-of-anchor-links-in-wordpress\" class=\"wp-block-heading\">De Voor- En Nadelen Van Ankerlinks In WordPress<\/h2>\n\n\n<p>Over het algemeen kan het instellen van ankerlinks helpen om de navigatie van de inhoud te verbeteren. Het is echter niet allemaal rozengeur en maneschijn \u2014 er zijn een paar nadelen die je misschien wilt overwegen.<\/p>\n\n\n<p>Hier zullen we beide kanten van het verhaal verkennen.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Pro: Betere Ervaringen Overal<\/h3>\n\n\n<p>Met ankertekst kunnen lezers snel een overzicht krijgen van je inhoud, waardoor ze minder snel wegklikken en eerder geneigd zijn om ermee te interageren. Daarnaast kunnen web <a href=\"https:\/\/www.dreamhost.com\/glossary\/seo\/crawling\/\" target=\"_blank\" rel=\"noreferrer noopener\">crawlers<\/a> \u2014 bots die zoekmachines helpen de inhoud op het internet te begrijpen \u2014 lijsten sneller en duidelijker verwerken.<\/p>\n\n\n<p>Laten we eens wat dieper ingaan op dit voordeel.<\/p>\n\n\n<p>Wanneer rijke snippets verschijnen naast topposities in Google-zoekresultaten, bevatten ze vaak een deel van de inhoudsopgave van een pagina, die meestal wordt gecre\u00eberd met behulp van ankerlinks. Google kan ook uit een inhoudsopgave putten om de sectie &#8216;Mensen vragen ook&#8217; bovenaan de resultatenpagina te vullen. In sommige gevallen kan Google zelfs de anker tekst van een artikel onder de <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-write-meta-descriptions\/\" target=\"_blank\" rel=\"noreferrer noopener\">meta-beschrijving<\/a> tonen met behulp van klikbare links.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"1010\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-scaled.webp\" alt=\"screenshot van een Google zoekresultaat waarin ankerteksten direct onder de meta-omschrijving worden getoond\" class=\"wp-image-47397 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-300x118.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-1024x404.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-768x303.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-1536x606.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-2048x808.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-600x237.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-1200x473.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-730x288.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-1460x576.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-784x309.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-1568x618.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-877x346.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-1754x692.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/1010;\" \/><\/figure>\n\n\n<p>Al deze manieren waarop Google ankertekst en inhoudsopgaven gebruikt, helpen bezoekers te begrijpen wat ze kunnen verwachten voordat ze zelfs maar klikken, wat kan helpen om <a href=\"https:\/\/www.dreamhost.com\/blog\/metrics-every-blogger-needs-to-track\/#bounce-rate\" target=\"_blank\" rel=\"noreferrer noopener\">het bouncepercentage van je website<\/a> te verlagen. Dat komt omdat je het leven makkelijker maakt voor gebruikers die de pagina mogelijk bezoeken, aannemen dat het niet is wat ze zoeken omdat ze niet meteen zien wat ze willen, en vertrekken. In plaats daarvan kun je ze veel langer vasthouden \u2014 meer tijd voor conversies! \u2014 door hen precies te vertellen wat ze binnen een bericht of pagina kunnen vinden en zelfs hen daarnaar te linken.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Pro: Gemakkelijker Delen Van Inhoud<\/h3>\n\n\n<p>Ankertekst maakt het gemakkelijk om links te delen die navigeren naar een specifiek gedeelte binnen een artikel. Dit is vooral handig voor social media managers die berichten maken, en ondersteuningsteams die belangrijke delen van hulp-artikelen met klanten moeten delen.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Nadeel: Minder Tijd Op De Site<\/h3>\n\n\n<p>Als je een metric zoals tijd op de site meet om de prestaties van inhoud en website te meten, kunnen ankerlinks de gemiddelde tijd die bezoekers op je site doorbrengen eigenlijk verminderen omdat ze direct naar de inhoud kunnen gaan die ze willen in plaats van het hele artikel te lezen.<\/p>\n\n\n<p>Het is aan jou om een balans te vinden tussen het tevreden stellen van je bezoekers en het behalen van bepaalde belangrijke prestatie-indicatoren (KPI&#8217;s).<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-con-may-be-more-difficult-to-update-content-later\">Nadeel: Later Kan Het Moeilijker Zijn Om Inhoud Bij Te Werken<\/h3>\n\n\n<p>Na verloop van tijd moet je mogelijk je <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-choose-the-right-domain-name\/\" target=\"_blank\" rel=\"noreferrer noopener\">website domein<\/a> bijwerken of <a href=\"https:\/\/www.dreamhost.com\/blog\/301-redirects-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">301 redirects aanmaken<\/a>, wat waarschijnlijk links over je hele site zal veranderen. Wanneer je links wijzigt, kan het moeilijk zijn om alle ankerteksten die je hebt gemaakt te vinden en bij te werken om ervoor te zorgen dat elke link nog steeds vers en nauwkeurig is.<\/p>\n\n\n<h2 id=\"h2_how-to-create-an-anchor-link-in-wordpress-3-options\" class=\"wp-block-heading\">Hoe Maak Je Een Ankerlink In WordPress (3 Opties)<\/h2>\n\n\n<p>Heb je aandacht voor de inhoudsopgave hier? Dat komt omdat een inhoudsopgave waarschijnlijk de meest impactvolle manier is om ankerteksten op je website te gebruiken. Het is echter alleen zinvol om anker elementen te gebruiken voor lange pagina&#8217;s of blogberichten. Er is geen strikte regel, maar alles boven de 1500 woorden kan waarschijnlijk profiteren van een inhoudsopgave en de bijbehorende ankerteksten.<\/p>\n\n\n<p>Het toevoegen van een ankerlink naar een korter stukje inhoud is niet per se slecht, maar kan minder nuttig zijn \u2014 wat het een slechte tijdsbesteding maakt en mogelijk visuele rommel voor lezers toevoegt.<\/p>\n\n\n<p>Staar je neer op een lange pagina of post die je waardevoller wilt maken voor websitebezoekers?<\/p>\n\n\n<p>Gelukkig is het maken van ankerverbindingen in WordPress opmerkelijk eenvoudig!<\/p>\n\n\n<p>Je kunt dit handmatig doen of met hulp van plugins \u2014 we gaan nu direct dieper in op beide methoden.<\/p>\n\n\n<h3 class=\"wp-block-heading\">1. Voeg Een Ankerlink Toe Met HTML<\/h3>\n\n\n<p>Alle tekst die je ziet op WordPress-pagina&#8217;s en -posts wordt aangedreven door <a href=\"https:\/\/www.dreamhost.com\/blog\/learn-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML code<\/a>. HTML, samen met CSS en JavaScript, zijn enkele van de <a href=\"https:\/\/www.coursera.org\/articles\/popular-programming-languages\" target=\"_blank\" rel=\"noreferrer noopener\">meest gebruikte programmeer- en opmaaktalen<\/a>. Als je zelfs maar een beetje bekend raakt met een van deze talen, kun je waarschijnlijk veel meer doen \u2014 met veel minder frustratie! \u2014 op je WordPress-site.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>HTML<\/h3>\n    <p>HTML staat voor HyperText Markup Language. Het is het meest fundamentele bouwblok van het web en de standaard opmaaktaal voor het cre\u00ebren van webpagina&#8217;s en applicaties.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/html\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Lees Meer                    <\/a>\n\n<\/div>\n\n\n<p>Dus, we beginnen met te laten zien hoe eenvoudig het is om HTML te ontcijferen en te bewerken!<br><br>Eerst kies je de pagina of het bericht waar je ankerverbindingen wilt toevoegen. We gaan werken met een blogbericht.<\/p>\n\n\n<p>Om een ankerlink te maken, moet je eerst een anker instellen. Om dat te doen, selecteer je een subkop waarnaar je wilt linken en klik je op de <strong>drie puntjes<\/strong> die rechts in het zwevende menu verschijnen.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"893\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-scaled.webp\" alt=\"screenshot die de locatie van de drie puntjes aangeeft, helemaal rechts net na het hyperlinkicoon\" class=\"wp-image-47399 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-300x105.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-1024x357.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-768x268.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-1536x536.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-2048x714.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-600x209.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-1200x419.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-730x255.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-1460x509.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-784x273.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-1568x547.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-877x306.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-1754x612.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/893;\" \/><\/figure>\n\n\n<p>Selecteer <strong>Bewerken als HTML<\/strong> onderaan.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"893\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-scaled.webp\" alt=\"screenshot die &quot;Bewerken als HTML&quot; toont als de onderste keuze uit het dropdownmenu\" class=\"wp-image-47401 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-300x105.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-1024x357.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-768x268.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-1536x536.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-2048x714.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-600x209.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-1200x419.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-730x255.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-1460x509.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-784x273.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-1568x547.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-877x306.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-1754x612.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/893;\" \/><\/figure>\n\n\n<p>Wat we moeten doen, is een HTML ID toevoegen. Dat ID zal het anker zijn waarnaar we later gaan linken. Het komt voor de naam van de subkop waarop je hebt geklikt, in ons geval <code><strong>>Headline 3&lt;<\/strong>.<\/code><br><br>Het formaat is: <strong><code>id=\u201canchor-name\u201d<\/code><\/strong>. Onze ankernaam zal \u201cheadline-3\u201d zijn. Zo ziet de code eruit als we klaar zijn: <strong><code>&lt;h2 class=\"wp-block-heading\" id=\"headline-3\">Headline 3&lt;\/h2><\/code><\/strong>.<\/p>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"240\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-1024x240.webp\" alt=\"screenshot die HTML id-tag toont als h2 class=&quot;wp-block-heading&quot; id=&quot;headline-3&quot; Headline 3\" class=\"wp-image-47403 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-1024x240.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-300x70.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-768x180.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-1536x360.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-2048x480.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-600x141.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-1200x281.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-730x171.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-1460x342.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-784x184.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-1568x368.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-877x206.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-1754x411.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/240;\" \/><\/figure>\n\n\n<p>Zodra de ID is ingesteld, kun je deze koppelen aan tekst in je inhoudsopgave (of waar je deze ook wilt plaatsen) om een ankerlink te maken!<\/p>\n\n\n<p>In ons voorbeeld zullen we <strong>omhoog scrollen<\/strong> naar <strong>Kop 3<\/strong> in de inhoudsopgave, <strong>deze selecteren<\/strong> en <strong>op het link-icoon klikken<\/strong> dat verschijnt in het zwevende bewerkingspaneel.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"893\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-scaled.webp\" alt=\"screenshot die de locatie van het linkicoon toont, rechts van het cursieficoon\" class=\"wp-image-47405 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-300x105.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-1024x357.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-768x268.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-1536x536.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-2048x714.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-600x209.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-1200x419.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-730x255.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-1460x509.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-784x273.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-1568x547.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-877x306.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-1754x612.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/893;\" \/><\/figure>\n\n\n<p>In het vak voor de link-URL typen we de door ons gemaakte ID, voorafgegaan door een <strong><code>#<\/code><\/strong>.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"893\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-scaled.webp\" alt=\"screenshot die de locatie van het linkicoon toont, rechts van het cursieve icoon\" class=\"wp-image-47407 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-300x105.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-1024x357.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-768x268.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-1536x536.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-2048x714.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-600x209.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-1200x419.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-730x255.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-1460x509.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-784x273.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-1568x547.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-877x306.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-1754x612.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/893;\" \/><\/figure>\n\n\n<p>Druk op <strong>Enter<\/strong> om het officieel te maken, sla je werk op en publiceer je wijzigingen. Je kunt het niet in actie zien binnen de WordPress-editor, dus neem een kijkje op de afgewerkte pagina op je website om te controleren of alles werkt.<\/p>\n\n\n<p>Het handmatig aanmaken van HTML-ankerkoppelingen kan intimiderend lijken als je niet gewend bent om met code te werken. Echter, zoals je kunt zien, is het toevoegen van ankertags opmerkelijk eenvoudig. Zodra je weet hoe het proces werkt, zou het handmatig toevoegen van deze koppelingen slechts seconden moeten duren.<\/p>\n\n\n<p>Als je een link wilt maken naar een anker-ID op een andere pagina of een nieuw tabblad, zorg er dan voor dat je de absolute URL opneemt, beginnend met https.<\/p>\n\n\n<h3 class=\"wp-block-heading\">2. Anker Tags Cre\u00ebren Met De Blok Editor<\/h3>\n\n\n<p>We gaan je nu laten zien hoe gemakkelijk moderne blokthema&#8217;s het maken om een ankerlink toe te voegen \u2014 geen code vereist.<\/p>\n\n\n<p>Dat komt omdat de Blokeditor je in staat stelt om HTML-ankers of ID&#8217;s toe te voegen zonder dat je hoeft over te schakelen naar de code-weergave.<\/p>\n\n\n<p>Zoals bij de vorige methode, moet je eerst een HTML ID of anker toevoegen aan de tekst waarnaar je wilt linken. Selecteer de tekst en open het instellingenmenu vanuit het vierkante icoon in de rechterbovenhoek.<\/p>\n\n\n<p>Navigeer naar Block en open Geavanceerd onderaan. Je ziet daar een veld genaamd HTML-anchor. Het enige wat je hoeft te doen is je unieke anker tekst in dat veld toevoegen. We gaan weer voor &#8220;headline-3&#8221;.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"1686\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-scaled.webp\" alt=\"screenshot die de locatie van het blokeditor-icoon toont dat eruitziet als een doos met een rechthoek aan de rechterkant\" class=\"wp-image-47409 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-300x198.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-1024x675.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-768x506.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-1536x1012.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-2048x1349.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-600x395.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-1200x791.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-730x481.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-1460x962.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-784x516.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-1568x1033.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-877x578.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-1754x1155.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/1686;\" \/><\/figure>\n\n\n<p>Nu gaan we dezelfde stappen als hierboven herhalen:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Selecteer de tekst waaraan je je anker wilt koppelen.<\/li>\n\n\n\n<li>Klik op het linkicoon dat verschijnt in het bewerkingspaneel.<\/li>\n\n\n\n<li>Type # gevolgd door de ID die je zojuist hebt aangemaakt.<\/li>\n\n\n\n<li>Enter, sla op, publiceer en controleer je werk!<\/li>\n\n\n<\/ul>\n\n\n<p>Het enige wat je nu nog hoeft te doen, is het proces zo vaak herhalen als nodig, afhankelijk van hoeveel secties je ankerteksten wilt toevoegen. We houden ervan hoe eenvoudig de blok-editor dit maakt, vooral als je regelmatig met langere inhoud werkt (dat zijn wij!).<br><br><strong>Opmerking: <\/strong>Zie je niet alle coole functies van de blok-editor die we zojuist hebben besproken? Misschien gebruik je geen blokthema! Hoewel je zeker met het toevoegen van ankertekst in HTML weg kunt komen, raden we je aan om over te stappen op een blokthema om te profiteren van alle nieuwe functies die de WordPress-gemeenschap dagelijks toevoegt. Het zal je leven gemakkelijker maken! <a href=\"https:\/\/www.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">Begin hier om te leren hoe je de upgrade kunt maken<\/a>.<\/p>\n\n\n<h3 class=\"wp-block-heading\">3. Snel Linken Naar Een Anker Met WordPress Plugins<\/h3>\n\n\n<p>Het mag geen verrassing zijn dat er meer dan \u00e9\u00e9n <a href=\"https:\/\/www.dreamhost.com\/blog\/intro-to-wordpress-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress plugin<\/a> in de <a href=\"https:\/\/wordpress.org\/plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin directory<\/a> is die je kunt gebruiken om ankerteksten in WordPress toe te voegen.<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>De <a href=\"https:\/\/aioseo.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">All in One SEO (AIOSEO)<\/a> plugin (betaald) heeft veel functies, \u00e9\u00e9n ervan is het eenvoudig maken van inhoudsopgaven.<\/li>\n\n\n\n<li><a href=\"https:\/\/linkwhisper.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Link Whisper<\/a> (betaald) is gericht op linkoptimalisatie en stelt gebruikers in staat om snel ankerteksten in te voegen.<\/li>\n\n\n\n<li>Met <a href=\"https:\/\/theluckywp.com\/product\/table-of-contents\/\" target=\"_blank\" rel=\"noreferrer noopener\">LuckyWP Table of Contents<\/a> staat het al in de naam \u2014 het draait allemaal om het maken van gelinkte inhoudsopgaven met slechts een paar klikken.<\/li>\n\n\n<\/ul>\n\n\n<p>Een inhoudsopgave voor elk van je berichten maken kan veel werk zijn. Je moet handmatig meerdere anker-ID&#8217;s toevoegen en de links \u00e9\u00e9n voor \u00e9\u00e9n maken. Laten we eens kijken naar een oplossing die deze taak iets toegankelijker maakt door automatisch inhoudsopgaven te genereren voor berichten en pagina&#8217;s binnen je website.<\/p>\n\n\n<p>Hoewel het proces er voor elke plugin die je kiest redelijk gelijk uit zou moeten zien, gaan we je door de details leiden van het instellen van een gratis, lichte optie \u2014&nbsp;<a href=\"https:\/\/tocwp.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Easy Table of Contents<\/a>.<br><br>Om de plugin te gebruiken, moet je eerst navigeren naar <strong>Plugins<\/strong> &gt; <strong>Nieuwe Plugin Toevoegen<\/strong> in je WordPress-editor.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"880\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-scaled.webp\" alt=\"plugin navigatie met Nieuwe Plugin Toevoegen geselecteerd\" class=\"wp-image-47411 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-300x103.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-1024x352.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-768x264.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-1536x528.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-2048x704.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-600x206.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-1200x413.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-730x251.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-1460x502.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-784x270.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-1568x539.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-877x301.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-1754x603.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/880;\" \/><\/figure>\n\n\n<p><strong>Zoek<\/strong> naar <strong>Easy Table of Contents<\/strong>, gebruik de <strong>Installeer Nu<\/strong> knop, wacht tot dit voltooid is en klik dan op <strong>Activeren<\/strong> om het op je site te gebruiken.<\/p>\n\n\n<p>Nadat je de plugin hebt geactiveerd, moet je de instellingen configureren. Ga naar <strong>Instellingen<\/strong> in de zijbalk van je WordPress-beheer en zoek <strong>Inhoudsopgave<\/strong>.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"544\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-scaled.webp\" alt=\"screenshot toont de instellingenknop in de WP navigatie\" class=\"wp-image-47413 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-300x64.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-1024x218.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-768x163.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-1536x326.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-2048x435.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-600x128.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-1200x255.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-730x155.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-1460x310.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-784x167.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-1568x333.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-877x186.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-1754x373.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/544;\" \/><\/figure>\n\n\n<p>In het <strong>Enable Support-menu<\/strong>, zorg ervoor dat zowel pagina&#8217;s als berichten zijn aangevinkt als je inhoudsopgaven op beide wilt kunnen gebruiken.<\/p>\n\n\n<p>Nu <strong>scroll naar beneden<\/strong> naar <strong>Positie<\/strong>, een instelling die je in staat stelt te beslissen waar je de inhoudsopgaven wilt weergeven. Op het moment van schrijven, worden ze standaard getoond bij berichten en pagina&#8217;s net voor de eerste kop.<\/p>\n\n\n<p>Direct daaronder laat de <strong>Weergave Wanneer<\/strong> instelling je kiezen hoeveel koppen een bericht of pagina nodig heeft voordat de plugin een inhoudsopgave toont. Standaard heeft de plugin een vastgesteld aantal. Op dit moment is dat twee. Je kunt een van deze instellingen bijwerken als je dat wilt.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"853\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-scaled.webp\" alt=\"opties voor eenvoudige inhoudsopgave plugin die opties voor positie en tonen wanneer laat zien\" class=\"wp-image-47415 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-300x100.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-1024x341.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-768x256.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-1536x512.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-2048x682.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-600x200.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-1200x400.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-730x243.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-1460x486.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-784x261.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-1568x522.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-877x292.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-1754x584.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/853;\" \/><\/figure>\n\n\n<p>Er zijn <em>veel<\/em> meer instellingen op deze pagina. Als je tevreden bent met alles, sla je wijzigingen op aan de onderkant van het scherm en ga je naar het bericht of de pagina waar je de inhoudsopgave wilt toevoegen. We gaan terug naar het blogbericht waaraan we hebben gewerkt.<\/p>\n\n\n<p>Onderaan de pagina zie je een nieuwe sectie genaamd Inhoudsopgave. Dat betekent dat de plugin werkt en automatisch anker-ID&#8217;s zal instellen en een volledige inhoudsopgave zal genereren die ernaar leidt!<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"853\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-scaled.webp\" alt=\"optie om automatische inhoudsopgave uit te schakelen met een selectievakje om het automatisch invoegen van de inhoudsopgave uit te schakelen\" class=\"wp-image-47417 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-300x100.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-1024x341.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-768x256.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-1536x512.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-2048x682.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-600x200.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-1200x400.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-730x243.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-1460x486.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-784x261.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-1568x522.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-877x292.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-1754x584.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/853;\" \/><\/figure>\n\n\n<p>Je zou een tekst moeten zien die aangeeft dat er direct een inhoudsopgave wordt ingevoegd, zolang je het vakje <strong>niet aanvinkt<\/strong>. We vinden deze functie fijn omdat het makkelijk is om de inhoudsopgave voor pagina&#8217;s waar dat logisch is uit te schakelen. We raden aan om hier opnieuw met de instellingen te scrollen en te spelen om te zien of er iets unieks is dat je met deze post wilt doen. Je kunt bijvoorbeeld een titel voor je TOC maken, deze verplaatsen, alle koppen die je niet wilt laten verschijnen uitsluiten, en nog veel meer.<\/p>\n\n\n<p>Houd er rekening mee dat deze wijzigingen alleen van toepassing zijn op deze post en eventuele globale instellingen die je zojuist in het instellingenmenu hebt gemaakt, zullen overschrijven.<\/p>\n\n\n<p>Sla je bericht op, publiceer het en bekijk de live pagina om je snelle, gemakkelijke en frisse nieuwe inhoudsopgave in actie te zien!<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"880\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-scaled.webp\" alt=\"screenshot die het aanzicht van de inhoudsopgave toont met 1. Kop 1, 2. Kop 2, 3. Kop 3 geformatteerd\" class=\"wp-image-47419 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-300x103.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-1024x352.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-768x264.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-1536x528.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-2048x704.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-600x206.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-1200x413.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-730x251.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-1460x502.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-784x270.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-1568x539.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-877x301.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-1754x603.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/880;\" \/><\/figure>\n\n\n<h2 id=\"h2_how-else-can-you-upgrade-your-wordpress-site\" class=\"wp-block-heading\">Hoe Kan Je Jouw WordPress Site Verder Upgraden?<\/h2>\n\n\n<p>Ankerlinks zijn ongelooflijk nuttige elementen om de SEO te verbeteren, maar ook om gebruikers te helpen navigeren door complexe pagina&#8217;s en langdurige inhoud. Je kunt ankerlinks gebruiken in inhoudsopgaven, navigatiemenu&#8217;s, voetnoten en meer. Gelukkig, zoals je hebt gezien, maakt WordPress het eenvoudig om ankerlinks toe te voegen aan je inhoud!<\/p>\n\n\n<p>Maar het gebruik van ankerlinks is slechts <em>een<\/em> van de vele trucs die je kunt implementeren om de zoekmachine rankings en gebruikerservaring van je website te verbeteren.<\/p>\n\n\n<p>Als je meer wilt leren over het verbeteren van de WordPress-ervaring en je uiterst belangrijke SEO-ranking, zijn hier een paar extra tutorials die je misschien wilt bekijken:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.dreamhost.com\/blog\/best-seo-tools\/\" target=\"_blank\" rel=\"noreferrer noopener\">25+ Beste Gratis en Betaalde SEO Tools (Zet Deze Bij Je Favorieten!)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.dreamhost.com\/blog\/website-redesign-checklist\/\" target=\"_blank\" rel=\"noreferrer noopener\">Jouw Checklist Voor Een Ongelooflijke Websiteherontwerp<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.dreamhost.com\/blog\/improve-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">Verbeter Je Rankings Met Deze 20 SEO Technieken<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.dreamhost.com\/blog\/elements-of-webdesign\/\" target=\"_blank\" rel=\"noreferrer noopener\">Top 7 Basis Elementen Van Webdesign<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.dreamhost.com\/blog\/seo-friendly-website-structure\/\" target=\"_blank\" rel=\"noreferrer noopener\">Let Op Die URL&#8217;s: Hoe Je Een SEO-Vriendelijke Website Structuur Cre\u00ebert<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.dreamhost.com\/blog\/beginners-website-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">Vraag Je Af Hoe Je Een Website Maakt? Hier Is Een Volledige Handleiding<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.dreamhost.com\/blog\/on-page-off-page-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">On-Page Vs. Off-Page SEO: Complete Gids &#038; Essenti\u00eble Tips<\/a><\/li>\n\n\n<\/ul>\n\n\n<p>Zoek je een WordPress host die je helpt om langere inhoud aan duizenden bezoekers te leveren zonder je site te vertragen? De <a href=\"https:\/\/www.dreamhost.com\/wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress hostingpakketten<\/a> van DreamHost zijn ontworpen om grote hoeveelheden verkeer aan te kunnen terwijl je website snel blijft.<\/p>\n\n\n<p>Hoe zit het met een beetje hulp bij al dat ontwerp, marketing, en meer dat tegenwoordig nodig is om een succesvol bedrijf te runnen? We hebben ook plannen om je daarbij te ondersteunen. Bekijk alle diensten die ons <a href=\"https:\/\/www.dreamhost.com\/pro-services\/\" target=\"_blank\" rel=\"noreferrer noopener\">geweldige team van professionele diensten<\/a> kan leveren en stel vandaag nog jouw perfecte strategie voor website-onderhoud samen.<\/p>\n\n\n\n<div class=\"article-cta-shared article-cta-small article-cta--product\">\n\t<div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/03\/product-cta-wordpress-hosting-877x586.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/03\/product-cta-wordpress-hosting.webp 2x\"  alt=\"website management by DreamHost\" \/><\/div>\n\n\t<a href='https:\/\/www.dreamhost.com\/wordpress\/managed-wp-hosting\/' class='link-top' target='_blank' rel='noopener noreferrer'>\n\t\t<span>WordPress Hosting<\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" width=\"15\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n\n\t<div class=\"content-btm\">\n\t\t<h2 class=\"h2--md\">\n\t\t\tUnbeatable WordPress Hosting\n\t\t<\/h2>\n\t\t<p class=\"p--md\">\n\t\t\tReliable, lightning-fast hosting solutions specifically optimized for WordPress.\n\t\t<\/p>\n\n\t\t        <a\n            href=\"https:\/\/www.dreamhost.com\/wordpress\/managed-wp-hosting\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            See More                    <\/a>\n\n\t<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Ankerlinks maken inhoud gemakkelijk te navigeren en kunnen de zoekrangschikking verbeteren. Leer hoe je moeiteloos ankerlinks kunt cre\u00ebren met deze drie eenvoudige methoden.<\/p>\n","protected":false},"author":1077,"featured_media":47391,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Anchorkoppelingen maken inhoud eenvoudig navigeerbaar en kunnen de zoekrangschikking verbeteren. Leer hoe je moeiteloos anchorkoppelingen kunt maken met deze drie eenvoudige methoden.","toc_headlines":"[[\"h-what-anchor-links-are\",\"Wat Ankerlinks Zijn\"],[\"h2_the-pros-and-cons-of-anchor-links-in-wordpress\",\"De Voor- En Nadelen Van Ankerlinks In WordPress\"],[\"h2_how-to-create-an-anchor-link-in-wordpress-3-options\",\"Hoe Maak Je Een Ankerlink In WordPress (3 Opties)\"],[\"h2_how-else-can-you-upgrade-your-wordpress-site\",\"Hoe Kan Je Jouw WordPress Site Verder Upgraden?\"]]","hide_toc":false,"footnotes":""},"categories":[14932,14946],"tags":[],"class_list":["post-69996","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials-nl","category-wordpress-nl"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Hoe Maak Je Ankerlinks In WordPress (3 Methoden) - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Anchorkoppelingen maken inhoud eenvoudig navigeerbaar en kunnen de zoekrangschikking verbeteren. Leer hoe je moeiteloos anchorkoppelingen kunt maken met deze drie eenvoudige methoden.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-maak-je-ankerlinks-in-wordpress-3-methoden-nl\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hoe Maak Je Ankerlinks In WordPress (3 Methoden)\" \/>\n<meta property=\"og:description\" content=\"Anchorkoppelingen maken inhoud eenvoudig navigeerbaar en kunnen de zoekrangschikking verbeteren. Leer hoe je moeiteloos anchorkoppelingen kunt maken met deze drie eenvoudige methoden.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-maak-je-ankerlinks-in-wordpress-3-methoden-nl\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-19T08:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T16:13:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2021\/11\/1460_x_1095_blog_hero_creating_anchor_links.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2190\" \/>\n\t<meta property=\"og:image:height\" content=\"1643\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Jos Velasco\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jos Velasco\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hoe Maak Je Ankerlinks In WordPress (3 Methoden) - DreamHost Blog","description":"Anchorkoppelingen maken inhoud eenvoudig navigeerbaar en kunnen de zoekrangschikking verbeteren. Leer hoe je moeiteloos anchorkoppelingen kunt maken met deze drie eenvoudige methoden.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-maak-je-ankerlinks-in-wordpress-3-methoden-nl\/","og_locale":"en_US","og_type":"article","og_title":"Hoe Maak Je Ankerlinks In WordPress (3 Methoden)","og_description":"Anchorkoppelingen maken inhoud eenvoudig navigeerbaar en kunnen de zoekrangschikking verbeteren. Leer hoe je moeiteloos anchorkoppelingen kunt maken met deze drie eenvoudige methoden.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-maak-je-ankerlinks-in-wordpress-3-methoden-nl\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2024-06-19T08:00:00+00:00","article_modified_time":"2025-05-26T16:13:12+00:00","og_image":[{"width":2190,"height":1643,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2021\/11\/1460_x_1095_blog_hero_creating_anchor_links.webp","type":"image\/webp"}],"author":"Jos Velasco","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jos Velasco","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-maak-je-ankerlinks-in-wordpress-3-methoden-nl\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-maak-je-ankerlinks-in-wordpress-3-methoden-nl\/"},"author":{"name":"Jos Velasco","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a"},"headline":"Hoe Maak Je Ankerlinks In WordPress (3 Methoden)","datePublished":"2024-06-19T08:00:00+00:00","dateModified":"2025-05-26T16:13:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-maak-je-ankerlinks-in-wordpress-3-methoden-nl\/"},"wordCount":2646,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-maak-je-ankerlinks-in-wordpress-3-methoden-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2021\/11\/1460_x_1095_blog_hero_creating_anchor_links.webp","articleSection":["Handleidingen","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-maak-je-ankerlinks-in-wordpress-3-methoden-nl\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-maak-je-ankerlinks-in-wordpress-3-methoden-nl\/","name":"Hoe Maak Je Ankerlinks In WordPress (3 Methoden) - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-maak-je-ankerlinks-in-wordpress-3-methoden-nl\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-maak-je-ankerlinks-in-wordpress-3-methoden-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2021\/11\/1460_x_1095_blog_hero_creating_anchor_links.webp","datePublished":"2024-06-19T08:00:00+00:00","dateModified":"2025-05-26T16:13:12+00:00","description":"Anchorkoppelingen maken inhoud eenvoudig navigeerbaar en kunnen de zoekrangschikking verbeteren. Leer hoe je moeiteloos anchorkoppelingen kunt maken met deze drie eenvoudige methoden.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-maak-je-ankerlinks-in-wordpress-3-methoden-nl\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-maak-je-ankerlinks-in-wordpress-3-methoden-nl\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-maak-je-ankerlinks-in-wordpress-3-methoden-nl\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2021\/11\/1460_x_1095_blog_hero_creating_anchor_links.webp","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2021\/11\/1460_x_1095_blog_hero_creating_anchor_links.webp","width":2190,"height":1643,"caption":"How To Create Anchor Links In WordPress (3 Methods)"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-maak-je-ankerlinks-in-wordpress-3-methoden-nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Hoe Maak Je Ankerlinks In WordPress (3 Methoden)"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a","name":"Jos Velasco","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","caption":"Jos Velasco"},"description":"Jos Velasco is a WordPress Professional Consultant at DreamHost. His responsibilities include helping with advanced WordPress cases, creating training material, and identifying trends impacting the WordPress community. In his free time, he enjoys climbing mountains, eating healthy, and watching drama movies. Follow Jos on LinkedIn: https:\/\/www.linkedin.com\/in\/josvelasco\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/josvelasco\/"}]}},"lang":"nl","translations":{"nl":69996,"es":32275,"en":32251,"de":52956,"pt":57189,"pl":57192,"ru":57195,"uk":57201,"it":68184,"fr":69957},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/69996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1077"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=69996"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/69996\/revisions"}],"predecessor-version":[{"id":69998,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/69996\/revisions\/69998"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/47391"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=69996"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=69996"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=69996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}