{"id":52651,"date":"2023-05-22T15:52:05","date_gmt":"2023-05-22T13:52:05","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=52651&#038;preview=true&#038;preview_id=52651"},"modified":"2023-05-24T14:32:53","modified_gmt":"2023-05-24T12:32:53","slug":"zo-maak-je-een-link-klikbaar","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/","title":{"rendered":"Zo maak je een link klikbaar (uitgebreide handleiding met 4 methodes)"},"content":{"rendered":"<p>Online links vormen de basis voor eenvoudig online surfen, of het nu gaat om het sturen van gebruikers naar webpagina&#8217;s, <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-download-manager\/\">downloadbare documenten<\/a> of andere toepassingen.<\/p>\n<p>Het mooie is dat je klikbare links kunt maken binnen veel verschillende applicaties, zoals <a href=\"https:\/\/kinsta.com\/blog\/content-management-system\/\">content management systemen<\/a>, <a href=\"https:\/\/kinsta.com\/nl\/blog\/designsoftware-voor-websites\/\">websitebouwers<\/a>, tekstverwerkers en <a href=\"https:\/\/kinsta.com\/nl\/blog\/beveiligde-e-mailproviders\/\">e-mailclients<\/a>.<\/p>\n<p>Deze gids bespreekt alles wat je moet weten over hoe je een link klikbaar maakt, terwijl we ook de grondbeginselen achter een link en de terminologie die je kunt tegenkomen bij het maken ervan uitleggen<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<h2>Basisprincipes van hyperlinks<\/h2>\n<p>Er zijn verschillende termen voor een stuk inhoud, zoals tekst of een afbeelding, dat klikbaar is, oftewel de interactieve mogelijkheid om je cursor op de content te plaatsen en ergens anders heen te navigeren.<\/p>\n<p>Enkele van die termen zijn:<\/p>\n<ul>\n<li>Link<\/li>\n<li>Hyperlink<\/li>\n<li>Klikbare link<\/li>\n<\/ul>\n\n<p>Technisch gezien hebben ze allemaal hun eigen definities, maar tegenwoordig worden ze door elkaar gebruikt.<\/p>\n<p>Het vermogen van een gebruiker om te communiceren met online content hangt af van deze hyperlinks, waarbij gebruikers over een stukje tekst, een afbeelding of een knop kunnen scrollen en erop kunnen klikken, waardoor ze naar een ander stukje content worden gestuurd (zoals een externe webpagina) of een actie kunnen uitvoeren (zoals het bellen van een telefoonnummer vanaf je smartphone).<\/p>\n<p>Een eenvoudige met <a href=\"https:\/\/kinsta.com\/blog\/what-is-html\/\">HTML gecodeerde versie<\/a> van een hyperlink ziet er zo uit:<\/p>\n<pre><code class=\"language-html\">&lt;a href=\"https:\/\/example.com\/\"&gt;the hyperlink text&lt;\/a&gt;<\/code><\/pre>\n<p>Maar het wordt ingewikkelder als je optionele zaken als targets en nofollow elementen meerekent:<\/p>\n<pre><code class=\"language-html\"> &lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/example.com\/\"<\/span> <span class=\"syntax-all syntax-entity\">target<\/span>=<span class=\"syntax-all syntax-string\">\"_blank\"<\/span> <span class=\"syntax-all syntax-entity\">rel<\/span>=<span class=\"syntax-all syntax-string\">\"noreferrer noopener\"<\/span>&gt;the hyperlink text&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Om een klikbare link te maken die je zelf kan gebruiken, moet je &#8220;https:\/\/example.com\/&#8221; en &#8220;the hyperlink text&#8221; uit het bovenstaande voorbeeld vervangen door je eigen tekst.<\/p>\n<\/aside>\n\n<p>Dit zijn de elementen waaruit een hyperlink bestaat:<\/p>\n<ol>\n<li>De inhoud<\/li>\n<li><a href=\"https:\/\/kinsta.com\/nl\/blog\/wat-is-een-url\/\">De URL<\/a> of <a href=\"https:\/\/kinsta.com\/nl\/blog\/permalinks-wordpress\/\">permalink<\/a><\/li>\n<li>Het doel (target)<\/li>\n<li>Nofollow, noreferrer en noopener<\/li>\n<\/ol>\n<figure id=\"attachment_131266\" aria-describedby=\"caption-attachment-131266\" style=\"width: 1421px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131266 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/the-elements-of-a-hyperlink.jpg\" alt=\"De elementen van een hyperlink met highlights en labels\" width=\"1421\" height=\"394\"><figcaption id=\"caption-attachment-131266\" class=\"wp-caption-text\">De elementen van een hyperlink<\/figcaption><\/figure>\n<p>Blijf lezen om meer te leren over deze elementen en hoe ze werken.<\/p>\n<h3>De inhoud<\/h3>\n<p>Je kunt klikbare links maken met twee soorten inhoud:<\/p>\n<ol>\n<li>Tekst<\/li>\n<li>Grafisch<\/li>\n<\/ol>\n<p>Dit betekent dat zolang de app die je gebruikt hyperlinks ondersteunt, je elke regel geschreven tekst of <a href=\"https:\/\/kinsta.com\/nl\/blog\/gratis-afbeeldingen-voor-wordpress\/\">afbeelding binnen je content<\/a> kunt pakken en er een klikbare link van kunt maken.<\/p>\n<h4>Tekst met hyperlinks<\/h4>\n<p>Tekst is een van de opties bij het maken van klikbare links.<\/p>\n<p>Als je een editor zoals WordPress gebruikt, kun je in het editorscherm elke gewenste tekst markeren en dan de knop <strong>Link<\/strong> selecteren.<\/p>\n<figure id=\"attachment_131257\" aria-describedby=\"caption-attachment-131257\" style=\"width: 938px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131257 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Adding-a-link-in-WordPress-.jpeg\" alt=\"Een link toevoegen in WordPress aan een potbelly website\" width=\"938\" height=\"548\"><figcaption id=\"caption-attachment-131257\" class=\"wp-caption-text\">Een link toevoegen in WordPress<\/figcaption><\/figure>\n<p>Dit geeft een link weer voor de lezer, meestal met gekleurde, onderstreepte tekst.<\/p>\n<figure id=\"attachment_131259\" aria-describedby=\"caption-attachment-131259\" style=\"width: 1015px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131259 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-clickable-link-on-the-frontend.jpeg\" alt=\"Een link voor het bekijken van een menu\" width=\"1015\" height=\"437\"><figcaption id=\"caption-attachment-131259\" class=\"wp-caption-text\">Een klikbare link aan de voorkant<\/figcaption><\/figure>\n<p>Een tekstuele hyperlink verandert soms als een gebruiker er met de muis overheen gaat, en verandert vaak van kleur of verbergt de onderstreping om aan te geven dat het een klikbare link is.<\/p>\n<p>Bovendien tonen browsers bij het bewegen van de muis over een tekstlink meestal een voorbeeld van de gelinkte URL, zodat je kunt zien waar die naartoe leidt.<\/p>\n<figure id=\"attachment_131268\" aria-describedby=\"caption-attachment-131268\" style=\"width: 1039px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131268 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-preview-of-the-target-URL.jpg\" alt=\"Een preview van een link naar sandwiches\" width=\"1039\" height=\"588\"><figcaption id=\"caption-attachment-131268\" class=\"wp-caption-text\">Een voorbeeld van de doel URL<\/figcaption><\/figure>\n<h4>Afbeeldingen met hyperlinks<\/h4>\n<p>Met veel programma&#8217;s &#8211; <a href=\"https:\/\/kinsta.com\/nl\/blog\/huidige-wordpress-versie\/\">waaronder WordPress<\/a> &#8211; kun je hyperlinks maken met behulp van online media, zoals afbeeldingen.<\/p>\n<p>Dit werkt door in de editor een afbeelding te selecteren (in plaats van tekst) en de gewenste URL toe te voegen via de <strong>Link <\/strong>feature.<\/p>\n<figure id=\"attachment_131269\" aria-describedby=\"caption-attachment-131269\" style=\"width: 1028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131269 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Linking-an-image.jpg\" alt=\"Een sandwichfoto op een website waarnaar gelinkt wordt\" width=\"1028\" height=\"804\"><figcaption id=\"caption-attachment-131269\" class=\"wp-caption-text\">Een afbeelding linken<\/figcaption><\/figure>\n<p>Eenmaal gepubliceerd verandert de standaard cursorpijl in een handcursor als je met de muis over de afbeelding beweegt, en bezoekers zien in de browser een voorbeeld van de URL waarnaar je linkt.<\/p>\n<figure id=\"attachment_131270\" aria-describedby=\"caption-attachment-131270\" style=\"width: 1048px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131270 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Image-links-show-URL-previews-when-scrolled-over.jpg\" alt=\"pijl die wijst naar de preview URL van de browser op een Potbelly productpagina\" width=\"1048\" height=\"718\"><figcaption id=\"caption-attachment-131270\" class=\"wp-caption-text\">Een voorbeeld van de doel URL<\/figcaption><\/figure>\n<p>Of het nu om afbeeldingslink of een tekstlink gaat, door erop te klikken wordt een actie geactiveerd, zoals het sturen van de gebruiker naar een andere URL.<\/p>\n<figure id=\"attachment_131271\" aria-describedby=\"caption-attachment-131271\" style=\"width: 1372px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131271 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/An-external-target-page.jpg\" alt=\"een Potbelly sandwich pagina \" width=\"1372\" height=\"759\"><figcaption id=\"caption-attachment-131271\" class=\"wp-caption-text\">Een externe doelpagina<\/figcaption><\/figure>\n<h4>Hoe de codering eruit ziet<\/h4>\n<p>De tekst of afbeelding in een hyperlink wordt in onderstaand voorbeeld weergegeven door &#8220;The Link Text&#8221;:<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/example.com\/\"<\/span> <span class=\"syntax-all syntax-entity\">target<\/span>=<span class=\"syntax-all syntax-string\">\"_blank\"<\/span> <span class=\"syntax-all syntax-entity\">rel<\/span>=<span class=\"syntax-all syntax-string\">\"noreferrer noopener\"<\/span>&gt;The Link Text&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<p>Leren hoe je een klikbare link maakt betekent echter dat je die tekst vervangt door je eigen inhoud.<\/p>\n<p>Bij een tekstlink komt de klikbare tekst vlak voor de afsluitende <em>&lt;\/a&gt;<\/em> .<\/p>\n<figure id=\"attachment_131272\" aria-describedby=\"caption-attachment-131272\" style=\"width: 1202px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131272 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-link-text.jpg\" alt=\"De tekst van de link\" width=\"1202\" height=\"174\"><figcaption id=\"caption-attachment-131272\" class=\"wp-caption-text\">De tekst van de link<\/figcaption><\/figure>\n<p>Afbeeldingslinks werken iets anders, omdat ze de URL van de afbeelding moeten bevatten (het beste is als je die hebt <a href=\"https:\/\/kinsta.com\/nl\/blog\/verhoog-maximale-uploadgrootte-wordpress\/\">ge\u00fcpload naar de mediadatabase van je website<\/a>).<\/p>\n<p>Die media URL komt tussen de aanhalingstekens in de sectie <em>img src=&#8221;&#8221;<\/em>.<\/p>\n<p><img class=\"size&lt;span id=\"><\/p>\n<figure id=\"attachment_138644\" aria-describedby=\"caption-attachment-138644\" style=\"width: 1462px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-138644\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/11\/image-source.jpeg\" alt=\"image URL highlighted\" width=\"1462\" height=\"220\"><figcaption id=\"caption-attachment-138644\" class=\"wp-caption-text\">De URL van de afbeeldingsbron<\/figcaption><\/figure>\n<p>Er zijn nog andere elementen toe te voegen bij afbeeldingslinks, zoals:<\/p>\n<ul>\n<li><strong>Een alt tag (<em>alt=&#8221;&#8221;<\/em>):<\/strong> Tekst die de afbeelding beschrijft voor zoekmachinecrawlers en gebruikers met een visuele beperking.<\/li>\n<li><strong>Een klasse (<em>class=&#8221;&#8221;<\/em>):<\/strong> Een gecodeerde naam voor het gebruik van de afbeelding elders in je code of websitebestanden.<\/li>\n<\/ul>\n<h3>De URL<\/h3>\n<p>Als onderdeel van een hyperlink dient de URL als bestemming of actie die plaatsvindt als iemand op de link klikt.<\/p>\n<figure id=\"attachment_131275\" aria-describedby=\"caption-attachment-131275\" style=\"width: 1003px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131275 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-URL-within-a-clickable-link.jpg\" alt=\"link geplakt in het URL veld\" width=\"1003\" height=\"587\"><figcaption id=\"caption-attachment-131275\" class=\"wp-caption-text\">Een URL binnen een klikbare link<\/figcaption><\/figure>\n<p>Maar niet alle URL&#8217;s hebben <a href=\"https:\/\/kinsta.com\/nl\/blog\/verander-wordpress-url\/\">webpagina URL&#8217;s<\/a>. Sommige hyperlinks hebben een &#8220;click to call&#8221; functie, waarmee gebruikers met \u00e9\u00e9n klik vanaf hun smartphone een telefoonnummer kunnen bellen.<\/p>\n<figure id=\"attachment_131276\" aria-describedby=\"caption-attachment-131276\" style=\"width: 908px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131276 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/An-example-of-click-to-call-functionality.jpg\" alt=\"een telefoonnummer in het URL veld\" width=\"908\" height=\"404\"><figcaption id=\"caption-attachment-131276\" class=\"wp-caption-text\">Een voorbeeld van click to call functionaliteit<\/figcaption><\/figure>\n<p>Een andere optie is om een kaart te tonen die de kaart-app van de gebruiker op zijn telefoon opent.<\/p>\n<figure id=\"attachment_131277\" aria-describedby=\"caption-attachment-131277\" style=\"width: 908px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131277 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-link-that-leads-to-a-map-app.jpg\" alt=\"een kaartlink naar Google Maps geplaatst in een URL-veld\" width=\"908\" height=\"635\"><figcaption id=\"caption-attachment-131277\" class=\"wp-caption-text\">Een link die naar een kaart-app leidt<\/figcaption><\/figure>\n<h4>Hoe de codering eruit ziet<\/h4>\n<p>URL&#8217;s in klikbare links worden geplaatst tussen de aanhalingstekens in het <em>&lt;a href=&#8221;&#8221;<\/em> deel van de hyperlink.<\/p>\n<p>Bijvoorbeeld, het <em>https:\/\/www.example.com<\/em> deel van de volgende hyperlinkcode is de URL:<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/www.example.com\"<\/span> <span class=\"syntax-all syntax-entity\">target<\/span>=<span class=\"syntax-all syntax-string\">\"_blank\"<\/span> <span class=\"syntax-all syntax-entity\">rel<\/span>=<span class=\"syntax-all syntax-string\">\"noreferrer noopener\"<\/span>&gt;View the entire menu.&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt; <\/code><\/pre>\n<figure id=\"attachment_131278\" aria-describedby=\"caption-attachment-131278\" style=\"width: 1565px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131278 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-URL-presented-in-a-hyperlink-HTML-code.jpg\" alt=\"een link met het ahref gedeelte gemarkeerd\" width=\"1565\" height=\"208\"><figcaption id=\"caption-attachment-131278\" class=\"wp-caption-text\">De URL gepresenteerd in een hyperlink HTML code<\/figcaption><\/figure>\n<p>Sommige URL&#8217;s leiden naar downloadbare documenten, terwijl andere een speciale codering vereisen. Bijvoorbeeld, voor een &#8220;click to call&#8221; link moet je <em>tel:<\/em> en een telefoonnummer binnen de <em>href=&#8221;&#8221;<\/em> aanhalingstekens plaatsen.<\/p>\n<figure id=\"attachment_131279\" aria-describedby=\"caption-attachment-131279\" style=\"width: 1407px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131279 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Example-of-a-tel-click-to-call-link.jpg\" alt=\"link met daarin het telefoonnummer\" width=\"1407\" height=\"166\"><figcaption id=\"caption-attachment-131279\" class=\"wp-caption-text\">Voorbeeld van een tel: click to call link<\/figcaption><\/figure>\n<h3>Doelvenster<\/h3>\n<p>Het doelvenster is een optioneel onderdeel van een hyperlink. Het geeft aan of de inhoud wordt geopend in hetzelfde browsertabblad of in een nieuw browsertabblad.<\/p>\n<p>Op WordPress en veel andere apps kun je met de visuele editor een doelvenster toevoegen zonder code aan te raken.<\/p>\n<p>Schakel gewoon het schakelaartje <strong>&#8220;Open in new tab&#8221;<\/strong> uit als je wilt dat de link wordt geopend in hetzelfde tabblad dat de gebruiker op dat moment bekijkt.<\/p>\n<figure id=\"attachment_131280\" aria-describedby=\"caption-attachment-131280\" style=\"width: 992px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131280 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Open-In-New-Tab-switch-turned-off.jpg\" alt=\"het tabblad is uitgeschakeld voor een link\" width=\"992\" height=\"388\"><figcaption id=\"caption-attachment-131280\" class=\"wp-caption-text\">Schakelaar Open in new tab uitgeschakeld<\/figcaption><\/figure>\n<p>Als alternatief kun je de <strong>&#8220;Open in new tab&#8221;<\/strong> schakelaar activeren, die automatisch een <em>_blank<\/em> attribuut toevoegt aan de hyperlink codering en de URL in een nieuw tabblad opent als erop wordt geklikt.<\/p>\n<figure id=\"attachment_131281\" aria-describedby=\"caption-attachment-131281\" style=\"width: 939px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131281 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Open-In-New-Tab-switch-turned-on.jpg\" alt=\"de schakelaar is nu ingeschakeld voor de menulink\" width=\"939\" height=\"383\"><figcaption id=\"caption-attachment-131281\" class=\"wp-caption-text\">Schakelaar Open in new tab<\/figcaption><\/figure>\n<h4>Hoe de codering eruit ziet<\/h4>\n<p>Deze opties worden geactiveerd door het toevoegen en bewerken van het <em>target=&#8221;&#8221;<\/em> element in een hyperlink.<\/p>\n<p>Hoewel het target attribuut verschillende waarden heeft, zoals <em>_blank<\/em>, <em>_parent<\/em>, <em>_self<\/em>, en <em>_top<\/em>, gebruiken we meestal alleen de <em>_blank<\/em> waarde.<\/p>\n<p>Een hyperlink zonder het <em>_blank<\/em> doel ziet er als volgt uit:<\/p>\n<figure id=\"attachment_131282\" aria-describedby=\"caption-attachment-131282\" style=\"width: 1287px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131282 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/No-_blank-target-within-a-link.jpg\" alt=\"ze hebben het blank target van de linkcode verwijderd\" width=\"1287\" height=\"227\"><figcaption id=\"caption-attachment-131282\" class=\"wp-caption-text\">Geen _blank target binnen een link<\/figcaption><\/figure>\n<p>Je zult merken dat het niet verschilt van een gewone hyperlink. Dat komt omdat hyperlinks standaard niet openen in een nieuw tabblad. Je hoeft dus niets aan de link te doen, tenzij je hem liever in een apart tabblad ziet openen.<\/p>\n<p>Een hyperlink met het _blank doel, waardoor de URL in een apart tabblad wordt geopend, ziet er ongeveer zo uit:<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/www.example.com\"<\/span> <span class=\"syntax-all syntax-entity\">target<\/span>=<span class=\"syntax-all syntax-string\">\"_blank\"<\/span>&gt;View the entire menu.&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<figure id=\"attachment_131283\" aria-describedby=\"caption-attachment-131283\" style=\"width: 1314px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131283 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Clickable-link-with-a-_blank-target.jpg\" alt=\"er is nu een blank target toegevoegd\" width=\"1314\" height=\"161\"><figcaption id=\"caption-attachment-131283\" class=\"wp-caption-text\">Klikbare link met een _blank target<\/figcaption><\/figure>\n<h3>nofollow, noreferrer en noopener<\/h3>\n<p>Je kunt ook extra elementen toevoegen aan een klikbare link, waarvan de meeste beveiliging of <a href=\"https:\/\/kinsta.com\/blog\/discourage-search-engines-from-indexing-this-site\/\">cloaking voor zoekmachines<\/a> toevoegen:<\/p>\n<ul>\n<li><strong><a href=\"https:\/\/kinsta.com\/nl\/blog\/nofollow-links-aan-wordpress-toevoegen\/\">nofollow<\/a>:<\/strong> Een attribuut dat blokkeert dat &#8220;SEO link juice&#8221; naar de gelinkte website gaat. Dit helpt je website te beschermen en kan de link verbergen voor zoekmachines.<\/li>\n<li><strong>noopener:<\/strong> Dit is een HTML attribuut dat automatisch wordt toegevoegd aan WordPress links gemarkeerd als <strong>&#8220;Open in een nieuw tabblad&#8221;<\/strong>. Het wordt gekoppeld aan <em>noreferrer<\/em> om bepaalde beveiligingsproblemen bij het openen van links in nieuwe tabbladen te minimaliseren.<\/li>\n<li><strong>noreferrer:<\/strong> Vaak gekoppeld aan <em>noopener<\/em>, blokkeert het <em>noreferrer<\/em> attribuut alle verwijzingsinformatie die wordt doorgegeven aan de doelsite, waardoor extra veiligheid wordt toegevoegd en gegevens van tracking sites en affiliate verdien sites mogelijk worden geblokkeerd.<\/li>\n<\/ul>\n<p>Je kunt geen van deze link attributen identificeren door naar een link op de live site te kijken. In plaats daarvan moet je in de HTML-code kijken.<\/p>\n<h4>Hoe de codering eruit ziet<\/h4>\n<p>Al deze linkattributen staan tussen de aanhalingstekens in het <em>rel=&#8221;&#8221;<\/em> gedeelte van de klikbare link.<\/p>\n<p>Het is mogelijk ze allemaal in \u00e9\u00e9n link op te nemen.<\/p>\n<figure id=\"attachment_131327\" aria-describedby=\"caption-attachment-131327\" style=\"width: 1168px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131327 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Link-with-noreferrer-noopener-and-nofollow-all-included.jpg\" alt=\"Link met noreferrer, noopener en nofollow inbegrepen\" width=\"1168\" height=\"190\"><figcaption id=\"caption-attachment-131327\" class=\"wp-caption-text\">Link met noreferrer, noopener en nofollow inbegrepen<\/figcaption><\/figure>\n<p>Je kunt ook zien dat sommige hyperlinks alleen een <em>noreferrer noopener<\/em> attribuut bevatten, of een <em>nofollow<\/em> zonder de andere twee. Het hangt allemaal af van wat de maker van de link wil bereiken.<\/p>\n<h3>Redenen om een link klikbaar te maken<\/h3>\n<p>Wanneer je leert hoe je een link klikbaar maakt, is het belangrijk om alle redenen achter hyperlinking te begrijpen. Zo ben je je bewust van de mogelijkheden en kun je er in de toekomst je voordeel mee doen.<\/p>\n<p>Hier zijn de belangrijkste redenen om een link klikbaar te maken:<\/p>\n<ol>\n<li><strong>Algemene interne\/externe hyperlinks naar URL&#8217;s:<\/strong> Je kunt tekstlinks maken die wegleiden van je website (zoals voor het citeren van bronnen of het versterken van een stelling met een externe studie), of naar andere pagina&#8217;s op je site (vooral handig om lezers naar relevante content te sturen en ze langer op je site te houden).<\/li>\n<li><strong>Afbeeldingen linken:<\/strong> Aan elke afbeelding op WordPress, en vele andere websitebouwers, kun je hyperlinks toevoegen naar URL&#8217;s, mediabestanden of bijlagepagina&#8217;s.<\/li>\n<li><strong>Knoppen linken:<\/strong> CSS knoppen bieden mogelijkheden voor het toevoegen van hyperlinks, waardoor je klikbare link een aantrekkelijkere, visuele ervaring krijgt in vergelijking met gewone tekst.<\/li>\n<li><strong>Telefoonnummers:<\/strong> Vaak een &#8220;click to call&#8221; functie genoemd, hyperlinks die leiden naar telefoonnummers openen apps met belmogelijkheden, zoals de eigenlijke telefoon app op je apparaat, of Skype.<\/li>\n<li><strong>Adressen:<\/strong> Hyperlinken naar specifieke co\u00f6rdinaten op Google of Apple Maps betekent dat de gebruiker die op de link klikt, die informatie automatisch in zijn GPS\/kaart-app krijgt voor navigatie.<\/li>\n<li><strong>E-mailadressen:<\/strong> Dit is vergelijkbaar met &#8220;click to call&#8221; links, maar dan met e-mailadressen. Het triggert de e-mail app op een telefoon of computer, samen met een nieuwe e-mailcompositie met een specifiek e-mailadres toegevoegd in het veld <strong>Aan<\/strong>.<\/li>\n<li><strong> <a href=\"https:\/\/kinsta.com\/nl\/blog\/anchor-links\/\">Anchorlinks maken<\/a>:<\/strong> Je kunt linken naar inhoud op dezelfde pagina door ankerlinks te gebruiken; deze zijn erg populair voor het maken van een inhoudsopgave aan het begin van een lange blogpost. Ze worden ook wel &#8220;bookmark hyperlinks&#8221; genoemd<\/li>\n<li><strong>Een downloadbaar bestand aanbieden:<\/strong> WordPress en andere websitebouwers bieden hulpmiddelen om <a href=\"https:\/\/kinsta.com\/blog\/what-is-an-svg-file\/\">SVG bestanden<\/a>, <a href=\"https:\/\/kinsta.com\/blog\/wordpress-pdf-viewer-plugins\/\">PDF&#8217;s<\/a>, <a href=\"https:\/\/kinsta.com\/nl\/blog\/zo-upload-je-een-html-bestand-naar-wordpress\/\">HTML bestanden<\/a> en nog veel meer te uploaden; je kunt zelfs <a href=\"https:\/\/kinsta.com\/nl\/blog\/upload-bestanden-ftp-bulk-wordpress-mediabibliotheek\/\">items in bulk uploaden<\/a>. Daarna is het mogelijk om in berichten\/pagina&#8217;s hyperlinks aan te brengen waarmee gebruikers de bestanden rechtstreeks naar hun apparaten kunnen downloaden.<\/li>\n<\/ol>\n<p>Nu we de soorten hyperlinks en de redenen waarom je er een zou willen maken hebben besproken, kun je verder lezen hoe je dat voor elkaar krijgt.<\/p>\n<h2>Zo maak je een link klikbaar<\/h2>\n<p>De methode die je kiest om een link te maken hangt af van je ervaring. Je kunt kiezen voor een eenvoudiger visuele methode of overwegen HTML code te gebruiken.<\/p>\n<p>Er zijn vier primaire methoden om een link klikbaar te maken:<\/p>\n<ol>\n<li>Met behulp van de WordPress Classic Editor<\/li>\n<li>Met behulp van de <a href=\"https:\/\/kinsta.com\/nl\/blog\/schakel-gutenberg-wordpress-editor-uit\/\">WordPress Block Editor (Gutenberg)<\/a><\/li>\n<li>Met behulp van HTML<\/li>\n<li>Met behulp van een grafische gebruikersinterface (GUI)<\/li>\n<\/ol>\n<p>Houd in gedachten dat al deze methoden vrijwel hetzelfde werken voor zowel WordPress berichten als pagina&#8217;s. Deze tutorials (met name methode 4) zijn ook nuttig voor andere apps\/websitebouwers, maar sommige terminologie\/functionaliteit kan verschillen.<\/p>\n<h3>Methode 1: De WordPress Classic Editor gebruiken<\/h3>\n<p>Als je werkt met de WordPress Classic Editor is de eenvoudigste manier om een klikbare link op een post of pagina te maken via het tabblad <b>Visual <\/b>editor.<\/p>\n<p>Ga daarvoor naar het onderdeel <strong>Posts<\/strong> of <b>Pages <\/b>van je WordPress dashboard, en selecteer een individuele pagina of post die je wilt bewerken, via het tabblad <strong>Visual<\/strong>.<\/p>\n<h4>Stap 1: Markeer de tekst die je klikbaar wilt maken<\/h4>\n<p>Voor een tekstlink kun je het beste de tekst al in de <strong>Visual<\/strong>\u00a0editor hebben getypt. Gebruik daarna je cursor om de tekst te markeren.<\/p>\n<figure id=\"attachment_131328\" aria-describedby=\"caption-attachment-131328\" style=\"width: 1098px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131328 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Highlight-some-text.jpg\" alt=\"markeren van een stuk tekst in de WordPress editor\" width=\"1098\" height=\"837\"><figcaption id=\"caption-attachment-131328\" class=\"wp-caption-text\">Gemarkeerde tekst<\/figcaption><\/figure>\n<p><strong>Als je van een afbeelding een klikbare link maakt:<\/strong><\/p>\n<p>Selecteer de afbeelding zodat je een bewerkingsbalk en een contour rond de afbeelding ziet.<\/p>\n<figure id=\"attachment_131329\" aria-describedby=\"caption-attachment-131329\" style=\"width: 1081px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131329 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Select-the-image.jpg\" alt=\"In de WordPress editor op een afbeelding klikken en deze selecteren\" width=\"1081\" height=\"835\"><figcaption id=\"caption-attachment-131329\" class=\"wp-caption-text\">Selecteer de afbeelding<\/figcaption><\/figure>\n<h4>Stap 2: Klik op de knop Insert\/edit link<\/h4>\n<p>Terwijl de tekst nog steeds gemarkeerd is, scroll je over de knop<strong> Insert\/edit link <\/strong>in de werkbalk van de visuele editor. Het pictogram van de knop ziet eruit als een kettinglijn.<\/p>\n<figure id=\"attachment_131331\" aria-describedby=\"caption-attachment-131331\" style=\"width: 1092px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131331 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Edit-Link-button.jpg\" alt=\"tekst geselecteerd en klikken op de knop Insert\/Edit link in WordPress\" width=\"1092\" height=\"545\"><figcaption id=\"caption-attachment-131331\" class=\"wp-caption-text\">Klik op de knop Insert\/edit link<\/figcaption><\/figure>\n<p><strong>Als je van een afbeelding een klikbare link maakt:<\/strong><\/p>\n<p>Met de afbeelding nog geselecteerd, klik je op de knop<strong> Insert\/edit link <\/strong>(degene die eruitziet als een ketting).<\/p>\n<figure id=\"attachment_131335\" aria-describedby=\"caption-attachment-131335\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131335 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Choose-the-Edit-Button.jpg\" alt=\"WordPress post waar we op de knop Edit klikken om een afbeelding te linken\" width=\"1024\" height=\"678\"><figcaption id=\"caption-attachment-131335\" class=\"wp-caption-text\">Kies de knop Edit<\/figcaption><\/figure>\n<h4>Stap 3: Plak een URL<\/h4>\n<p>Er verschijnt nu een leeg URL veld. Kopieer <strong>(Command + C, of Ctrl + C)<\/strong> de gewenste link URL naar het klembord van je apparaat. Deze link kan een externe URL zijn die je ergens anders op het internet hebt gevonden of een URL van je eigen website.<\/p>\n<p>Eenmaal gekopieerd plak je hem <strong>(Command + V, of Ctrl +V)<\/strong> in het veld.<\/p>\n<figure id=\"attachment_131334\" aria-describedby=\"caption-attachment-131334\" style=\"width: 1086px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131334 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Paste-in-a-URL.jpg\" alt=\"WordPress editor waar we een URL in het veld plakken\" width=\"1086\" height=\"630\"><figcaption id=\"caption-attachment-131334\" class=\"wp-caption-text\">Een URL plakken<\/figcaption><\/figure>\n<p><strong>Als je van een afbeelding een klikbare link maakt:<\/strong><\/p>\n<p>Plak de gewenste URL in het onthulde veld en klik dan op de knop <b>Apply <\/b>om de link te activeren.<\/p>\n<figure id=\"attachment_131333\" aria-describedby=\"caption-attachment-131333\" style=\"width: 1092px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131333 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Insert-the-link-and-click-the-Apply-button-1.jpg\" alt=\"WordPress post editor met een afbeelding, klikken op de knop Insert\/Edit link \" width=\"1092\" height=\"837\"><figcaption id=\"caption-attachment-131333\" class=\"wp-caption-text\">Voeg de link in en klik op de knop Apply<\/figcaption><\/figure>\n<h4>Stap 4: Pas de link toe<\/h4>\n<p>Klik op de knop <b>Apply <\/b>om de link te activeren en de tekst klikbaar te maken.<\/p>\n<figure id=\"attachment_131336\" aria-describedby=\"caption-attachment-131336\" style=\"width: 1080px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131336 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-the-Apply-button.jpg\" alt=\"geselecteerde tekst in WordPress, dan op de blauwe knop Apply klikken om een link toe te voegen\" width=\"1080\" height=\"629\"><figcaption id=\"caption-attachment-131336\" class=\"wp-caption-text\">Klik op de Apply knop<\/figcaption><\/figure>\n<p>Je zou nu het hyperlink gedeelte van je tekst onderstreept moeten zien, en mogelijk in een andere kleur.<\/p>\n<figure id=\"attachment_131337\" aria-describedby=\"caption-attachment-131337\" style=\"width: 1084px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131337 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-resulting-link.jpg\" alt=\"Een link die onderstreept is om aan te geven dat hij klikbaar is in de WordPress backend\" width=\"1084\" height=\"475\"><figcaption id=\"caption-attachment-131337\" class=\"wp-caption-text\">De resulterende link<\/figcaption><\/figure>\n<p>Als je in je editor op de hyperlink klikt, verschijnt er een live link om te testen, samen met bewerkingstools voor het geval je de hyperlink wilt veranderen.<\/p>\n<p><img class=\"size-full wp-image-1313&lt;span id=\"><\/p>\n<h4>Extra opties<\/h4>\n<p>We behandelen meer geavanceerde klikbare links in de volgende secties, maar het is de moeite waard om op te merken dat elke link die je maakt in de Classic WordPress editor een <strong>Link<\/strong>\u00a0<b>options <\/b>knop heeft voor extra instellingen.<\/p>\n<figure id=\"attachment_138643\" aria-describedby=\"caption-attachment-138643\" style=\"width: 1078px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-138643 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/11\/link-for-options.jpeg\" alt=\"de tool voor linkopties selecteren\" width=\"1078\" height=\"558\"><figcaption id=\"caption-attachment-138643\" class=\"wp-caption-text\">Klik op de knop Link options<\/figcaption><\/figure>\n<p>Hier kun je:<\/p>\n<ul>\n<li>De URL aanpassen<\/li>\n<li>De tekst van de link wijzigen<\/li>\n<li>De link in een nieuw tabblad openen<\/li>\n<li>Zoeken naar en linken naar bestaande inhoud op je site<\/li>\n<\/ul>\n<figure id=\"attachment_131340\" aria-describedby=\"caption-attachment-131340\" style=\"width: 1034px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131340 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/More-options.jpg\" alt=\"popupvenster met URL, Linktekst en Zoekvelden\" width=\"1034\" height=\"786\"><figcaption id=\"caption-attachment-131340\" class=\"wp-caption-text\">Meer opties<\/figcaption><\/figure>\n<p><strong>Als je van een afbeelding een klikbare link maakt:<\/strong><\/p>\n<p>De klassieke WordPress editor biedt een tweede manier om afbeeldingen klikbaar te maken. Dat is door de afbeelding te selecteren en dan de knop <b>Edit <\/b>(lijkt op een potlood) te kiezen in de popup werkbalk.<\/p>\n<figure id=\"attachment_131341\" aria-describedby=\"caption-attachment-131341\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131341 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Choose-the-Edit-Button-1.jpg\" alt=\"afbeelding geselecteerd in WordPress en klikken op de knop Edit\" width=\"1024\" height=\"678\"><figcaption id=\"caption-attachment-131341\" class=\"wp-caption-text\">Selecteer de Edit knop<\/figcaption><\/figure>\n<p>Scroll naar het veld <strong>Link to<\/strong>, waarmee je kunt linken naar een <strong>Custom URL<\/strong>. Plak gewoon de gewenste URL in het veld daaronder, en klik op <strong>Update<\/strong>.<\/p>\n<figure id=\"attachment_131342\" aria-describedby=\"caption-attachment-131342\" style=\"width: 1078px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131342 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Find-and-edit-the-Link-To-field.jpg\" alt=\"nieuw popup venster met het veld Link to onderaan beschikbaar\" width=\"1078\" height=\"884\"><figcaption id=\"caption-attachment-131342\" class=\"wp-caption-text\">Zoek en bewerk het veld Link to<\/figcaption><\/figure>\n<p>Je kunt ook het <strong>Link naar<\/strong> dropdown menu selecteren om een hyperlink naar te maken:<\/p>\n<ul>\n<li>Mediabestanden<\/li>\n<li>Bijlage pagina&#8217;s<\/li>\n<li>Custom URL&#8217;s<\/li>\n<li>Geen<\/li>\n<\/ul>\n<figure id=\"attachment_131343\" aria-describedby=\"caption-attachment-131343\" style=\"width: 1078px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131343 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Choose-different-linking-options.jpg\" alt=\"dropdownmenu van het veld Link to voor het toevoegen van verschillende linkopties zoals bijlagepagina en aangepaste URL\" width=\"1078\" height=\"529\"><figcaption id=\"caption-attachment-131343\" class=\"wp-caption-text\">Kies uit verschillende linkopties<\/figcaption><\/figure>\n<h3>Methode 2: De WordPress Block Editor gebruiken (Gutenberg)<\/h3>\n<p>Hyperlinks werken hetzelfde voor zowel berichten als pagina&#8217;s in <a href=\"https:\/\/kinsta.com\/nl\/blog\/gutenberg-wordpress-editor\/\">de WordPress Block Editor<\/a>.<\/p>\n<p>Ga om te beginnen naar het onderdeel <strong>Posts<\/strong> of <b>Pages <\/b>van je WordPress dashboard. Selecteer een individuele post of pagina die je wilt bewerken, en duik dan in de onderstaande stappen.<\/p>\n<h4>Stap 1: Markeer tekst<\/h4>\n<p>Typ wat tekst in de editor. Markeer met je cursor het gedeelte van de tekst dat je klikbaar wilt maken. Klik in de popup werkbalk op de <strong>Link<\/strong> knop.<\/p>\n<figure id=\"attachment_131344\" aria-describedby=\"caption-attachment-131344\" style=\"width: 1043px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131344 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Highlight-text-and-click-the-Link-button.jpg\" alt=\"in WordPress tekst markeren en op de knop Link klikken voor de visuele editor\" width=\"1043\" height=\"424\"><figcaption id=\"caption-attachment-131344\" class=\"wp-caption-text\">Markeer tekst en klik op de Link knop<\/figcaption><\/figure>\n<p><strong>Als je van een afbeelding een klikbare link maakt:<\/strong><\/p>\n<p>Een afbeelding klikbaar maken in de WordPress Block editor begint met het daadwerkelijk toevoegen van een afbeelding aan de editor.<\/p>\n<p>Klik daarvoor op de knop <strong>Add block <\/strong>en selecteer dan het blok <strong>Image<\/strong>. Upload de afbeelding die je wilt linken.<\/p>\n<div class=\"mceTemp\">\n<dl id=\"urn:enhancement-cb85b45a-ab00-4574-bc15-2d32c99fad0c\" class=\"textannotation selected\">\n<dt class=\"wp-caption-dt\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131345 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Add-an-image-block.jpg\" alt=\"in WordPress post is er een blok + knop om op te klikken, dan kun je zoeken naar het Image blok\" width=\"1044\" height=\"767\"><\/dt>\n<dd class=\"wp-caption-dd\"><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\">Klik op de afbeelding zodat die gemarkeerd\/selecteerd is, en kies dan de knop <\/span><strong style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\">Insert link <\/strong><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\">in het popupvenster van de werkbalk.<\/span><\/dd>\n<\/dl>\n<\/div>\n<figure id=\"attachment_131346\" aria-describedby=\"caption-attachment-131346\" style=\"width: 953px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131346 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Add-an-image-block-1.jpg\" alt=\"Selecteer de afbeelding en voeg de link in\" width=\"953\" height=\"774\"><figcaption id=\"caption-attachment-131346\" class=\"wp-caption-text\">Selecteer de afbeelding en voeg de link in<\/figcaption><\/figure>\n<h4>Stap 2: Plak de URL en sla de link op<\/h4>\n<p>Je ziet nu een popup met een leeg veld. Plak de URL waarnaar je wilt linken, klik dan op <strong>Enter<\/strong> op je toetsenbord, of op de <strong>Submit<\/strong> knop om de klikbare link te activeren.<\/p>\n<figure id=\"attachment_131347\" aria-describedby=\"caption-attachment-131347\" style=\"width: 1046px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131347 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Insert-a-URL-and-click-Submit.jpg\" alt=\"een URL plakken en op de knop Submit klikken, die eruitziet als een gebogen pijl\" width=\"1046\" height=\"485\"><figcaption id=\"caption-attachment-131347\" class=\"wp-caption-text\">Voeg een URL in en klik op Submit<\/figcaption><\/figure>\n<p>De tekst van de hyperlink wordt nu in een andere kleur weergegeven, en je kunt op de link klikken om een voorbeeld van de inhoud te bekijken en meer geavanceerde instellingen voor het linken toe te voegen.<\/p>\n<figure id=\"attachment_131348\" aria-describedby=\"caption-attachment-131348\" style=\"width: 1028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131348 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/View-a-preview-and-more-advanced-link-settings.jpg\" alt=\"klikken op de nieuwe link toont een visueel voorbeeld met de link van de pagina, de uitgelichte afbeelding en meer informatie.\" width=\"1028\" height=\"611\"><figcaption id=\"caption-attachment-131348\" class=\"wp-caption-text\">Een voorbeeld en meer geavanceerde linkinstellingen bekijken<\/figcaption><\/figure>\n<p><strong>Als je van een afbeelding een klikbare link maakt:<\/strong><\/p>\n<p>Er zijn opties om mediabestanden en pagina&#8217;s met bijlagen te hyperlinken als je dat wilt.<\/p>\n<figure id=\"attachment_131350\" aria-describedby=\"caption-attachment-131350\" style=\"width: 918px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131350 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Consider-media-file-and-attachment-page-links.jpg\" alt=\"de link popup voor afbeeldingen heeft opties om mediabestanden en bevestigingspagina's te linken\" width=\"918\" height=\"424\"><figcaption id=\"caption-attachment-131350\" class=\"wp-caption-text\">Links naar mediabestanden en pagina&#8217;s met bijlagen<\/figcaption><\/figure>\n<p>Plak hiervoor een URL in het lege linkveld. Klik op de knop <b>Apply <\/b>om de link te activeren. Na het publiceren wordt iedereen die op de afbeelding klikt naar de link gebracht die je hebt opgegeven.<\/p>\n<figure id=\"attachment_131352\" aria-describedby=\"caption-attachment-131352\" style=\"width: 920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131352 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-on-the-Apply-button-after-inserting-a-URL.jpg\" alt=\"de URL wordt in het linkveld geplakt, en je kunt klikken op Toepassen\" width=\"920\" height=\"412\"><figcaption id=\"caption-attachment-131352\" class=\"wp-caption-text\">Klik op de knop Apply na het invoegen van een URL<\/figcaption><\/figure>\n<p>Klik voor meer opties op de knop <strong>Pijl naar beneden (v)<\/strong>:<\/p>\n<ul>\n<li>De link in een nieuw tabblad te openen<\/li>\n<li>Link toevoegen<\/li>\n<li>CSS klasse van de link toevoegen<\/li>\n<\/ul>\n<figure id=\"attachment_131353\" aria-describedby=\"caption-attachment-131353\" style=\"width: 983px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131353 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-the-down-carrot-button-for-more-settings.jpg\" alt=\"Er is een neerwaartse knop die velden toont voor openen in nieuw tabblad, link rel en link CSS klasse\" width=\"983\" height=\"712\"><figcaption id=\"caption-attachment-131353\" class=\"wp-caption-text\">Klik op de knop met pijltje naar beneden voor meer instellingen<\/figcaption><\/figure>\n<h4>Extra opties<\/h4>\n<p>We gaan in de volgende paragrafen dieper in op geavanceerde hyperlinkstructuren, maar je moet weten dat er een <strong>Edit<\/strong> knop beschikbaar is als je met je cursor op de nieuw aangemaakte link klikt.<\/p>\n<figure id=\"attachment_131355\" aria-describedby=\"caption-attachment-131355\" style=\"width: 983px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131355 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-the-Edit-button.jpg\" alt=\"er is een wijzigingsknop die op een potlood lijkt\" width=\"983\" height=\"612\"><figcaption id=\"caption-attachment-131355\" class=\"wp-caption-text\">Klik op de knop Edit<\/figcaption><\/figure>\n<p>Deze <b>Edit <\/b>pagina laat velden zien om:<\/p>\n<ul>\n<li>De tekst van de link te wijzigen<\/li>\n<li>De URL te wijzigen<\/li>\n<li>De link in een nieuw tabblad te openen<\/li>\n<\/ul>\n<figure id=\"attachment_131356\" aria-describedby=\"caption-attachment-131356\" style=\"width: 918px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131356 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-Edit-page.jpg\" alt=\"de nieuwe popup pagina heeft velden voor tekst, URL, en om te openen in nieuw tabblad\" width=\"918\" height=\"419\"><figcaption id=\"caption-attachment-131356\" class=\"wp-caption-text\">De Edit pagina<\/figcaption><\/figure>\n<h4>Andere klikbare links die je in de Block Editor kunt maken<\/h4>\n<p>De WordPress Blok editor breidt de gebruikelijke linkmogelijkheden uit. In feite maken tientallen ingebouwde blokken een soort klikbare linkstructuur mogelijk, waaronder:<\/p>\n<ul>\n<li><strong>Knoppen: <\/strong>Een stijlvolle manier om inhoud te koppelen in vergelijking met eenvoudige tekstlinks.<\/li>\n<li><strong style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\">Bestanden: <\/strong>Upload snel bestanden en voeg een knop toe waarop gebruikers kunnen klikken om ze te downloaden.<\/li>\n<li><strong>Sociale pictogrammen:<\/strong> Voeg sociale pictogrammen in met klikbare links.<\/li>\n<li><strong>Navigatie:<\/strong> Plaats overal op je site navigatieknoppen met behulp van klikbare links.<\/li>\n<li><strong>Meer lezen:<\/strong> Kan gebruikt worden om je inhoud in te korten en een link te geven naar de uitgebreidere versie.<\/li>\n<li><strong>Inloggen\/uitloggen:<\/strong> Voeg een snelle link toe voor gebruikers om in te loggen op je site.<\/li>\n<li><strong>Volgende bericht:<\/strong> Voeg een klikbare link\/knop toe naar het volgende blogbericht op je site.<\/li>\n<li><strong>Vorige bericht: <\/strong>Voeg een klikbare link\/knop toe die naar het vorige blogbericht op je site gaat.\n<ul>\n<li style=\"list-style-type: none\"><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<figure id=\"attachment_131357\" aria-describedby=\"caption-attachment-131357\" style=\"width: 952px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131357 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-button-is-yet-another-style-of-clickable-link-available-in-the-WordPress-Block-Editor.jpg\" alt=\"is er een knop toegevoegd, die je net als elke andere tekst of afbeelding kunt linken\" width=\"952\" height=\"375\"><figcaption id=\"caption-attachment-131357\" class=\"wp-caption-text\">Een knop is een stijl van klikbare link die beschikbaar is in de WordPress Block Editor<\/figcaption><\/figure>\n<h3>Methode 3: HTML gebruiken<\/h3>\n<p>Een link klikbaar maken met HTML functioneert op dezelfde manier, ongeacht de interface van je editor.<\/p>\n<p>Je kunt HTML bewerken met:<\/p>\n<p><strong>Het Text paneel in de WordPress Classic Editor<\/strong><\/p>\n<figure id=\"attachment_138641\" aria-describedby=\"caption-attachment-138641\" style=\"width: 940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-138641 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/11\/classic-editor-text-panel.jpeg\" alt=\"Klikken op het Text tabblad\" width=\"940\" height=\"456\"><figcaption id=\"caption-attachment-138641\" class=\"wp-caption-text\">Het Text paneel van de WordPress Clasic Editor<\/figcaption><\/figure>\n<p><strong>De Code Editor in de WordPress Block Editor<\/strong><\/p>\n<figure id=\"attachment_138642\" aria-describedby=\"caption-attachment-138642\" style=\"width: 957px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-138642 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/11\/code-editor.jpeg\" alt=\"klikken op de codeknop\" width=\"957\" height=\"556\"><figcaption id=\"caption-attachment-138642\" class=\"wp-caption-text\">De Code editor in de WordPress Block editor<\/figcaption><\/figure>\n<p><strong>Een HTML\/tekst editor op je apparaat<\/strong><\/p>\n<p><a href=\"https:\/\/kinsta.com\/nl\/blog\/beste-teksteditors\/\">Teksteditors als Atom, Sublime Text en Coda<\/a> bieden de interface die nodig is om HTML te schrijven en te bewerken, vooral voor klikbare links. Het is ook mogelijk om <a href=\"https:\/\/kinsta.com\/nl\/blog\/markdown-editor\/\">Markdown editors te gebruiken<\/a>.<\/p>\n<figure id=\"attachment_131360\" aria-describedby=\"caption-attachment-131360\" style=\"width: 1230px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131360 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-Atom-text-editor.jpg\" alt=\"zwarte teksteditor met geopende tabbladen met wat code erin\" width=\"1230\" height=\"750\"><figcaption id=\"caption-attachment-131360\" class=\"wp-caption-text\">De Atom teksteditor<\/figcaption><\/figure>\n<p>Na het werken met de teksteditor kun je:<\/p>\n<ul>\n<li>Je bestanden uploaden voor publicatie op internet, <a href=\"https:\/\/kinsta.com\/nl\/blog\/ftp-vs-sftp\/\">via FTP of SFTP<\/a>. <a href=\"https:\/\/kinsta.com\/nl\/blog\/zo-gebruik-je-filezilla\/\">We raden aan FileZilla te gebruiken<\/a> voor het meest gestroomlijnde proces.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/nl\/blog\/upload-bestanden-ftp-bulk-wordpress-mediabibliotheek\/\">HTML bestanden in bulk uploaden<\/a> naar de <a href=\"https:\/\/kinsta.com\/blog\/wordpress-files\/\">bestandsmap van WordPress<\/a>.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/nl\/blog\/beste-ftp-clients\/\">Een van de vele andere FTP clients<\/a> gebruiken voor het uploaden van HTML bestanden naar WordPress.<\/li>\n<\/ul>\n<p>Nadat je een teksteditor hebt gevonden &#8211; en je weet hoe je de HTML gaat uploaden naar WordPress &#8211; ga je naar de onderstaande stappen om een link klikbaar te maken met HTML.<\/p>\n<p>Dit format wordt gebruikt voor basic hyperlinks in HTML:<\/p>\n<pre><code class=\"language-html\">&lt;a href=\"https:\/\/www.example.com\"&gt;Link Text&lt;\/a&gt;<\/code><\/pre>\n<div class=\"mceTemp\">\n<dl id=\"attach&lt;span id=\" class=\"textannotation selected\">\n<dt class=\"wp-caption-dt\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131361 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Basic-HTML-link-format.jpg\" alt=\"text editor in WordPress met code voor een link\" width=\"937\" height=\"299\"><\/dt>\n<dd class=\"wp-caption-dd\">Code voor een link in de Text editor<\/dd>\n<\/dl>\n<\/div>\n<p>Opmerkingen:<\/p>\n<ol>\n<li>Vervang &#8220;https:\/\/www.example.com&#8221; door de gewenste URL.<\/li>\n<li>Vervang &#8220;Link Text&#8221; door de gewenste linktekst.<\/li>\n<\/ol>\n<p>Als je de link klaar hebt, kun je het bericht\/de pagina publiceren, of de HTML uploaden naar je site. Het is ook mogelijk om een visueel voorbeeld van de link te krijgen door over te schakelen naar het tabblad <strong>Visual<\/strong>\u00a0op WordPress.<\/p>\n<p>Een gepubliceerde versie van die HTML link toont de link onderstreept en soms in een andere kleur. Als je de muis over die link beweegt, verschijnt het doel ervan onderin de browser.<\/p>\n<figure id=\"attachment_131363\" aria-describedby=\"caption-attachment-131363\" style=\"width: 923px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131363 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Link-on-the-frontend-with-the-browser-preview.jpg\" alt=\"frontend post met linktekst onderstreept\" width=\"923\" height=\"268\"><figcaption id=\"caption-attachment-131363\" class=\"wp-caption-text\">Link zoals bezoekers die zien met de browser preview<\/figcaption><\/figure>\n<h3>Methode 4: Een grafische gebruikersinterface (GUI) gebruiken<\/h3>\n<p>Hoewel we niet elke denkbare GUI die er bestaat kunnen bespreken, lijkt het proces van klikbaar maken van een link in een andere omgeving dan WordPress of HTML vaak op wat we zojuist behandeld hebben.<\/p>\n<p>Over het algemeen kan het zijn dat elke GUI weer een iets andere naam heeft voor een knop of een ander pictogram gebruikt voor het maken van een hyperlink.<\/p>\n<p><strong>Je algemene proces zou er echter altijd als volgt uitzien:<\/strong><\/p>\n<ol>\n<li>Markeer de tekst die je wilt linken.<\/li>\n<li>Klik op het <strong>Link<\/strong> pictogram (kan een andere naam hebben) in de editor.<\/li>\n<li>Plak de gewenste URL erin.<\/li>\n<li>Klik op de knop <strong>Add link <\/strong>(kan ook een andere naam hebben).<\/li>\n<\/ol>\n<p>Als simpel voorbeeld kun je met een online winkelbouwer als Shopify een link aanklikbaar maken op elke pagina of post, door tekst te markeren en op de knop <strong><span id=\"urn:enhancement-f9e2a8df-5d0a-4ac8-be94-c19f064691cf\" class=\"textannotation selected\">Insert<\/span><\/strong><strong>\u00a0link <\/strong>te klikken.<\/p>\n<figure id=\"attachment_131364\" aria-describedby=\"caption-attachment-131364\" style=\"width: 958px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131364 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Inserting-a-link-in-an-alternative-GUI.jpg\" alt=\"de Shopify gebruikersinterface met tekst die wordt gelinkt\" width=\"958\" height=\"627\"><figcaption id=\"caption-attachment-131364\" class=\"wp-caption-text\">Een link invoegen in een alternatieve GUI<\/figcaption><\/figure>\n<p>Je plakt dan de doel-URL in en klikt op de knop<strong> <span id=\"urn:enhancement-67ec3749-fae4-4517-bd3f-1d04811dca59\" class=\"textannotation selected\">Insert<\/span> link<\/strong>.<\/p>\n<figure id=\"attachment_131365\" aria-describedby=\"caption-attachment-131365\" style=\"width: 915px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131365 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Paste-the-URL-and-click-Insert-Link.jpg\" alt=\"een link is geplakt, in een nieuw venster geopend en ingevoegd\" width=\"915\" height=\"522\"><figcaption id=\"caption-attachment-131365\" class=\"wp-caption-text\">Plak de URL en klik op Add link<\/figcaption><\/figure>\n<p>Dit levert een klikbare link op.<\/p>\n<figure id=\"attachment_131366\" aria-describedby=\"caption-attachment-131366\" style=\"width: 920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131366 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Clickable-link-in-another-GUI.jpg\" alt=\"de onderstreepte link in de Shopify editor\" width=\"920\" height=\"592\"><figcaption id=\"caption-attachment-131366\" class=\"wp-caption-text\">Klikbare link in een andere GUI<\/figcaption><\/figure>\n<h2>Links laten openen in een nieuw tabblad<\/h2>\n<p>Zoals we eerder bespraken, bieden WordPress en andere GUI&#8217;s extra aanpassingsmogelijkheden voor klikbare links, zoals het dwingen van een link om in een ander tabblad te openen.<\/p>\n<p>Hoe doe je dat? Laten we eens kijken.<\/p>\n<h3>Link openen in een nieuw tabblad met WordPress Classic Editor<\/h3>\n<p>Zodra je een klikbare link in de WordPress Classic Editor hebt, kies je de knop <strong>Link options<\/strong>.<\/p>\n<figure id=\"attachment_151506\" aria-describedby=\"caption-attachment-151506\" style=\"width: 1078px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-151506 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/04\/link-options-button.jpeg\" alt=\"klikken op de knop Link Options\" width=\"1078\" height=\"558\"><figcaption id=\"caption-attachment-151506\" class=\"wp-caption-text\">Link options<\/figcaption><\/figure>\n<p><img class=\"size-full wp-image-13&lt;span id=\">Schakel het vakje <strong>Open link in new tab <\/strong>uit.<\/p>\n<p>Klik dan op de knop <strong>Update<\/strong>.<\/p>\n<figure id=\"attachment_131368\" aria-describedby=\"caption-attachment-131368\" style=\"width: 974px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131368 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Open-link-in-new-tab.jpg\" alt=\"popup venster met optie om link in nieuw tabblad te openen\" width=\"974\" height=\"788\"><figcaption id=\"caption-attachment-131368\" class=\"wp-caption-text\">Link in nieuw tabblad openen<\/figcaption><\/figure>\n<h3>Link in nieuw tabblad openen met de WordPress Block Editor<\/h3>\n<p>Aangenomen dat je al een link hebt toegevoegd in de WordPress Block Editor, opent een klik op de link een popuppreview van de doelinhoud.<\/p>\n<p>De knop <b>Edit <\/b>geeft toegang tot meer instellingen (waaronder de optie <strong>Open in new tab<\/strong>), maar het is gemakkelijker om de schakelaar <strong>Open in new tab<\/strong> onderaan het popupvenster om te zetten.<\/p>\n<figure id=\"attachment_131369\" aria-describedby=\"caption-attachment-131369\" style=\"width: 902px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131369 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Open-in-new-tab-switch.jpg\" alt=\"gemarkeerde tekst met een schakelaar om in nieuw tabblad te openen\" width=\"902\" height=\"564\"><figcaption id=\"caption-attachment-131369\" class=\"wp-caption-text\">Schakelaar In nieuw tabblad openen<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>De WordPress Block Editor voegt automatisch een rel=&#8221;noreferrer noopener&#8221; attribuut toe als je de Open in new tab schakelaar activeert, waardoor je link extra beveiligd wordt.<\/p>\n<\/aside>\n\n<h3><strong>Link <\/strong><strong>openen <\/strong><strong style=\"font-size: 1.5rem\">in nieuw tabblad met HTML<\/strong><\/h3>\n<p>In de WordPress Text editor, WordPress Code editor, of een algemene HTML editor kun je de volgende code gebruiken om het zo te maken dat je klikbare link in een nieuw tabblad opent:<\/p>\n<pre><code class=\"language-html\"><span style=\"font-weight: 400\">&lt;a href=\"https:\/\/www.example.com\" target=\"_blank\" rel=\"noreferrer noopener\"&gt;Link Text&lt;\/a&gt;<\/span><\/code><\/pre>\n<ol>\n<li>Vervang &#8220;https:\/\/www.example.com&#8221; door je gewenste doel URL<\/li>\n<li>Vervang &#8220;Link Text&#8221; door de tekst die je wilt linken.<\/li>\n<li>Het <em>target=&#8221;_blank&#8221;<\/em> attribuut is het stukje code dat de link daadwerkelijk opent in een nieuw tabblad. Het is het enige deel dat echt nodig is voor deze eenvoudige functie.<\/li>\n<li>We raden je ten zeerste aan de <em>rel=&#8221;noreferrer noopener&#8221;<\/em> attributen en waarden toe te voegen om veel voorkomende beveiligingsproblemen bij het openen van links in nieuwe tabbladen te voorkomen. Het is echter heel goed mogelijk om ze uit de code te laten en de link toch in een nieuw tabblad te laten openen.<\/li>\n<\/ol>\n<p>Na publicatie ziet de link er precies hetzelfde uit, maar bij aanklikken opent de doel-URL in een nieuw tabblad.<\/p>\n<figure id=\"attachment_131370\" aria-describedby=\"caption-attachment-131370\" style=\"width: 937px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131370 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-link-opening-its-target-in-a-new-tab.jpg\" alt=\"frontend webbrowser met een link die opent in een nieuw tabblad\" width=\"937\" height=\"372\"><figcaption id=\"caption-attachment-131370\" class=\"wp-caption-text\">Een link opent zijn doel in een nieuw tabblad<\/figcaption><\/figure>\n<h2>Nofollow toevoegen aan een hyperlink<\/h2>\n<p>De <em>nofollow<\/em> HTML waarde vertelt zoekmachines een klikbare link te negeren, en voorkomt dat <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-seo\/\">zoekmachinewaarde<\/a> (link juice) wordt doorgegeven aan de doelwebsite. Het belangrijkste doel van <em>nofollow<\/em> is het verminderen van spamlinks, maar makers van content gebruiken het voor betaalde links, comments, door gebruikers gegenereerde inhoud, embeds, of wanneer je liever niet gezien wilt worden als een goedkeuring van een site waarnaar je linkt.<\/p>\n<p>WordPress heeft geen ingebouwde manier om een <em>nofollow<\/em> link toe te voegen, maar het is mogelijk door HTML toe te voegen.<\/p>\n<p>De volgende code geeft een basic link weer met een <em>nofollow<\/em> waarde:<\/p>\n<pre><code class=\"language-html\">&lt;<span id=\"urn:enhancement-901b2eec-50d9-4c67-83b6-ae549253ef5a\" class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/www.example.com\"<\/span> <span class=\"syntax-all syntax-entity\">rel<\/span>=<span class=\"syntax-all syntax-string\">\"nofollow\"<\/span>&gt;The Link Text.&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<figure id=\"attachment_131371\" aria-describedby=\"caption-attachment-131371\" style=\"width: 1162px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131371 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/HTML-link-code-with-nofollow.jpg\" alt=\"HTML-code binnen de Classic WordPress Text editor\" width=\"1162\" height=\"367\"><figcaption id=\"caption-attachment-131371\" class=\"wp-caption-text\">HTML linkcode met nofollow<\/figcaption><\/figure>\n<p>Wat je ziet:<\/p>\n<ol>\n<li>Vervang de &#8220;https:\/\/www.example.com&#8221; tekst door je gewenste doel URL.<\/li>\n<li>Vervang het gedeelte &#8220;The Link Text&#8221; door de gewenste linktekst.<\/li>\n<li>Gebruik het <em>rel=&#8221;nofollow&#8221;<\/em> attribuut en de waarde binnen de link HTML.<\/li>\n<\/ol>\n<p>Bij publicatie, of in de Visual weergave, ziet een <em>nofollow<\/em> link er niet anders uit dan een standaard hyperlink; toch wordt de <em>nofollow<\/em> functionaliteit opgeslagen in de backend code.<\/p>\n<figure id=\"attachment_131372\" aria-describedby=\"caption-attachment-131372\" style=\"width: 1165px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131372 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-nofollow-link-appears-no-different-on-the-frontend.jpg\" alt=\"een gewone onderstreepte link in de tekstverwerker\" width=\"1165\" height=\"378\"><figcaption id=\"caption-attachment-131372\" class=\"wp-caption-text\">Een nofollow link ziet er op de voorkant niet anders uit<\/figcaption><\/figure>\n<h2>Linken naar bestaande content<\/h2>\n<p>Linken naar bestaande contentis een exclusieve functie van WordPress, waarbij je rechtstreeks in de WordPress editor naar eerder gemaakte blogberichten en pagina&#8217;s kunt zoeken. Hierdoor hoef je hun URL&#8217;s niet in een ander browservenster op te roepen om ze te kopi\u00ebren en te plakken in een klikbare link.<\/p>\n<h3>Linken naar bestaande inhoud in de Classic Editor van WordPress<\/h3>\n<p>Maak een link door de gewenste tekst te markeren en in de editor op de knop Add\/Edit link (kettingpictogram) te klikken. Er verschijnt nueen popupveld, waar je kunt klikken op de knop Link options (tandwielpictogram).<\/p>\n<figure id=\"attachment_131373\" aria-describedby=\"caption-attachment-131373\" style=\"width: 1270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131373 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Go-to-the-Link-Options-button.jpg\" alt=\"gemarkeerde tekst en klik op het tabblad Link Options\" width=\"1270\" height=\"576\"><figcaption id=\"caption-attachment-131373\" class=\"wp-caption-text\">Ga naar de knop Link options<\/figcaption><\/figure>\n<ol>\n<li>Ga naar het onderdeel &#8220;Or link to existing content&#8221;.<\/li>\n<li>Typ een trefwoord in de zoekbalk en kies dan een bestaande pagina of post uit de resultaten.<\/li>\n<li>Zie hoe de link naar de bestaande inhoud automatisch in het URL veld wordt geplaatst.<\/li>\n<\/ol>\n<p>Zorg ervoor dat je op de knop Add link klikt als je klaar bent.<\/p>\n<figure id=\"attachment_131374\" aria-describedby=\"caption-attachment-131374\" style=\"width: 1121px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131374 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-process-of-finding-existing-content.jpg\" alt=\"popupvenster met zoekgedeelte\" width=\"1121\" height=\"839\"><figcaption id=\"caption-attachment-131374\" class=\"wp-caption-text\">Het vinden van bestaande inhoud<\/figcaption><\/figure>\n<p>Dit levert meteen een link op naar andere content (ook wel interne link genoemd) in de editor.<\/p>\n<figure id=\"attachment_131375\" aria-describedby=\"caption-attachment-131375\" style=\"width: 1021px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131375 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-resulting-view-of-an-internal-link.jpg\" alt=\"de resulterende link die onderstreept is in de classic editor\" width=\"1021\" height=\"450\"><figcaption id=\"caption-attachment-131375\" class=\"wp-caption-text\">De resulterende weergave van een interne link<\/figcaption><\/figure>\n<h3>Linken naar bestaande content in de WordPress Block Editor<\/h3>\n<p>Markeer de tekst\/afbeelding die je wilt linken en klik dan op de knop Linken in de popup werkbalk.<\/p>\n<figure id=\"attachment_131376\" aria-describedby=\"caption-attachment-131376\" style=\"width: 951px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131376 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-the-Link-button.jpg\" alt=\"gemarkeerde tekst in WordPress en de linkknop\" width=\"951\" height=\"316\"><figcaption id=\"caption-attachment-131376\" class=\"wp-caption-text\">Klik op de Link knop<\/figcaption><\/figure>\n<p>Het veld heeft twee features: je kunt er een URL in plakken, of het gebruiken als zoekbalk. Typ daarom een trefwoord in dat betrekking heeft op een deel van je bestaande content om gerelateerde resultaten te tonen.<\/p>\n<p>Zodra je de gewenste pagina of post ziet, klik je erop.<\/p>\n<figure id=\"attachment_131377\" aria-describedby=\"caption-attachment-131377\" style=\"width: 908px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131377 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Search-for-previous-content.jpg\" alt=\"een trefwoord intypen en resultaten zien voor gerelateerde content\" width=\"908\" height=\"442\"><figcaption id=\"caption-attachment-131377\" class=\"wp-caption-text\">Zoeken naar al gepubliceerde content<\/figcaption><\/figure>\n<p>Dat maakt automatisch een link naar de bestaande inhoud in de WordPress Block Editor.<\/p>\n<h2>Zo maak je klikbare telefoon-, sms- en e-maillinks<\/h2>\n<p>Er zijn een paar manieren om speciale acties toe te voegen aan klikbare links door de standaard URL structuur uit te wisselen en naar iets anders te linken, zoals:<\/p>\n<ul>\n<li>Een telefoonnummer dat de Telefoon app opent.<\/li>\n<li>Een telefoonnummer dat de sms app opent.<\/li>\n<li>Een e-mailadres dat automatisch de e-mail app van de gebruiker opent.<\/li>\n<\/ul>\n<h3>Zo maak je een klikbare telefoon link<\/h3>\n<p>Een &#8220;click to call,&#8221; of telefoonlink voegt automatisch een specifiek telefoonnummer toe aan de telefoon app van de gebruiker, of zelfs een app die telefoonnummers ondersteunt, zoals Skype.<\/p>\n<p>In plaats van een URL te gebruiken, zou je de <em>tel:<\/em> code in de HTML invoegen, gevolgd door een telefoonnummer, zoals dit:<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"tel:555-555-5555\"<\/span>&gt;Click To Call&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<p>Opmerkingen:<\/p>\n<ol>\n<li>Vervang het telefoonnummer door het nummer dat je gebruikers wilt laten bellen.<\/li>\n<li>Vervang de &#8220;Click to call&#8221; tekst door wat je wilt dat de linktekst laat zien.<\/li>\n<\/ol>\n<figure id=\"attachment_131379\" aria-describedby=\"caption-attachment-131379\" style=\"width: 903px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131379 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-tel-link-in-a-visual-editor.jpg\" alt=\"Een tel: link in de visuele editor\" width=\"903\" height=\"422\"><figcaption id=\"caption-attachment-131379\" class=\"wp-caption-text\">Een tel: link in de visuele editor<\/figcaption><\/figure>\n<p>In visuele editors zoals WordPress Block en WordPress Classic typ je simpelweg <em>tel:555-555-5555<\/em> (met het gewenste telefoonnummer) in het URL veld voor een link. Klik op Enter om de telefoonlink automatisch voor je te genereren.<\/p>\n<p>Als iemand op die link klikt, wordt hij of direct naar de meest relevante app gestuurd (de telefoon app op een smartphone) of hij ziet een prompt om een app als Skype te openen.<\/p>\n<figure id=\"attachment_131380\" aria-describedby=\"caption-attachment-131380\" style=\"width: 907px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131380 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-tel-link-opens-in-Skype-or-other-phone-apps.jpg\" alt=\"browservenster dat de gebruiker vertelt een telefoonapp te openen\" width=\"907\" height=\"272\"><figcaption id=\"caption-attachment-131380\" class=\"wp-caption-text\">De tel: link opent in Skype of andere telefoon apps<\/figcaption><\/figure>\n<h3><strong>Zo maak je een klikbare sms link<\/strong><\/h3>\n<p>Klikbare sms links werken net als telefoonlinks, maar ze kiezen ervoor om automatisch berichten-apps te openen in plaats van bel-apps.<\/p>\n<p>Om een sms link toe te voegen gebruik je <em>sms:555-555-5555<\/em> in plaats van een URL.<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"sms:555-555-5555\"<\/span>&gt;Click To Text&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<p>Opmerkingen:<\/p>\n<ol>\n<li>Vervang &#8220;555-555-5555&#8221; door een ander telefoonnummer.<\/li>\n<li>Vervang &#8220;Click To Text&#8221; door welke tekst je maar wilt voor de link.<\/li>\n<\/ol>\n<p>Zowel Classic als Block WordPress editors ondersteunen sms links als je de waarde <em>sms:555-555-5555<\/em> binnen het URL veld voor links zet.<\/p>\n<p>Zoals beloofd worden de messaging apps van gebruikers geopend wanneer ze op dit soort links klikken.<\/p>\n<figure id=\"attachment_131382\" aria-describedby=\"caption-attachment-131382\" style=\"width: 928px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131382 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/An-sms-link-opens-in-the-most-relevant-messaging-app.jpg\" alt=\"browser met melding om het telefoonnummer te openen in een SMS-app\" width=\"928\" height=\"252\"><figcaption id=\"caption-attachment-131382\" class=\"wp-caption-text\">Een sms: link opent in de meest relevante messaging app<\/figcaption><\/figure>\n<h3>Zo maak je een klikbare e-mail link<\/h3>\n<p>Bij het aanklikken van e-mail hyperlinks opent het apparaat van de gebruiker automatisch zijn meest relevante e-mail app, samen met een Compose sectie die naar een specifiek e-mailadres gaat.<\/p>\n<p>Voor deze voeg je de <em>mailto:<\/em> code toe, gevolgd door een e-mailadres, waar je normaal gesproken een doel URL zou plaatsen.<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"mailto:mail@example.com\"<\/span>&gt;Click To Email&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<p>Opmerkingen:<\/p>\n<ol>\n<li>Vervang het e-mailadres &#8220;mail@example.com&#8221; door het gewenste doel e-mailadres.<\/li>\n<li>Vervang de &#8220;Click To Email&#8221; tekst door wat je wilt dat de linktekst weergeeft.<\/li>\n<\/ol>\n<p>Als je de WordPress Classic of Block Editors gebruikt, typ dan gewoon de <em>mailto:mail@example.com<\/em> waarde in het URL veld bij het maken van een link.<\/p>\n<div class=\"mceTemp\"><strong><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131383 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-mailto-link-in-a-visual-WordPress-editor.jpg\" alt=\"Een mailto: link in een visuele WordPress editor\" width=\"908\" height=\"360\"><\/strong><\/div>\n<p>Nadat je de link hebt gepubliceerd, worden gebruikers die erop klikken doorgestuurd naar hun mailing-app, met het e-mailadres dat je hebt opgegeven in het veld Aan:.<\/p>\n<figure id=\"attachment_131384\" aria-describedby=\"caption-attachment-131384\" style=\"width: 970px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131384 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/mailto-link.jpeg\" alt=\"e-mailprogramma met het e-mailadres toegevoegd aan het veld Aan\" width=\"970\" height=\"392\"><figcaption id=\"caption-attachment-131384\" class=\"wp-caption-text\">Mailto: links openen e-mail apps naar het opgegeven e-mailadres<\/figcaption><\/figure>\n\n<h2><strong>Samenvatting<\/strong><\/h2>\n<p>Het toevoegen van klikbare links (ook wel hyperlinks of simpelweg links genoemd) kan de interactiviteit op je website verbeteren, mensen naar meer van je content leiden, en verwijzen naar belangrijke informatie van elders op het internet. Daarom is leren hoe je een klikbare link maakt een van de basislessen voor het ontwerpen van websites en het maken van content.<\/p>\n<p>Na het lezen van dit artikel zou je het uiterlijk van een klikbare link moeten kunnen herkennen en precies moeten weten hoe je er een maakt, of het nu gaat om het toevoegen van een link aan tekst of afbeeldingen. Het is ook fijn om te weten dat er verschillende methoden zijn om een link klikbaar te maken, zoals via de WordPress Classic Editor, Block Editor, HTML, of elke andere beschikbare grafische gebruikersinterface.<\/p>\n<p>En natuurlijk moedigen we je aan om de meer geavanceerde klikbare linkopties te verkennen, zoals links voor telefoonnummers, e-mailadressen en die met nofollow tags.<\/p>\n<p>Als je nog vragen hebt over hoe je een link klikbaar maakt, deel ze dan in de comments hieronder.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Online links vormen de basis voor eenvoudig online surfen, of het nu gaat om het sturen van gebruikers naar webpagina&#8217;s, downloadbare documenten of andere toepassingen. Het &#8230;<\/p>\n","protected":false},"author":199,"featured_media":52652,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[881,903],"class_list":["post-52651","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-webdesign","topic-wordpress-tips"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Zo maak je een link klikbaar (uitgebreide handleiding met 4 methodes) - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Leer hoe je een link klikbaar maakt in verschillende situaties, zoals in de WordPress Classic Editor, Block Editor, en met speciale links.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zo maak je een link klikbaar (uitgebreide handleiding met 4 methodes)\" \/>\n<meta property=\"og:description\" content=\"Leer hoe je een link klikbaar maakt in verschillende situaties, zoals in de WordPress Classic Editor, Block Editor, en met speciale links.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-22T13:52:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-24T12:32:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/how-to-make-a-link-clickable.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Leer hoe je een link klikbaar maakt in verschillende situaties, zoals in de WordPress Classic Editor, Block Editor, en met speciale links.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/how-to-make-a-link-clickable.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"38 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Zo maak je een link klikbaar (uitgebreide handleiding met 4 methodes)\",\"datePublished\":\"2023-05-22T13:52:05+00:00\",\"dateModified\":\"2023-05-24T12:32:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/\"},\"wordCount\":5570,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/how-to-make-a-link-clickable.jpg\",\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/\",\"name\":\"Zo maak je een link klikbaar (uitgebreide handleiding met 4 methodes) - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/how-to-make-a-link-clickable.jpg\",\"datePublished\":\"2023-05-22T13:52:05+00:00\",\"dateModified\":\"2023-05-24T12:32:53+00:00\",\"description\":\"Leer hoe je een link klikbaar maakt in verschillende situaties, zoals in de WordPress Classic Editor, Block Editor, en met speciale links.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/how-to-make-a-link-clickable.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/how-to-make-a-link-clickable.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress tips\",\"item\":\"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-tips\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Zo maak je een link klikbaar (uitgebreide handleiding met 4 methodes)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/nl\/#website\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\",\"https:\/\/x.com\/Kinsta_NL\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinsta.com\/nl\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Zo maak je een link klikbaar (uitgebreide handleiding met 4 methodes) - Kinsta\u00ae","description":"Leer hoe je een link klikbaar maakt in verschillende situaties, zoals in de WordPress Classic Editor, Block Editor, en met speciale links.","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:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/","og_locale":"nl_NL","og_type":"article","og_title":"Zo maak je een link klikbaar (uitgebreide handleiding met 4 methodes)","og_description":"Leer hoe je een link klikbaar maakt in verschillende situaties, zoals in de WordPress Classic Editor, Block Editor, en met speciale links.","og_url":"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2023-05-22T13:52:05+00:00","article_modified_time":"2023-05-24T12:32:53+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/how-to-make-a-link-clickable.jpg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Leer hoe je een link klikbaar maakt in verschillende situaties, zoals in de WordPress Classic Editor, Block Editor, en met speciale links.","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/how-to-make-a-link-clickable.jpg","twitter_creator":"@Kinsta_NL","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Jeremy Holcombe","Geschatte leestijd":"38 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Zo maak je een link klikbaar (uitgebreide handleiding met 4 methodes)","datePublished":"2023-05-22T13:52:05+00:00","dateModified":"2023-05-24T12:32:53+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/"},"wordCount":5570,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/how-to-make-a-link-clickable.jpg","inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/","url":"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/","name":"Zo maak je een link klikbaar (uitgebreide handleiding met 4 methodes) - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/how-to-make-a-link-clickable.jpg","datePublished":"2023-05-22T13:52:05+00:00","dateModified":"2023-05-24T12:32:53+00:00","description":"Leer hoe je een link klikbaar maakt in verschillende situaties, zoals in de WordPress Classic Editor, Block Editor, en met speciale links.","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/how-to-make-a-link-clickable.jpg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/how-to-make-a-link-clickable.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/zo-maak-je-een-link-klikbaar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"WordPress tips","item":"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-tips\/"},{"@type":"ListItem","position":3,"name":"Zo maak je een link klikbaar (uitgebreide handleiding met 4 methodes)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/nl\/#website","url":"https:\/\/kinsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","https:\/\/x.com\/Kinsta_NL","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinsta.com\/nl\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/52651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/comments?post=52651"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/52651\/revisions"}],"predecessor-version":[{"id":52731,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/52651\/revisions\/52731"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/52651\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/52651\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/52651\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/52651\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/52651\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/52651\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/52651\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/52651\/translations\/es"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/52651\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/52652"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=52651"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=52651"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=52651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}