Door een index met ’tekstankers’ toe te voegen aan het begin van een lange pagina, kan de bezoeker snel naar het juiste onderwerp ‘springen’ zonder te hoeven scrollen. Dit kan handig zijn om bezoekers snel naar belangrijke secties op de website te sturen. Dit kunnen alinea’s, video’s, maar ook een contactformulier zijn. In dit artikel leggen we je uit hoe je dit eenvoudig doet met WPBakery, een veelgebruikte page builder in Wordpress.
Bekijk ons artikel over het optimaliseren van Google Mijn Bedrijf. Daar worden de ankerteksten toegepast.
Een HTML element kan een ID meekrijgen. In HTML ziet dat er als volgt uit:
<div id="dit-is-een-id">linktekst</div>
<h2 id="dit-is-een andere-id"></div>
<form id="dit-is-weer-een-andere-id"></form>
Goed om te weten: een ID kan slechts 1x op de pagina worden gebruikt.
Door een normale link aan te maken en te verwijzen naar het desbetreffende ID, wordt de bezoeker doorgestuurd naar dat element.
We willen de bezoeker doorsturen naar het contactformulier met ID ‘dit-is-weer-een-andere-id’ (uit het voorbeeld hierboven), dan maak je een link aan met de URL #dit-is-weer-een-andere-id.
Ankertekst voorbeeld:
<a href="#dit-is-weer-een-andere-id>Naar contactformulier</a>
Met WPBakery Page Builder kunnen kan je een id-waarde invoeren voor elke rij, kolom, widget of element. Dit is zeer handig omdat je het ID niet handmatig hoeft aan te vullen in de HTML.
Nu zal elke link die je maakt met de URL #contactformulier soepel naar dat element toe scrollen. Alle soorten links zullen werken, zolang ze verwijzen naar een bestaande doel-id op je pagina.