Categoriearchief: WordPress

Aanklikbare link of hyperlink

Aanklikbare link of hyperlink maken: als we het daar over hebben dan kan dat van alles zijn: een aanklikbare link op je website, of een aanklikbare afbeelding. Maar misschien ook wil je een aanklikbare link in het menu van je website, bijvoorbeeld naar je shop. Of je weet niet hoe je een aanklikbare link moet maken in de Gutenberg editor.

Omdat ik niet welk wat voor soort aanklikbare link je wilt maken, bespreek ik in deze beschrijving een heleboel soorten aanklikbare links. Je hoeft dat niet allemaal te lezen. Scrol er even doorheen en als je het type link ziet dat je wilt maken, klik daar dan op. En dan krijg je een uitleg

Wat we bespreken over aanklikbare links

Gewone aanklikbare link maken

Aanklikbare afbeelding maken

Link naar je shop in het menu van je website

Aanklikbare link in Gutenberg block editor


Gewone aanklikbare link maken

Als je een aanklikbare link naar een artikel wilt plaatsen ga je als volgt te werk:

  • Schrijf het artikel waarin je de link wilt plaatsen.
  • Schrijf ergens in dat artikel de ankertekst van je link (dat is de gewone tekst die mensen kunnen lezen en die aanklikbaar gemaakt wordt).
  • Sleep met je linkermuisknop over de tekst die je aanklikbaar wilt maken.

Bovenin het tekstvak waarin je aan het schrijven bent zie  je een menubalk met daarin o.a. een symbooltje, een schakeltje dat lijkt op een stukje van een ketting.

aanklikbare link
Schakeltje
  • Klik op dat symbooltje, dan opent er een soort strookje
  • In dat strookje kun je een URL invullen.
  • [https://] staat er (soms) al

Als je het goed doet komt er gewoon een URL te staan.

Die URL hoef je niet over te schrijven, als je op het web naar het artikel gaat kun je de URL kopiëren.

En als het om een interne link gaat (dat is een link op je eigen website) dan kun je in het strookje de titel van het artikel of de pagina intypen. Dan komt hij naar boven en als je ‘m dan aanklikt komt de URL vanzelf in het daarvoor bestemde vakje te staan.

Openen in een nieuw venster

Zeker als de link die je maakt een uitgaande link is (een link naar een andere website), dan is het een goed idee om ‘m te laten openen in een nieuw venster. Dat is zinvol omdat jouw eigen website dan open blijft staan, waardoor je bezoekers gemakkelijk terug kunnen naar jouw website.

Een link laten openen in een nieuw venster doe je op precies dezelfde manier als hierboven beschreven, maar je moet ook nog een vakje aanvinken.

Hiervoor moet je het tandwiel aanklikken.

aanklikbare link
Tandwiel

Daarna kun je aanvinken dat de afbeelding in een nieuw venster moet openen.

uitgaande link nieuw venster
Open in een nieuw tabblad
URL kopiëren

Een URL kopiëren doe je als volgt:

  • Helemaal bovenaan je scherm van het artikel waar je naartoe wilt linken staat de URL, klik er op met je linkermuisknop, de URL wordt dan blauw
  • Klik daarna met je rechtermuisknop, er opent dan een venster, kies in dat venster voor kopiëren.
  • Klaar

Als je de URL kopieert en in het venster plakt, moet je wel op letten dat [https://] er niet dubbel staat, want dan werkt de link niet.

In het vakje daar onder  kun je de titel invullen, dat is de naam van het artikel waar je naartoe linkt.

  • Daarna klik je op Link toevoegen, dat staat rechts onderaan het venster
  • En vervolgens op Bijwerken, dat staat in de rechter zijbalk
  • Klaar

Aanklikbare afbeelding

Een aanklikbare afbeelding maken gaat op dezelfde manier.

  • Ga op het plaatje staan en klik met je linkermuisknop
  • Klik daarna op het link-symbooltje

Als het venster opent, zie je soms dat er al een URL staat ingevuld. Dat is de URL van het plaatje, die mag je gewoon weghalen.

  • Vul de URL in waar je naartoe wilt linken
  • Vul een titel in
  • Klik op Link toevoegen
  • Klik op Bijwerken
  • Klaar

Aanklikbare afbeelding in de zijbalk

Om een aanklikbare afbeelding in de zijbalk van je website te plaatsen kun je de HTML-generator van je website gebruiken. Dat klinkt moeilijk, maar dat is het niet, want  op je WordPress website zit een HTML generator bij je pagina’s en je berichten.

Die HTML-generator kun je zien als je een bericht of pagina aan het schrijven bent. Je vindt ‘m helemaal rechts in je werkbalk en hij heet: Tekst. Als je daarop klikt dan zie je de HTML van het artikel dat je geschreven hebt. Dat gaan we nu niet doen, straks wel.

aanklikbare link text
Switchen naar HTML

Afbeelding uploaden

Sla de afbeelding op als concept.


Aanklikbare afbeelding

Nu klik je op “tekst” in de rechter bovenhoek, zodat je naar de HTML van de aanklikbare afbeelding gaat.

Die HTML kopieer je.


Widgets
  • Ga nu naar de zijbalk en kies voor Weergave
  • En daarna voor Widgets

Sleep een tekstwidget naar de plaats in de zijbalk waar je de afbeelding wilt hebben. Ja, je leest het goed: een tekst-widget.

In die tekst-widget plak je de HTML die je net gekopieerd hebt. Denk eraan het op te slaan.

Tik nu in een nieuw venster de URL van je website in, zodat je even kunt kijken of het er zo uitziet als je bedoeling was.


Pagina weggooien

De pagina had je alleen aangemaakt om de HTML-generator te kunnen gebruiken, dus je hebt die pagina nu niet meer nodig. Als de afbeelding goed in de zijbalk staat kun je de pagina in de prullenbak gooien.


WordPress 4.8

Inmiddels zijn er met WordPress 4.8 nog meer manieren bijgekomen om een aanklikbare afbeelding in de zijbalk te plaatsen.


Text widget

Je ziet hieronder een text widget met een afbeelding erin. De afbeelding heb ik erin gezet op de manier die je hierboven gelezen hebt (pagina maken en HTML kopiëren). Maar tegenwoordig kun je die afbeelding in de widget zelf aanklikbaar maken als je dat zou willen.

aanklikbare afbeelding in de zijbalk wordpress 4.8

Op deze manier kun je ook een tekst die je in een text-widget plaatst aanklikbaar maken.


Widget afbeelding

En we hebben er een widget bijgekregen die speciaal voor een afbeelding is. Sleep deze widget naar je zijbalk en zet de afbeelding er rechtstreeks in.

afbeelding toevoegen in de zijbalk

Deze afbeelding kun je ook aanklikbaar maken. Dat doe je terwijl je bezig bent de afbeelding te plaatsen.

Terwijl je dat doet, kun je vlak voor dat je ‘m toevoegt een link toevoegen waardoor de afbeelding aanklikbaar wordt.

Afbeelding aanklikbaar maken

Als het je bedoeling is dat een klik op de afbeelding opent in een nieuw venster dan klik je daarna op Afbeelding bewerken. Je komt dan op een nieuwe pagina waar je kunt aanvinken dat de afbeelding moet openen in een nieuw venster.

Afbeelding bewerken en openen in een nieuw venster

Aanklikbare afbeelding in Gutenberg

Als je de Gutenberg editor op je website hebt staan, dan vind je in de rechterzijbalk een mogelijkheid om een link toe te voegen aan je afbeelding. Die mogelijkheid vind je onder “link instellingen” (even scrollen).


Aanklikbare link in het menu van je website

Link naar je shop in het menu maken, soms is dat nodig. Stel dat je een WordPress website hebt en dat je ergens anders een shop hebt. Bijvoorbeeld een Etsy shop. Dan wil je natuurlijk graag dat mensen rechtstreeks van je website naar je shop kunnen.


Link naar je shop in het menu

Een link naar je shop in het menu doen je dan zo:

  • Log in in je website
  • Ga dan in de zijbalk naar Weergave → Menu’s

Controleer nu eerst of het menu dat je ziet staan je primaire menu is. Als dat niet zo is dan moet je eerst even je primaire menu selecteren.

  • Kies daarna in de zijbalk voor Aangepaste links.
  • Open de dropdown van de aangepaste links
  • Vul de URL in, inclusief https://
  • En vul de linktekst in.

Als je wilt dat de link opent in een nieuw venster, ga dan eerst helemaal rechts boven naar Scherminstellingen. Open scherminstellingen, dan zie je een heleboel vakjes. Welke vakjes je daar ziet staan hangt van van de inrichting van je website (plugins).

linkdoel scherminstellingen

In dit onderste rijtje zie je o.a. staan: Linkdoel. Vink linkdoel aan.

Daarna ga je weer naar het menu en je opent de aangepast link. Dan zie je dit:

Mijn etsyshop

Nu vink je aan: Open link in nieuw tabblad.


Aanklikbare link in Gutenberg

Aanklikbare link of hyperlink maken in Gutenberg: dit gaat niet wezenlijk anders dan de manier waarop je vroeger een aanklikbare link maakte, maar toch wel een klein beetje anders. Hier kun je lezen hoe je dit doet.


Aanklikbare link in Gutenberg

Benodigde tijd: 1 minuut.

De mogelijkheid om een link aanklikbare link in Gutenberg te maken vind je bij het blok.

  1. Begin met te typen in het blok.
  2. Selecteer de ankertekst De ankertekst is de tekst die je aanklikbaar wilt maken. Selecteer deze tekst en klik het schakeltje aan dat je er boven ziet staan.
  3. Zoek de pagina op en klik op het pijltje om te link vast te leggen  
  4.  
  5. Openen in een nieuw venster Als je de link wilt laten openen in een nieuw venster, klik dan de puntjes aan en zet het schuifje om.

Aanklikbare links

Aanklikbare links op je website zijn verschrikkelijk belangrijk. Want aanklikbare links zorgen dat je website goed geïndexeerd wordt. Maar dat niet alleen, met aanklikbare links kun je ook zorgen voor een sterke interne linkstructuur. En dat helpt bij het verbeteren van de vindbaarheid van je website.

Ik hoop dat je iets hebt aan dit artikel. Maar je net een website hebt en de zaken aan het organiseren bent, dan heb ik nog meer voor je. Ik heb een korte serie waarin ik allerlei handige tools bespreek die je nodig hebt om succesvol te kunnen worden en succesvol te kunnen blijven. Je kunt deze serie over groeien naar succes hier kosteloos opvragen. 

Als je al verder bent met je website en al een blog hebt opgebouwd, dan kan het ook zinvol voor je zijn om verder te lezen bij SEO leren voor beginners.

GET CLIENTS NOW!™ is een handelsmerk van Wings for Business LLC, en wordt onder licentie gebruikt. www.getclientsnow.com