Een tekstlink is een klikbaar stuk tekst op een webpagina dat de gebruiker naar een andere locatie leidt, zoals een andere webpagina, een specifiek gedeelte op dezelfde pagina, een bestand of een externe bron. Er zijn verschillende manieren waarop je een link naar tekst op je site kunt toevoegen. In deze handleiding worden methoden beschreven die uitleggen hoe je de link-knop in de werkbalk van een tekstblok gebruikt, hoe je de link kopieert en plakt naar je editor of hoe je de link met gebruik van haakjes maakt.
Tekstlinks en afbeeldingen
Je kan ook links toevoegen naar afbeeldingen, knoppen en menu’s. Je kunt een site of een specifieke pagina van een site bezoeken en de URL of het adres van de pagina kopiëren en plakken over gemarkeerde tekst in je editor, om een link te maken. Klik op de knop ‘Opslaan’ in de rechterbovenhoek van de editor om de wijzigingen op te slaan. De kleur van de tekst verandert om aan te geven dat het een link is.
Kopieer en plak: directe links maken
Ga naar de site waarnaar je wilt linken. Kopieer in de adresbalk van je browser de link naar het adres/de URL van de site. Je kan dit doen door de URL te markeren, op de rechtermuisknop te klikken, en Kopiëren te kiezen. Plak de URL direct over de gemarkeerde tekst. Dit zal automatisch een link aanmaken. Klik op de knop ‘Opslaan’ in de rechterbovenhoek van de editor om de wijzigingen op te slaan. Bekijk de onderstaande video voor meer informatie over hoe je een link kopieert en plakt.
Kopiëren en plakken van elementen in je website en webshop
Intern en extern: links in teksten bewerken
In WordPress kun je linkjes maken in HTML-code. Kies hiervoor een HTML-Gutenberg blok en voer de volgende code in: <a href="url">link text</a>. Het belangrijkste hierbij is het href-attribuut, want dit bepaalt de bestemming van de link. Selecteer de tekst, die de link moet bevatten, en klik op het schakelsymbool. Enter of druk op de blauwe knop om de link in te voegen. Instellingen van een link binnen WordPress kun je openen via een tandwiel-icoon in het extra scherm waar je de URL toevoegt; hier kun je aangeven dat de link opent in een nieuw venster of tabblad. Deze optie is vooral handig voor externe links zodat bezoekers jouw pagina kunnen blijven gebruiken.
Veel WordPress-thema’s laten variaties toe in kleur en stijl, waardoor de link beter aansluit bij je huisstijl. Wanneer je de tekst selecteert waarop de link geplaatst is, zie je het schakelsymbool ingedrukt. Verwijder de link door opnieuw op het symbool te klikken.
Anchor links en navigatie op pagina
Je kunt ook een anchor link plaatsen in een pagina. Het inzetten van anchor links kan erg gebruiksvriendelijk zijn voor je bezoekers. Door op de anchor link te klikken, scrolt de bezoeker meteen naar het gewenste onderdeel op de pagina. Om te beginnen gaan we een anchor link aanmaken. In je pagina of bericht ga je naar je tekst editor. Nu gaan we van het kopje een anchor maken. Gefeliciteerd, je hebt nu een anchor aangemaakt! De link voeg je toe door een tekst of woord te selecteren en hier een link aan toe te voegen. De anchor link maak je door gebruik te maken van een hashtag (#) gevolgd door de naam die je achter ‘id’ hebt gezet. Het is ook mogelijk om te verwijzen naar een anchor op een andere pagina door de pagina mee te nemen in het linkje en daarna #doel toe te voegen.
Linkinstellingen in de Gutenberg-editor
Bij de recente updates van WordPress is het proces ietwat veranderd. Selecteer de tekst die gelinkt dient te worden. Klik vervolgens op het “schakeltje” in de editor. Bij de tekst die je hebt geselecteerd komt dan een “balkje” tevoorschijn. In deze balk kun je de gewenste link toevoegen. Je kunt dan de titel van die betreffende pagina invullen, je hoeft dan niet per se eerst de link op te zoeken, te kopiëren, en te plakken. Het balkje zal dan zelf op zoek gaan naar de betreffende pagina. Naast het blauwe knopje vind je nog een ander knopje; een klein, grijs knopje met een tandwiel erop. Hier kun je bepaalde instellingen van de link bepalen, zoals openen in een nieuw venster of tabblad.
Wil jij een interne link toevoegen in WordPress? Volg dan deze stappen: in het tekstblok selecteer je de tekst die de link moet krijgen, klik nu op de link knop in de menubalk. Voor HTML-code kun je een HTML-Gutenberg blok gebruiken en de code link text invoeren. Het belangrijkste hierbij is het href-attribuut, want dit bepaalt de bestemming van de link.
Linken naar afbeeldingen
Linken naar afbeeldingen kun je ook inzetten om bezoekers naar een andere pagina te brengen. Om een afbeeldingslink te maken voeg je eerst een afbeelding toe aan je geschreven content. Klik op de afbeelding en pak het schakelsymbooltje. In het verschenen venster kun je de doelURL plakken. Wil je dat deze afbeeldingslink in een nieuw tabblad opent? Zet dan “Open in een nieuw tabblad” aan.
Nofollow en externe links
Denk aan nofollow als je zoekmachines wilt vertellen de link te negeren. Deze HTML-parameter rel="nofollow" kan worden toegevoegd via de linkinstellingen. Voor externe links raden we aan de link te openen in een nieuw tabblad en waar mogelijk een nofollow toe te passen, zodat Google de linkwaarde niet onnodig toewijst aan de externe site.
Links toevoegen aan widgets en menu’s
Een link toevoegen aan een widget is mogelijk via HTML-code of via de WordPress-widgetconfiguratie. Tot slot kun je een link invoegen in je menubalk: ga naar Weergave > Menu’s en selecteer de menu-items die je wilt weergeven in je menubalk. De link wordt dan toegevoegd aan het menu.
Heb je nog vragen over het toevoegen van links aan berichten, tekstwidgets of de menubalk? Neem dan vrijblijvend contact met ons op.