Tips voor een betere site

  • Al 5.769 abonnees
  • 1 keer per maand
  • Exclusieve tips en promo's

Springlinks of anker links: de basisregels

Dat tussentitels handig zijn, weet intussen iedereen wel. Dat je op lange, informatieve pagina's de tussentitels best als een lijstje bovenaan op de pagina aanbiedt als springlinks, weet nog niet iedereen.

Bij gebruikerstesten zien we dat mensen springlinks erg handig vinden. Omdat ze een uitstekende hulp zijn om snel de inhoud van langere pagina's te overlopen en naar dat onderdeel te springen dat de gebruiker het meest interesseert.

Mensen komen immers naar je website met een bepaald doel. Hoe makkelijker ze dat doel kunnen bereiken, hoe meer tevreden ze zijn.

Wat zijn springlinks?

Springlinks, ook wel jumplinks of anker links genoemd, zijn links die verwijzen naar een onderdeel van de pagina zelf. Als een gebruiker op zo'n link klikt, komt hij dus niet terecht op een nieuwe pagina maar op een ander, meestal lager deel van diezelfde pagina.

Wanneer springlinks gebruiken?

Springlinks zijn interessant wanneer niet alle tussentitels van een pagina zichtbaar zijn zonder te scrollen. Bij een schermhoogte van circa 800 pixels. Op langere pagina's dus.

Voor alle duidelijkheid: springlinks zijn alleen bedoeld voor detailpagina's. De pagina over een bepaald product, dienst, een informatiefiche, een supportpagina etc.

Wat vinden gebruikers van springlinks?

Tijdens testen stellen we vast dat gebruikers goed overweg kunnen met springlinks. Maar dan alleen als ze op de correcte manier toegepast worden: als een soort inhoudstafel van de onderdelen van de pagina.

Uit onze testen blijkt dat ongeveer 1 op 10 gebruikers niet zo vertrouwd is met het systeem. Als deze mensen er op klikken, snappen ze wel meteen wat er gebeurt.

De basisregels

  • Plaats de springlinks als een soort inhoudstafel bovenaan op de pagina, onder de paginatitel.
  • Respecteer de regels van de aanklikbaarheid.
  • Zorg dat de inhoud van de springlinks exact dezelfde is als de subtitels op de pagina.
  • Maak de subtitels visueel duidelijk herkenbaar als hoofdonderdelen van de pagina.
  • Maak het eerste onderdeel waarnaar verwezen wordt zichtbaar op de pagina zonder dat er gescrolld moet worden.
  • Plaats op de pagina zelf op dezelfde lijn als de subtitels en helemaal rechts uitgelijnd een link 'Top' of 'Naar boven'. Deze link kan voorzien worden van een pijltje dat naar boven wijst.
  • Zorg dat de springlinks in elke gangbare resolutie uitkomen op de juiste subtitel. Dit houdt vaak in dat op de pagina onderaan de nodige witruimte voorzien moet worden.

Zo hoort het

Wanneer werken springlinks niet?

1. Tekst tussen springlinks en 1ste tussentitel

Tussen de springlinks en de 1ste subtitel staat nog een stukje tekst. De kans dat dat stukje tekst niet wordt gelezen is bijzonder groot. Schrappen die handel (als het een inleiding is). Of geef aan dat stuk een duidelijke subtitel en maak er ook een springlink van.

2.Springlinks gecombineerd met andere links

Op deze pagina is het onduidelijk wat het verschil is tussen al de links?

  • De bovenste links zijn 'navigatielinks' die naar een dieper niveau verwijzen.
  • De middelste link verwijst naar een verwante pagina.
  • De onderste links zijn springlinks.

Door zo nonchalant om te springen met verschillende soorten links, is het logisch dat een gebruiker het allemaal niet goed begrijpt.

Dit is een rommeltje.

P.S. Concrete actiepunten om je site beter te maken?

Wil je meer verkopen via je website? Meer leads krijgen? Meer abonnees op je nieuwsbrief? Meer bezoekers die vinden wat ze zoeken?

Wacht dan niet langer en bestel een usability review. Wij analyseren de belangrijkste pagina's van je website en geven je zeer concrete en toepasbare oplossingen om je site beter te maken.

Laat niet langer kansen liggen met je website. Neem voorsprong op je concurrenten. Net zoals al 387 bedrijven en overheden deden.

 

Mis het volgende artikel niet!

  1. Volg ons op Twitter voor interessante links en extra tips.
  2. Like onze Facebookpagina
  3. Schrijf je in op onze maandelijkse nieuwsbrief

Leer teksten (her)schrijven voor het web

Op 1 dag leer je van de makers van deze blog hoe je je webteksten kan optimaliseren.

  • Leer teksten optimaliseren voor het web
  • Met korte schrijfoefeningen
  • Al 572 mensen volgden deze cursus
  • Volgende editie: 22 maart 2018, Antwerpen