WHELP! geeft advies over ontwerp, bouw en zoekmachine optimalisatie van je website. Ben je hier voor de eerste keer? Start dan bij het 4-stappenplan voor een eigen website.

Uitgaande links openen in nieuwe vensters of niet

Onlangs had ik een interessante mailwisseling met Walter Akkermans van www.photoshop-tutorials.nl. We hadden het over het gebruik van nieuwe vensters bij een externe link (ook wel outbound links genoemd). Moet je ze wel of juist niet openen in een nieuw venster? Kan je ze herkenbaar maken?

Hoe werkt een externe link?
Bij elke link kan je bepalen waar deze opent. Als je het prima vindt dat deze opent in hetzelfde scherm hoef je niets te doen. Als je wilt dat deze opent in een nieuw venster, voeg dan een klein element toe aan de link:

<a href="http://www.linknaarbuiten.nl" target="new">Link naar buiten</a>

Voors en tegens van het openen van links in hetzelfde venster
Voors – Zelf ben ik er voorstander van dat bezoekers zelf kiezen of ze een pagina in een nieuw venster willen openen. Daarom open ik een link altijd in hetzelfde venster. Vooral omdat je bezoekers dan weten wat ze te wachten staat. Aan een link kan je – als je geen extra visuele aanwijzing geeft – moeilijk zien waar die heen gaat. Stel dat een pagina de ene keer in een nieuw venster opent en de volgende keer niet, dan kan dit verwarrend zijn.
Tegens – Een nadeel van externe links in hetzelfde venster openen is dat je bezoeker terug moet klikken om weer in de originele website te komen. Je bent je bezoeker letterlijk kwijt. Ik merk dat dit ertoe leidt dat mijn bezoekers mijn website opzoeken (letterlijk in Google 2-3x terugkomen op hetzelfde zoekwoord). Dit geeft weer vertekende beelden in je statistieken.

Een mogelijk alternatief
Een mogelijk alternatief is met een stylesheet aangeven dat een link een externe link is (zoals bij wikipedia). Dit kan er zo uitzien:

<a href="http://www.linknaarbuiten.nl" class="external" target="new">Link naar buiten</a>

Met de class 'external' geef je de mogelijkheid het element te stylen. Het symbool geeft aan dat deze link in een nieuw venster geopend zal worden. Een uitstekend tutorial over CSS voor externe links vind je bij Max Design.

Externe Link voorbeeld (copyright maxdesign)

Alternatief
Je kunt er ook nog voor kiezen om een externe website te openen in een pop-up of aparte layer. Beide alternatieven raad ik je af: pop-ups houden niet van mensen en mensen niet van pop-ups. Websites in layers openen werkt ook niet zoals een bezoeker verwacht. Vandaar dat ik dit evenmin adviseer.

Plugins voor WordPress
Als je elke link moet voor zien van deze class wil je dat nog wel eens vergeten. De External Links Plugin voor WordPress biedt uitkomst voor WordPress bloggers. Als je deze activeert wordt deze class automatisch toegevoegd aan iedere externe link.
Joomla gebruikers kunnen gebruik maken van de External Link Enhancement mambot.
Drupal gebruikers gebruiken de External Links Module.

Meer lezen
Een interessant artikel over het gebruik van externe links van fiLi's tech.

Stem / Bookmark [?]Plaatsen/stemmen op NUjijPlaatsen/stemmen op eKudosPlaatsen/stemmen op MSN ReporterPlaatsen/stemmen op DiggVoeg dit artikel toe aan Del.icio.usVoeg toe aan je favorieten op TechnoratiVoeg toe aan je Google bladwijzers

  1. Jochen
    30.09.07 - 15:02
    1

    Mijn visie:
    als je een externe link legt die in een nieuw venster opent, verplicht je de bezoeker jouw site open te houden. Stel nu dat hij/zij dat niet wilt, moet er dus nog eens op de tab van jouw site geklikt worden om dan deze nog te sluiten. Dat is dus 2 keer klikken…
    Bij externe links die in hetzelfde venster openen komt de bezoeker op de pagina die hij/zij wil bezoeken, bevalt het niet, moet er maar 1 keer geklikt worden om terug te keren…
    Soms gaat het openen van een pagina zo snel dat je zelfs niet merkt dat er een 'tabje' bijgekomen is. Dan moet je jezelf er nog van vergewissen dat de pagina van die externe link geopend is.
    (Kan misschien banaal klinken voor de informatici of de bedreven surfers onder ons, maar kijk maar eens naar de 'oudere generaties' of minder ervaren surfers. Die hebben daar wel degelijk problemen mee…)


  2. Theo Bakker
    30.09.07 - 18:10
    2

    Dag Jochen,

    interessant argument! Dank voor je aanvulling.

    Groet, Theo

Jouw reactie

Spelregels voor commentaar

XHTML: Je kunt de volgende HTML code gebruiken: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Domeinnaam vrij?

  • Test via Byte op .nl, .eu, .be, .com, .net, .org, .biz, .info, .de, .co.uk, .tv, .nu, .cn en .name